flashcs3基礎(chǔ)動畫制作課件

1、flashcs3基礎(chǔ)動畫制作第2章 基礎(chǔ)動畫動畫的原理和“時間軸”面板使用幀使用圖層使用場景創(chuàng)建動畫濾鏡與混合本章重點(diǎn)： 前一章我們講解了Flash CS3的相關(guān)基礎(chǔ)知識，本章將具體講解在Flash CS3中制作基礎(chǔ)動畫的方法。通過本章學(xué)習(xí)應(yīng)掌握一下內(nèi)容：flashcs3基礎(chǔ)動畫制作2. 1 動畫的原理和時間軸面板 提到動畫，大家一定會聯(lián)想到小時候看的卡通影片。這些精彩的卡通影片，都是事先繪制好一幀一幀的連續(xù)動作的圖片，然后讓它們連續(xù)播放，利用人的“視覺暫留”特性，在大腦中形成了動畫效果。 Flash動畫的制作原理也一樣，它是把繪制出來的對象放到一格格的幀中，然后進(jìn)行播放，從而產(chǎn)生動畫效果。

2、2.1.1 動畫的原理動畫的原理flashcs3基礎(chǔ)動畫制作 在Flash中時間軸位于舞臺的正上方，如圖2-1所示。它是進(jìn)行Flash作品創(chuàng)作的核心部分，主要用于組織動畫各幀中的內(nèi)容，并可以控制動畫在某一段時間內(nèi)顯示的內(nèi)容。時間軸從形式上看分為兩部分：左側(cè)的圖層控制區(qū)和右側(cè)的幀控制區(qū)。2.1.2 時間軸面板時間軸面板flashcs3基礎(chǔ)動畫制作 幀是形成動畫最基本的時間單位，不同的幀對應(yīng)著不同的時刻。在逐幀動畫中，需要在每一個幀上創(chuàng)建一個畫面，畫面隨著時間的推移而連續(xù)出現(xiàn)，形成動畫；補(bǔ)間動畫只需確定動畫起點(diǎn)幀和終點(diǎn)幀的畫面，而中間部分的畫面由Flash根據(jù)兩幀的內(nèi)容自動生成。2. 2 使用幀使

3、用幀flashcs3基礎(chǔ)動畫制作2.2.1 播放頭播放頭 “播放頭”以紅色矩形 表示，用于指示當(dāng)前顯示在舞臺中的幀。使用鼠標(biāo)沿著時間周左右拖動播放頭，從一個區(qū)域移動到另一個區(qū)域，可以預(yù)覽動畫。flashcs3基礎(chǔ)動畫制作 在時間軸上，每5幀有一個“幀序號”標(biāo)識，單擊時間軸右上角的 （幀視圖）按鈕，會彈出圖2-2所示的下拉菜單，通過選擇菜單中不同的選項可以改變時間軸中幀的顯示模式。2.2.2 改變幀視圖改變幀視圖圖2-2 下拉菜單flashcs3基礎(chǔ)動畫制作 Flash中關(guān)鍵幀分為空白關(guān)鍵幀、關(guān)鍵幀、普通幀、普通空白幀4種，它們的顯示狀態(tài)如圖2-3所示。2.2.3 幀類型幀類型l空白關(guān)鍵幀：空白

4、關(guān)鍵幀顯示為空心圓，可以在上面創(chuàng)建內(nèi)容，一旦創(chuàng)建了內(nèi)容，空白關(guān)鍵幀就變成了關(guān)鍵幀。l關(guān)鍵幀：關(guān)鍵幀顯示為實(shí)心圓點(diǎn)，用于定義動畫的變化環(huán)節(jié)，逐幀動畫的每一幀都是關(guān)鍵幀，而補(bǔ)間動畫則在動畫的重要位置創(chuàng)建關(guān)鍵幀。l普通幀：普通幀顯示為一個個單元格，不同顏色代表不同的動畫，如“動作補(bǔ)間動畫”的普通幀顯示為淺藍(lán)色；“形狀補(bǔ)間動畫”的普通幀顯示為淺綠色；而靜止關(guān)鍵幀后面的普通幀顯示為灰色。l普通空白幀：普通空白幀顯示為白色，表示該幀沒有任何內(nèi)容。flashcs3基礎(chǔ)動畫制作 編輯幀的操作是制作動畫時使用頻率最高、最基本的操作，主要包括插入幀、刪除幀等，這些操作都可以通過幀的快捷菜單命令來實(shí)現(xiàn)，調(diào)出快捷菜單

5、的具體操作步驟如下：選中需要編輯的幀，然后單擊鼠標(biāo)右鍵，從彈出的圖2-4所示的快捷菜單中選擇相關(guān)命令即可。 編輯關(guān)鍵幀除了快捷菜單外，在實(shí)際工作中我們還經(jīng)常使用快捷鍵，下面是常用的編輯幀的快捷鍵：“插入幀”的快捷鍵F5；“刪除幀”的快捷鍵Shift+F5；“插入關(guān)鍵幀”的快捷鍵F6；“插入空白關(guān)鍵幀”的快捷鍵F7；“清除關(guān)鍵幀”的快捷鍵Shift+F6；2.2.4 編輯幀編輯幀圖2-4 編輯幀的快捷菜單flashcs3基礎(chǔ)動畫制作 通常在Flash工作區(qū)中只能看到一幀的畫面，如果使用了多幀顯示，則可同時顯示或編輯多個幀的內(nèi)容，從而便于對整個影片中的對象進(jìn)行定位。多幀顯示包括 （滾動到播放頭）、

6、 （繪圖紙外觀）、 （繪圖紙外觀輪廓）、（ 編輯多個幀）和 （修改繪圖紙標(biāo)志）5個按鈕，如圖2-5所示。2.2.5 多幀顯示多幀顯示flashcs3基礎(chǔ)動畫制作1.滾動到播放頭滾動到播放頭 單擊 (滾動到播放頭）按鈕，可以將播放頭標(biāo)記的幀在幀控制區(qū)中居中顯示，如圖2-6所示。單擊 （滾動到播放頭）按鈕前 單擊 （滾動到播放頭）按鈕前圖2-6 （滾動到播放頭）按鈕前后效果比較flashcs3基礎(chǔ)動畫制作2.繪圖紙外觀繪圖紙外觀 單擊 （繪圖紙外觀）按鈕，在播放頭的左右會出現(xiàn)繪圖紙的起始點(diǎn)和終止點(diǎn)，位于繪圖紙之間的幀在工作區(qū)中由深至淺顯示出來，當(dāng)前幀的顏色最深，如圖2-7所示。圖2-7 （繪圖紙外

7、觀）效果 flashcs3基礎(chǔ)動畫制作3.繪圖紙外觀輪廓繪圖紙外觀輪廓 單擊 （繪圖紙外觀輪廓）按鈕，可以只顯示對象的輪廓線，如圖2-8所示。 圖2-8 （繪圖紙外觀輪廓）效果flashcs3基礎(chǔ)動畫制作4.編輯多個幀編輯多個幀 單擊 （編輯多個幀）按鈕，可以對選定為繪圖紙區(qū)域中的關(guān)鍵幀進(jìn)行編輯，例如改變對象的大小、顏色、位置、角度等。 圖2-9 （編輯多個幀）效果 flashcs3基礎(chǔ)動畫制作5.修改繪圖紙標(biāo)志修改繪圖紙標(biāo)志 （修改繪圖紙標(biāo)志）按鈕的主要功能就是修改當(dāng)前繪圖紙的標(biāo)記。通常情況下，移動播放頭的位置，繪圖紙的位置也會隨之發(fā)生相應(yīng)的變化。單擊該按鈕，會彈出圖2-10所示的快捷菜單。

8、圖2-10 （修改繪圖紙標(biāo)志）按鈕的快捷菜單l總是顯示標(biāo)記：選中該項，無論是否啟用繪圖紙模式，繪圖紙標(biāo)記都會顯示在時間軸上。l錨定繪圖紙：選中該項后，時間軸上的繪圖紙標(biāo)記將鎖定在當(dāng)前位置，不再隨著播放頭的移動而發(fā)生位置上的改變。l繪圖紙2：在當(dāng)前幀左右兩側(cè)各顯示兩幀。l繪圖紙5：在當(dāng)前幀左右兩側(cè)各顯示5幀。l繪制全部：顯示當(dāng)前幀兩側(cè)的所有幀。flashcs3基礎(chǔ)動畫制作2. 3 使用圖層使用圖層 時間軸中的“圖層控制區(qū)”是對圖層進(jìn)行各種操作的區(qū)域，在該區(qū)域中可以創(chuàng)建和編輯各種類型的圖層。flashcs3基礎(chǔ)動畫制作2.3.1 創(chuàng)建圖層創(chuàng)建圖層創(chuàng)建圖層的具體操作步驟如下：1）單擊“時間軸”面板下

9、方的 （插入圖層）按鈕，可新增一個圖層。2）單擊“時間軸”面板下方的 （添加運(yùn)動導(dǎo)引層）按鈕，可新增一個運(yùn)動導(dǎo)引層，關(guān)于導(dǎo)引層的應(yīng)用將在“2.6.5 創(chuàng)建引導(dǎo)層動畫”中詳細(xì)講解。3）單擊“時間軸”面板下方的 （插入圖層文件夾）按鈕，可新增一個圖層文件夾，其中可以包含若干個圖層，如圖2-11所示。圖2-11新增圖層和圖層文件夾flashcs3基礎(chǔ)動畫制作2.3.2 刪除圖層刪除圖層 在當(dāng)不再需要某個圖層時，可以將其進(jìn)行刪除，具體操作步驟如下：1）選擇想要刪除的圖層。2）單擊“時間軸”面板左側(cè)圖層控制區(qū)下方的 （刪除圖層）按鈕，如圖2-12所示，即可將選中的圖層進(jìn)行刪除，如圖2-13所示。flas

10、hcs3基礎(chǔ)動畫制作2.3.3重命名圖層重命名圖層 （根據(jù)創(chuàng)建圖層的先后順序，新圖層的默認(rèn)名稱為“圖層2、3、4.”，在實(shí)際工作中為了便于識別經(jīng)常會對圖層進(jìn)行重命名。重命名圖層的具體操作步驟如下：1）利用鼠標(biāo)雙擊圖層的名稱，進(jìn)入名稱編輯狀態(tài)，如圖2-14所示。2）輸入新的名稱，在按鍵盤上的Enter鍵確認(rèn)，即可對圖層進(jìn)行重新命名，如圖2-15所示。圖2-14 進(jìn)入名稱編輯狀態(tài) 圖2-15 重命名圖層flashcs3基礎(chǔ)動畫制作 2.3.4 調(diào)整圖層的順序調(diào)整圖層的順序 圖層中的內(nèi)容是相互重疊的關(guān)系，上面圖層中的內(nèi)容會覆蓋下面圖層中的內(nèi)容，在實(shí)際制作過程中，可以調(diào)整圖層之間的位置關(guān)系，具體操作步

11、驟如下：1）利用鼠標(biāo)單擊需要調(diào)整位置的圖層（此時選擇“圖層4”），從而選中它，如圖2-16所示。2）用鼠標(biāo)按住圖層，然后拖動到需要調(diào)整的相應(yīng)位置，此時會出現(xiàn)一個灰色的線條，如圖2-17所示。接著釋放鼠標(biāo)，圖層的位置就調(diào)整好了，如圖2-18所示。flashcs3基礎(chǔ)動畫制作2.3.5 設(shè)置圖層的屬性設(shè)置圖層的屬性 圖層的屬性包括圖層的名稱、類型、顯示模式和輪廓顏色等，這些屬性的設(shè)置可以在“圖層屬性”對話框中完成。利用鼠標(biāo)雙擊圖層名稱右邊的 標(biāo)記（或右鍵單擊圖層名稱，從彈出的快捷菜單中選擇“屬性”命令），即可打開“圖層屬性”對話框，如圖2-19所示。flashcs3基礎(chǔ)動畫制作l名稱：在該文本框中

12、可輸入圖層的名稱。l顯示：選中該復(fù)選框，可使圖層處于顯示狀態(tài)。l鎖定：選中該復(fù)選框，可使圖層處于鎖定狀態(tài)。l類型：用于選擇圖層的類型，包括一般、引導(dǎo)層、被引導(dǎo)、遮罩層、被者罩和文件夾6個選項。l輪廓顏色：選中下方的“將圖層視為輪廓”復(fù)選框，可將圖層設(shè)置為輪廓顯示模式，并可通過單擊“顏色框”按鈕，對輪廓的顏色進(jìn)行設(shè)置。l圖層高度：在其右邊的下拉菜單中可設(shè)置圖層的高度。flashcs3基礎(chǔ)動畫制作2.3.6 設(shè)置圖層的狀態(tài)設(shè)置圖層的狀態(tài) 時間軸的“圖層控制區(qū)”的最上方有三個圖標(biāo)， 用于控制圖層中對象的可視性，單擊它，可隱藏所有圖層中的對象，再次單擊可將所有對象顯示出來； 用于控制圖層的鎖定，圖層一

13、旦被鎖定，圖層中的所有對象將不能被編輯，再次單擊它可以取消對所有圖層的鎖定；用于控制圖層中的對象是否只顯示輪廓線，單擊它，圖層中的對象的填充將被隱藏，以便方便編輯圖層中的對象，再次單擊可恢復(fù)到正常狀態(tài)。圖2-20為圖層輪廓顯示前后比較。flashcs3基礎(chǔ)動畫制作2. 4 使用場景使用場景在制作比較復(fù)雜的動畫時，可以將動畫分為若干個場景，然后再進(jìn)行組合，F(xiàn)lash會根據(jù)場景的先后順序進(jìn)行播放，此外，我們還可以利用動作腳本實(shí)現(xiàn)不同場景間的跳轉(zhuǎn)。執(zhí)行菜單中的“窗口|其他面板|場景”命令，可以調(diào)出“場景”面板，如圖2-21所示，在“場景”面板中可以進(jìn)行下列操作：l 復(fù)制場景：選中要復(fù)制的場景，然后單

14、擊“場景”面板下方的 （直接復(fù)制場景）按鈕，即可復(fù)制出一個原來場景的副本，如圖2-22所示。l 添加場景：單擊“場景”面板下方的 （直接復(fù)制場景）按鈕，可以添加一個新景，如圖2-23所示。l 刪除場景：選中要刪除的場景，單擊“場景”面板下方的 （刪除場景）按鈕，即可將選中的場景進(jìn)行刪除。圖2-21 “場景”面板 圖2-22 復(fù)制場景 圖2-23 添加場景flashcs3基礎(chǔ)動畫制作l更改場景名稱：在“場景”面板中雙擊場景名稱，進(jìn)入名稱編輯狀態(tài)，如圖2-24所示，然后輸入新名稱，按Enter鍵即可，如圖2-25所示。l更改場景順序：在“場景”面板中按住場景名稱并拖動到相應(yīng)的位置，如圖2-26所示

15、，然后松開鼠標(biāo)即可，如圖2-27所示。l轉(zhuǎn)換場景：在“場景”面板中單擊要轉(zhuǎn)換的場景名稱，即可轉(zhuǎn)換到相應(yīng)場景中。圖2-24進(jìn)入名稱編輯狀態(tài) 圖2-25更改場景名稱 圖2-26拖動場景 圖2-27拖動后效果flashcs3基礎(chǔ)動畫制作2.5 元件的創(chuàng)建與編輯元件的創(chuàng)建與編輯 元件是一種可重復(fù)使用的對象，重復(fù)使用它不會增加文件的大小，元件還簡化了文檔的編輯。當(dāng)編輯元件時，該元件的所有實(shí)例都相應(yīng)地更新以反映編輯。元件的另一個好處是使用它們可以創(chuàng)建完善的交互性。flashcs3基礎(chǔ)動畫制作2.5.1 元件的類型元件的類型 元件共分為3種：圖形、按鈕和影片剪輯，如圖2-28所示。l圖形：圖形元件可用于靜態(tài)

16、圖像，并可用來創(chuàng)建連接到主時間軸的可重用動畫片段。圖形元件與主時間軸同步運(yùn)行。交互式控件和聲音在圖形元件的動畫序列中不起作用。l按鈕：用于創(chuàng)建交互式按鈕。按鈕有不同的狀態(tài)，每種狀態(tài)都可以通過圖形、元件和聲音來定義。一旦創(chuàng)建了按鈕，就可以對其影片或者影片片斷中的實(shí)例賦予動作。 l影片剪輯：使用影片剪輯元件可以創(chuàng)建可重用的動畫片段。影片剪輯擁有它們自己獨(dú)立于主時間軸的多幀時間軸?？梢詫⒂捌糨嬁醋魇侵鲿r間軸內(nèi)的嵌套時間軸，它們可以包含交互式控件、聲音甚至其他影片剪輯實(shí)例；也可以將影片剪輯元件放在按鈕元件的時間軸內(nèi)，以創(chuàng)建動畫按鈕。 flashcs3基礎(chǔ)動畫制作2.5.2 創(chuàng)建元件創(chuàng)建元件 可以通過

17、工作區(qū)中選定的對象來創(chuàng)建元件；也可以創(chuàng)建一個空元件，然后在元件編輯模式下制作或?qū)胂鄳?yīng)的內(nèi)容；還可以在 Flash 中創(chuàng)建字體元件。元件可以擁有在 Flash 中創(chuàng)建的所有功能，包括動畫。 通過使用包含動畫的元件，用戶可以在很小的文件中創(chuàng)建包含大量動作的 Flash 應(yīng)用程序。如果有重復(fù)或循環(huán)的動作，例如鳥的翅膀上下翻飛這種動作，應(yīng)該考慮在元件中創(chuàng)建動畫。flashcs3基礎(chǔ)動畫制作1.將選定元素轉(zhuǎn)換為元件將選定元素轉(zhuǎn)換為元件將選定元素轉(zhuǎn)換為元件的方法如下：1）在工作區(qū)中選擇一個或多個元素，然后執(zhí)行菜單中的“修改轉(zhuǎn)換為元件”（快捷鍵F8）命令；或者右鍵單擊選中的元件，從彈出的快捷菜單中選擇“轉(zhuǎn)

18、換為元件”命令。 2）在“轉(zhuǎn)換為元件”對話框中，鍵入元件名稱并選擇“圖形”、“按鈕”或“影片剪輯”，然后在注冊網(wǎng)格中單擊，以便放置元件的注冊點(diǎn)，如圖2-29所示。3）單擊“確定”按鈕。 提示：此時工作區(qū)中選定的元素將變成一個元件。如果要對其進(jìn)行再次編輯，可以雙擊該元件進(jìn)入編輯狀態(tài)。flashcs3基礎(chǔ)動畫制作2.創(chuàng)建一個新的空元件創(chuàng)建一個新的空元件創(chuàng)建一個新的空元件的方法如下：1）確保未在舞臺上選定任何內(nèi)容，然后執(zhí)行菜單中的“插入新建元件”命令；或者單擊庫面板左下角的 （新建元件）按鈕；或者從“庫”面板右上角的庫選項菜單中選擇“新建元件”命令。 2）在“創(chuàng)建新元件”對話框中，鍵入元件名稱及元件

19、類型，然后單擊“確定”按鈕。 提示：此時提示：此時Flash 會將該元件添加到庫中，并切換到元件編輯模式。在元件編輯模式下，元件的名稱將出會將該元件添加到庫中，并切換到元件編輯模式。在元件編輯模式下，元件的名稱將出現(xiàn)在舞臺左上角的上面，并由一個十字線表明該元件的注冊點(diǎn)?，F(xiàn)在舞臺左上角的上面，并由一個十字線表明該元件的注冊點(diǎn)。 flashcs3基礎(chǔ)動畫制作3.創(chuàng)建創(chuàng)建“影片剪輯影片剪輯”元件元件 影片剪輯是位于影片中的小影片?？梢栽谟捌糨嬈沃性黾觿赢?、動作、聲音、其他元件設(shè)置及其他的影片片斷。影片剪輯有自己的時間軸，其運(yùn)行獨(dú)立于主時間軸。與圖形元件不同，影片剪輯只需要在主時間軸中放置單一的關(guān)

20、鍵幀就可以啟動播放。創(chuàng)建影片剪輯元件的方法如下：1）執(zhí)行菜單中的“插入新建元件”（快捷鍵Ctrl+F8）命令，在彈出“創(chuàng)建新元件”對話框中輸入名稱，然后選擇“影片剪輯”選項。2）單擊“確定”按鈕，即可進(jìn)入影片剪輯的編輯模式。flashcs3基礎(chǔ)動畫制作4.創(chuàng)建創(chuàng)建“按鈕按鈕”元件元件 按鈕實(shí)際上是四幀的交互影片剪輯。當(dāng)為元件選擇按鈕行為時，F(xiàn)lash 會創(chuàng)建一個四幀的時間軸。前三幀顯示按鈕的3種可能狀態(tài)；第四幀定義按鈕的活動區(qū)域。此時的時間軸實(shí)際上并不播放，它只是對指針運(yùn)動和動作做出反應(yīng)，跳到相應(yīng)的幀。創(chuàng)建按鈕元件的方法如下：1）執(zhí)行菜單中的“插入新建元件”（快捷鍵Ctrl+F8），在彈出的“

21、創(chuàng)建新元件”對話框中輸入button，并選擇“按鈕”類型，然后單擊“確定”按鈕，進(jìn)入按鈕元件的編輯模式。2）在按鈕元件中有4個已命名的幀：彈起、指針經(jīng)過、按下和點(diǎn)擊。分別代表了鼠標(biāo)的4種不同的狀態(tài)。如圖2-30所示。圖2-30創(chuàng)建按鈕元件flashcs3基礎(chǔ)動畫制作l彈起幀。在彈起幀中可以繪制圖形，也可以使用圖形元件、導(dǎo)入圖形或者位圖。l指針經(jīng)過幀。這一幀將在鼠標(biāo)位于按鈕之上時顯示。在這一幀里可以使用圖形元件、位圖或者是影片剪輯。l按下幀。這一幀將在按鈕被按下時顯示。如果不希望按鈕在被單擊時發(fā)生變化，在這里只插入普通幀就可以了。l點(diǎn)擊幀。這一幀定義了按鈕的有效點(diǎn)擊區(qū)域。如果在按鈕上只是使用文本

22、，這一幀尤其重要。因?yàn)槿绻麤]有點(diǎn)擊狀態(tài)，那么有效的點(diǎn)擊區(qū)域就只是文本本身，這將導(dǎo)致點(diǎn)中按鈕非常困難。因此在這一幀中，繪制一個形狀來定義點(diǎn)擊區(qū)域。由于這個狀態(tài)永遠(yuǎn)都不會被用戶實(shí)際看到，因此其形狀如何并不重要。flashcs3基礎(chǔ)動畫制作5.創(chuàng)建創(chuàng)建“圖形圖形”元件元件 圖形元件是一種最簡單的Flash元件。使用這種元件來處理靜態(tài)圖片和動畫。注意，圖形元件中的動畫是受主時間軸控制的。同時，動作和聲音在圖形元件中不能正常工作。（1）將所選的對象轉(zhuǎn)換為圖形元件將所選的對象轉(zhuǎn)換為圖形元件的方法如下：1）選中希望包含到元件中的一個或多個對象。2）執(zhí)行菜單中的“修改轉(zhuǎn)換為元件”（快捷鍵F8）命令，在彈出“轉(zhuǎn)

23、換為元件”對話框中輸入元件名稱，然后單擊“圖形”選項，如圖2-31所示，接著單擊“確定”按鈕即可。flashcs3基礎(chǔ)動畫制作（2）創(chuàng)建新的圖形元件創(chuàng)建新的圖形元件的方法如下：1）執(zhí)行菜單中的“插入新建元件”（快捷鍵Ctrl+F8）命令。2）在彈出的“創(chuàng)建新元件”對話框中輸入名稱，然后單擊“圖形”選項。3）單擊“確定”按鈕，即可進(jìn)入圖形元件的編輯模式。flashcs3基礎(chǔ)動畫制作2.5.3 編輯元件編輯元件 編輯元件時，F(xiàn)lash 會更新文檔中該元件的所有實(shí)例。Flash 提供了3種方式來編輯元件。 第1種：右鍵單擊要編輯的對象，從彈出的快捷菜單中選擇“在當(dāng)前位置編輯”命令，即可在該元件和其他

24、對象在一起的工作區(qū)中編輯它。此時其他對象以灰顯方式出現(xiàn)，從而將它們和正在編輯的元件區(qū)別開來。正在編輯的元件名稱顯示在工作區(qū)上方的編輯欄內(nèi)，位于當(dāng)前場景名稱的右側(cè)。 第2種：右鍵單擊要編輯的對象，從彈出的快捷菜單中選擇“在新窗口中編輯”命令，即可在一個單獨(dú)的窗口中編輯元件。此時在單獨(dú)的窗口中編輯元件可以同時看到該元件和主時間軸。正在編輯的元件名稱會顯示在工作區(qū)上方的編輯欄內(nèi)。 第3種：雙擊工作區(qū)中的元件，進(jìn)入它的元件編輯模式，此時正在編輯的元件名稱會顯示在舞臺上方的編輯欄內(nèi)，位于當(dāng)前場景名稱的右側(cè)。當(dāng)用戶編輯元件時，F(xiàn)lash 將更新文檔中該元件的所有實(shí)例，以反映編輯結(jié)果。編輯元件時，可以使用任

25、意繪畫工具、導(dǎo)入介質(zhì)或創(chuàng)建其他元件的實(shí)例。flashcs3基礎(chǔ)動畫制作1. 在當(dāng)前位置編輯元件在當(dāng)前位置編輯元件在當(dāng)前位置編輯元件的方法如下：1）執(zhí)行以下操作之一： l在工作區(qū)中雙擊該元件的一個實(shí)例。 提示：一個元件中可以包含多個實(shí)例。l右鍵單擊工作區(qū)中該元件的一個實(shí)例，從彈出菜單中選擇“在當(dāng)前位置編輯”命令。 l在工作區(qū)中選擇該元件的一個實(shí)例，執(zhí)行菜單中的“編輯在當(dāng)前位置編輯”命令。 2）根據(jù)需要編輯該元件。 3）如果要更改注冊點(diǎn)，可拖動工作區(qū)中的元件。此時十字準(zhǔn)線指示注冊點(diǎn)的位置。 4）要退出“在當(dāng)前位置編輯”模式并返回到場景編輯模式，可執(zhí)行以下操作之一： l單擊工作區(qū)上方編輯欄左側(cè)的 按

26、鈕。 l執(zhí)行菜單中的“編輯編輯文檔”命令。flashcs3基礎(chǔ)動畫制作2. 在新窗口中編輯元件在新窗口中編輯元件 在新窗口中編輯元件的方法如下：1）右鍵單擊工作區(qū)中該元件的一個實(shí)例，然后從彈出的快捷菜單中選擇“在新窗口中編輯”命令。 2）根據(jù)需要編輯該元件。 3）如果要更改注冊點(diǎn)，可拖動工作區(qū)中的元件。此時十字準(zhǔn)線指示注冊點(diǎn)的位置。 4）單擊右上角的 按鈕，來關(guān)閉新窗口，然后在主文檔窗口內(nèi)單擊以返回到編輯主文檔。flashcs3基礎(chǔ)動畫制作3. 在元件編輯模式下編輯元件在元件編輯模式下編輯元件在元件編輯模式下編輯元件的方法如下：1）執(zhí)行以下操作之一來選擇元件： l雙擊“庫”面板中的元件圖標(biāo)。

27、l右鍵單擊工作區(qū)中該元件的一個實(shí)例，從彈出的快捷菜單中選擇“編輯”命令。 l在工作區(qū)中選中該元件的一個實(shí)例，然后執(zhí)行菜單中的“編輯編輯元件”命令。 l在“庫”面板中選擇該元件，然后從庫選項菜單中選擇“編輯”命令，或者右鍵單擊“庫”面板中的該元件，然后從彈出菜單中選擇“編輯”命令。 2）根據(jù)需要在舞臺上編輯該元件。 3）如果要更改注冊點(diǎn)，可拖動工作區(qū)中的元件。此時十字準(zhǔn)線指示注冊點(diǎn)的位置。 4）要退出元件編輯模式并返回到文檔編輯狀態(tài)，可執(zhí)行以下操作之一： l單擊舞臺上方編輯欄左側(cè)的“返回”按鈕。 l執(zhí)行菜單中的“編輯編輯文檔”命令。 flashcs3基礎(chǔ)動畫制作4. 將元件加到工作區(qū)中將元件加到

28、工作區(qū)中將元件加到工作區(qū)中的方法如下：1）執(zhí)行菜單中的“窗口庫”（快捷鍵Ctrl+L）命令，調(diào)出庫面板，如圖2-32所示。2）利用庫找到并選中希望加入到影片中去的元件。3）將元件拖動到工作區(qū)中即可。圖2-32 調(diào)出“庫”面板flashcs3基礎(chǔ)動畫制作5. 元件屬性元件屬性 每個元件都有獨(dú)立于該元件的自己的屬性?？梢愿脑纳{(diào)、透明度和亮度；可以重新定義元件的行為（例如，把圖形更改為影片剪輯）；還可以設(shè)置動畫在圖形實(shí)例內(nèi)的播放形式；也可以傾斜、旋轉(zhuǎn)或縮放元件。 此外，可以給影片剪輯或按鈕實(shí)例命名，這樣就可以使用動作腳本更改它的屬性。 如果編輯元件或?qū)⒛硞€元件重新鏈接到其他元件，則任何已經(jīng)改

29、變的元件屬性仍然適用于該元件。flashcs3基礎(chǔ)動畫制作6. 更改元件的顏色和透明度更改元件的顏色和透明度 每個元件實(shí)例都可以有自己的色彩效果。要設(shè)置元件的顏色和透明度選項，可使用“屬性”面板。在屬性面板中的設(shè)置也會影響放置在元件內(nèi)的位圖。 當(dāng)在特定幀內(nèi)改變元件的顏色和透明度時，F(xiàn)lash會在播放該幀時立即進(jìn)行更改。要進(jìn)行漸變顏色更改，必須使用補(bǔ)間動畫。這將在以后的章節(jié)中做具體的講解。當(dāng)補(bǔ)間顏色時，要在實(shí)例的開始關(guān)鍵幀和結(jié)束關(guān)鍵幀輸入不同的效果設(shè)置，然后補(bǔ)間這些設(shè)置，以便讓實(shí)例的顏色隨著時間逐漸變化。提示：如果對包括多幀的影片剪輯元件應(yīng)用色彩效果，提示：如果對包括多幀的影片剪輯元件應(yīng)用色彩效

30、果，F(xiàn)lash 會將效果應(yīng)用于該影片剪輯元件的每一幀。會將效果應(yīng)用于該影片剪輯元件的每一幀。更改元件顏色和透明度的方法如下：1）在工作區(qū)中選擇該元件，然后執(zhí)行菜單中的“窗口屬性”命令。 2）從“屬性”面板內(nèi)的“顏色”彈出菜單中選擇以下選項之一： l亮度:用于調(diào)節(jié)圖像的相對亮度或暗度，調(diào)整范圍為從黑 (-100%) 到白 (100%)。調(diào)節(jié)時，可以單擊數(shù)值右側(cè)小三角形并拖動滑塊或在文本框中輸入一個值，如圖2-33所示。flashcs3基礎(chǔ)動畫制作圖2-33 調(diào)節(jié)“亮度”l色調(diào)：用相同的色相為元件著色。可使用“屬性”檢查器中的色調(diào)滑塊設(shè)置色調(diào)百分比，調(diào)整范圍從透明 (0%) 到完全飽和 (100%

31、)。要選擇顏色，可以在各自的文本框中輸入紅、綠和藍(lán)色的值，或單擊顏色框并從彈出窗口中選擇一種顏色，如圖2-34所示。圖2-34 調(diào)節(jié)“色調(diào)”flashcs3基礎(chǔ)動畫制作lAlpha：用來調(diào)節(jié)元件的透明度，它的調(diào)整范圍從透明 (0%) 到完全飽和 (100%)。調(diào)節(jié)時，可以單擊數(shù)值右側(cè)小三角形并拖動滑塊或在文本框中輸入一個值。如圖2-35所示。圖2-35 調(diào)節(jié)“Alpha”值l高級：用來分別調(diào)節(jié)元件的紅、綠、藍(lán)和透明度的值。對于在諸如位圖這樣的對象上創(chuàng)建和制作具有微妙色彩效果的動畫時，該選項非常有用。左側(cè)的控件使用戶可以按指定的百分比降低顏色或透明度的值。右側(cè)的控件使用戶可以按常數(shù)值降低或增大顏

32、色或透明度的值，如圖2-36所示。 單擊“設(shè)置”按鈕，會彈出圖2-37所示的“高級效果”對話框。當(dāng)前的紅、綠、藍(lán)和Alpha 的值都乘以百分比值，然后加上右列中的常數(shù)值，會產(chǎn)生新的顏色值。例如，如果當(dāng)前紅色值是 100，此時把左側(cè)的滑塊設(shè)置到 50% 并把右側(cè)滑塊設(shè)置到 100，就會產(chǎn)生一個新的紅色值150 (100 x .5 + 100 = 150)。flashcs3基礎(chǔ)動畫制作 圖2-36 調(diào)節(jié)“高級” 圖2-37 “高級效果”對話框flashcs3基礎(chǔ)動畫制作7. 將一個元件與另一個元件交換將一個元件與另一個元件交換 可以給實(shí)例指定不同的元件，從而在工作區(qū)中顯示不同的實(shí)例，并保留所有的原

33、始元件屬性（如色彩效果或按鈕動作）。例如，假定用戶正在使用 rat 元件創(chuàng)建一個卡通形象作為影片中的角色，但決定將該角色改為 cat。此時用戶可以用 cat 元件替換 rat 元件，并讓更新的角色出現(xiàn)在所有幀中大致相同的位置上。 給實(shí)例指定不同的元件的方法如下：1）在工作區(qū)中選擇該元件，然后執(zhí)行菜單中的“窗口屬性”，調(diào)出“屬性”面板。 2）在屬性面板中單擊“交換”按鈕，如圖2-38所示。3）在彈出的“交換元件”對話框中，選擇一個元件，然后單擊“交換”按鈕，該元件即可替換當(dāng)前元件。如果要復(fù)制選定的元件，可單擊在對話框底部的（直接復(fù)制元件）按鈕，如圖2-39所示。提示：在制作幾個具有細(xì)微差別的元件

34、時，復(fù)制可以在庫中現(xiàn)有元件的基礎(chǔ)上建立一個新元件，并將復(fù)制工作減到最少。 flashcs3基礎(chǔ)動畫制作 圖2-38 單擊“交換”按鈕 圖2-39 單擊 （直接復(fù)制元件）按鈕4）單擊“確定”按鈕。flashcs3基礎(chǔ)動畫制作8. 更改元件的類型更改元件的類型 可以改變元件的類型來重新定義它在 Flash 應(yīng)用程序中的行為。例如，如果一個圖形元件包含想要獨(dú)立于主時間軸播放的動畫，可以將該圖形元件重新定義為影片剪輯元件。 更改元件的類型的方法如下：1）在工作區(qū)中選擇該元件，然后執(zhí)行菜單中的“窗口屬性”，調(diào)出“屬性”面板。 2）從“屬性”面板左上角的彈出菜單中選擇相應(yīng)的元件類型，如圖2-40所示。fl

35、ashcs3基礎(chǔ)動畫制作2.6 創(chuàng)建動畫創(chuàng)建動畫 Flash是一個制作動畫的軟件，通過它可以輕松的制作出各種炫目的動畫效果。Flash中的動畫可以分為逐幀動畫、動作補(bǔ)間動畫、形狀補(bǔ)間動畫、遮罩動畫、引導(dǎo)層動畫和時間軸特效動畫6種類型，下面就來具體講解它們的使用方法。flashcs3基礎(chǔ)動畫制作2.6.1 創(chuàng)建逐幀動畫創(chuàng)建逐幀動畫 逐幀動畫是一種常見的動畫形式，其原理是在連續(xù)的關(guān)鍵幀中分解動畫動作，需要更改每一幀中的舞臺內(nèi)容，它最適合于每一幀中的圖像都有改變，而并非僅僅簡單的在舞臺上移動、淡入淡出、色彩變換、旋轉(zhuǎn)的復(fù)雜動畫。 制作逐幀動畫的方法非常簡單，只需要一幀一幀的繪制就可以了，關(guān)鍵在于動作

36、設(shè)計及節(jié)奏的掌握，圖2-35為人物走路的逐幀動畫的畫面分解圖。1.逐幀動畫的特點(diǎn)逐幀動畫的特點(diǎn)圖2-35人物走路的逐幀動畫的畫面分解圖flashcs3基礎(chǔ)動畫制作 由于逐幀動畫每一幀的內(nèi)容都不一樣，因此制作是非常繁瑣，而且最終輸出的文件也很大，但它也有自己的優(yōu)勢，它具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容，很適于表演細(xì)膩的動畫，如動畫片中的人物走路、轉(zhuǎn)身以及做各種動作。flashcs3基礎(chǔ)動畫制作2.創(chuàng)建逐幀動畫的方法創(chuàng)建逐幀動畫的方法創(chuàng)建逐幀動畫的方法有4種：l導(dǎo)入靜態(tài)圖片：分別在每幀中導(dǎo)入靜態(tài)圖片，建立逐幀動畫，靜態(tài)圖片的格式可以是jpg、png等。l繪制矢量圖：在每個關(guān)鍵幀中，直

37、接用Flash的繪圖工具繪制出每一幀中的圖形，前面的“逐幀動畫.fla”就采用了這種方法。l導(dǎo)入序列圖像：直接導(dǎo)入jpg、gif序列圖像。序列圖像中包含多個幀，導(dǎo)入到Flash中后，將會把動畫中的每一幀自動分配到每一個關(guān)鍵幀中。l導(dǎo)入swf動畫：直接導(dǎo)入已經(jīng)制作完成的swf動畫，也一樣可以創(chuàng)建逐幀動畫，或者可以導(dǎo)入第3方軟件（如swish、swift 3D等）產(chǎn)生的動畫序列。flashcs3基礎(chǔ)動畫制作2.6.2 創(chuàng)建形狀補(bǔ)間動畫創(chuàng)建形狀補(bǔ)間動畫 形狀補(bǔ)間動畫也是Flash中非常重要的動畫之一，利用它可以制作出各種奇妙的、不可思議的變形效果，譬如動物之間的轉(zhuǎn)變、文本之間的變化等。 形狀補(bǔ)間適用

38、于圖形對象，可以在兩個關(guān)鍵幀之間制作出變形效果，即讓一種形狀隨時間變化變?yōu)榱硗庖环N形狀，還可以對形狀的位置、大小和顏色進(jìn)行漸變。 Flash可以對放置在一個層上的多個形狀進(jìn)行形變，但通常一個層上只放一個形狀會產(chǎn)生較好的效果。利用形狀提示點(diǎn)還可以控制更為復(fù)雜和不規(guī)則形狀的變化。1.形狀補(bǔ)間的特點(diǎn)形狀補(bǔ)間的特點(diǎn)flashcs3基礎(chǔ)動畫制作2.創(chuàng)建形狀補(bǔ)間的方法創(chuàng)建形狀補(bǔ)間的方法 下面通過一個字母變形的小實(shí)例來講解一下形狀補(bǔ)間的創(chuàng)建方法，具體操作步驟如下：1）按快捷鍵Ctrl+N，新建Flash文檔。2）執(zhí)行菜單中的“修改|文檔”（快捷鍵Ctrl+J）命令，在彈出的“文檔屬性”對話框中將背景色設(shè)置為

39、白色（#FFFFFF），文檔尺寸設(shè)置為500px500px，單擊“確定”按鈕。3）選擇工具箱中的 （文本工具），在“屬性”面板中設(shè)置文本顏色為紅色(#FF0000),字號為300，如圖2-36所示。然后在舞臺中輸入文本“A”。flashcs3基礎(chǔ)動畫制作 4）利用“對齊”面板，將文本居中對齊，如圖2-37所示。然后執(zhí)行菜單中的“修改|分離”（快捷鍵Ctrl+B）命令，將文本分離為圖形，如圖2-38所示。 圖2-37 將文字居中對齊 圖2-38 將文字分離為圖形5）在第10幀，按快捷鍵F7，插入空白關(guān)鍵幀，然后輸入文字“”，字色設(shè)為藍(lán)色（#0000FF），然后執(zhí)行菜單中的“修改|分離”（快捷鍵C

40、trl+B）命令，將文本分離為圖形，如圖2-39所示。6）同理，分別在第20幀、第30幀，按快捷鍵按快捷鍵F7，插入空白關(guān)鍵幀，分別輸入文字“C”和“D”，并設(shè)置為不同顏色，然后將文本分離為圖形，如圖2-40所示。flashcs3基礎(chǔ)動畫制作7）在第40幀，按快捷鍵F7，插入空白關(guān)鍵幀。然后右鍵單擊第1幀，從彈出的快捷菜單中選擇“復(fù)制幀”命令，接著右鍵單擊第40幀，在彈出的快捷菜單中選擇“粘貼幀”命令，從而將第1幀的內(nèi)容原地粘貼到第40幀。8）選中“圖層1”，然后在“屬性”面板中設(shè)置“補(bǔ)間”為“形狀”，如圖2-41所示。圖2-41設(shè)置“圖層1”的“補(bǔ)間”為“形狀”flashcs3基礎(chǔ)動畫制作9

41、）執(zhí)行菜單中的“控制|測試影片”（快捷鍵Ctrl+Enter）命令，即可看到文字從“A”過渡到“B”、然后從“B”過渡到“C”，接著從“C”過渡到“D”，最后從“D”過渡到“A”的效果，如圖2-42所示。flashcs3基礎(chǔ)動畫制作3.形狀補(bǔ)間的屬性形狀補(bǔ)間的屬性 與動畫補(bǔ)間一樣，形狀補(bǔ)間動畫的創(chuàng)建及屬性設(shè)置也是在“屬性”面板中完成的，當(dāng)創(chuàng)建好形狀補(bǔ)間動畫的兩個關(guān)鍵幀后，選中起始幀，打開“屬性”面板，在“補(bǔ)間”下拉列表中選擇“形狀”?？梢钥吹剑螤钛a(bǔ)間動畫的“屬性”只有兩個參數(shù)，如圖2-43所示。圖2-43 形狀補(bǔ)間的屬性面板l緩動：用于控制形狀補(bǔ)間的速度變化。取值范圍為-100到100。當(dāng)數(shù)

42、值小于0時，動畫為加速運(yùn)動；當(dāng)數(shù)值大于0時，動畫為減速運(yùn)動；當(dāng)數(shù)值為0時，動畫為勻速運(yùn)動。l混合：用于選擇變形的過渡模式。選擇“角形”，可以使中間幀的過渡形狀保持關(guān)鍵幀上圖形的棱角，此模式只適用于友尖銳角的圖形變換；選中“分布式”可以使中間幀的形狀過渡更光滑、更隨意。flashcs3基礎(chǔ)動畫制作4.形狀提示點(diǎn)的應(yīng)用形狀提示點(diǎn)的應(yīng)用 在以上介紹的形狀補(bǔ)間動畫中，圖形之間的變形過渡是隨機(jī)的。利用Flash的形狀提示點(diǎn)，可以控制圖形對應(yīng)位置的精確變形。變形提示點(diǎn)用字母的小圓圈表示，英文字母表示部位的名稱，最多可以用26個英文字母來代表圖形上的部位。下面通過一個旋轉(zhuǎn)的三角錐實(shí)例來講解形狀提示點(diǎn)的使用方

43、法，具體操作步驟如下：1）按快捷鍵Ctrl+N，新建Flash文檔。2）執(zhí)行菜單中的“修改|文檔”（快捷鍵Ctrl+J）命令，在彈出的“文檔屬性”對話框中將背景色設(shè)置為白色，文檔大小設(shè)為300300像素，然后單擊“確定”按鈕。3）執(zhí)行菜單中的“視圖|網(wǎng)格|顯示網(wǎng)格”命令，結(jié)果如圖2-44所示。4）執(zhí)行菜單中的“視圖|貼緊|貼緊至網(wǎng)格”命令,然后選擇工具箱上的 （直線工具），在工作區(qū)中繪制三角錐，如圖2-45所示。flashcs3基礎(chǔ)動畫制作5）選擇工具箱上的 （顏料桶工具），填充色設(shè)置成淺黃色到深黃色的直線漸變色，如圖2-46所示，其中淺黃色的RGB值為（250，220，160）；深黃色的RG

44、B值為（220，130，30），填充三角錐正面，結(jié)果如圖2-47所示。flashcs3基礎(chǔ)動畫制作6）將填充色設(shè)置成深黃色到暗黃色的直線漸變色，其中深黃色的RGB值為（240，160，10）；暗黃色的RGB值為（120，70，20），填充三角錐的側(cè)面，結(jié)果如圖2-48所示。7）選擇工具箱上的 （選擇工具），在工作區(qū)中雙擊三棱錐的輪廓線，將所有輪廓線選中，然后按下鍵盤上的Delete鍵刪除，結(jié)果如圖2-49所示。圖2-48 填充三角錐側(cè)面 圖2-49 刪除黑色輪廓線8）調(diào)整漸變色的方向。方法：單擊工具箱上的 （填充變形工具），在工作區(qū)中單擊三棱錐正面，然后調(diào)節(jié)漸變方向，如圖2-50所示。9）同理

45、，調(diào)節(jié)三棱錐的側(cè)面漸變方向如圖2-51所示。flashcs3基礎(chǔ)動畫制作圖2-50 調(diào)節(jié)正面漸變方向 圖2-51 調(diào)節(jié)側(cè)面漸變方向10）在圖層 1的第20幀單擊右鍵，在彈出菜單中選擇“插入關(guān)鍵幀”（快捷鍵F6）命令，在第20幀插入一個關(guān)鍵幀，如圖2-52所示。11）選擇工具箱上的 （選擇工具），單擊工作區(qū)中三棱錐的右側(cè)面。然后執(zhí)行菜單中的“修改|變形|水平翻轉(zhuǎn)”命令，接著將水平翻轉(zhuǎn)后的右側(cè)面挪動到三棱錐的左側(cè)的位置，如圖2-53所示。圖2-52插入關(guān)鍵幀 圖2-53 水平翻轉(zhuǎn)三棱錐側(cè)面圖形flashcs3基礎(chǔ)動畫制作12）右鍵單擊時間軸窗口中的任意一幀，在“屬性”面板中設(shè)置如圖2-54所示，此

46、時時間軸如圖2-55所示。圖2-54 設(shè)置“補(bǔ)間”為“形狀” 圖2-55 時間軸分布13）按鍵盤上的Enter鍵，播放動畫，可以看到三棱錐的變形不正確，如圖2-56所示。為此需要設(shè)置控制變形的基點(diǎn)。方法：選擇圖層1的第1個關(guān)鍵幀，然后執(zhí)行菜單中的“修改|形狀|添加形狀提示”（快捷鍵Ctrl+Shift+H）命令，這時將在工作區(qū)中出現(xiàn)一個紅色的圓圈，圓圈里面有一個字母a，如圖2-57所示。圖2-56 變形錯誤的效果 圖2-57 添加形狀提示點(diǎn)aflashcs3基礎(chǔ)動畫制作 14）繼續(xù)按快捷鍵Ctrl+Shift+H，添加形狀提示b，c，d，e和f，如圖2-58所示。然后利用的 （選擇工具）將它們

47、移到圖2-59的位置。圖2-58 添加其他形狀提示點(diǎn) 圖2-59 調(diào)整形狀提示點(diǎn)的位置15）按鍵盤上的Enter鍵，播放動畫，此時會發(fā)現(xiàn)三棱錐轉(zhuǎn)動已經(jīng)正確了，但是為了使三棱錐產(chǎn)生連續(xù)轉(zhuǎn)動的效果，還需要加入一個過渡關(guān)鍵幀。方法：右鍵單擊“圖層1”的第21幀，然后在彈出菜單中選擇“插入關(guān)鍵幀”（快捷鍵F6)命令，在第21幀處插入一個關(guān)鍵幀。16）選擇工具箱上的（選擇工具），在工作區(qū)中點(diǎn)擊三棱錐的左側(cè)面。然后單擊Delete鍵刪除，如圖2-60所示。17）選擇時間軸窗口中“圖層1”的第22幀，按鍵盤上的F5鍵，使“圖層1”的幀數(shù)增至22幀，如圖2-61所示。flashcs3基礎(chǔ)動畫制作圖2-60 刪

48、除側(cè)面圖形 圖2-61 在“圖層1”的第22幀添加普通幀18）執(zhí)行菜單中的“控制|測試影片”（快捷鍵Ctrl+Enter)命令，即可看到三棱錐的旋轉(zhuǎn)動畫，如圖2-62所示。flashcs3基礎(chǔ)動畫制作2.6.3 創(chuàng)建動畫補(bǔ)間動畫創(chuàng)建動畫補(bǔ)間動畫 動畫補(bǔ)間動畫實(shí)際上就是給一個對象的兩個關(guān)鍵幀分別定義不同的屬性，如位置、顏色、透明度、角度等，并在兩個關(guān)鍵幀之間建立一種變化關(guān)系，即補(bǔ)間動畫關(guān)系。 構(gòu)成動畫補(bǔ)間的元素為“元件”或“成組對象”，而不能為形狀，只有將形狀“組合”或者轉(zhuǎn)換成“元件”后才可以成功制作“動畫補(bǔ)間動畫”。 動畫補(bǔ)間動畫被創(chuàng)建后，時間幀的背景色變?yōu)榈仙谄鹗紟徒Y(jié)束幀之間有一個長

49、長的箭頭，如圖2-63所示。如果動畫補(bǔ)間動畫沒有被創(chuàng)建成功，在兩個關(guān)鍵幀之間會呈現(xiàn)一條虛線，表示補(bǔ)間不完整或者錯誤，如圖2-64所示。 1.動畫補(bǔ)間的特點(diǎn)動畫補(bǔ)間的特點(diǎn)圖2-63 動畫補(bǔ)間動畫創(chuàng)建成功時的時間軸 圖2-64 動畫補(bǔ)間動畫創(chuàng)建不成功時的時間軸flashcs3基礎(chǔ)動畫制作2.創(chuàng)建動畫補(bǔ)間的方法創(chuàng)建動畫補(bǔ)間的方法 下面通過一個小實(shí)例來講解一下動畫補(bǔ)間的創(chuàng)建方法，具體操作步驟如下：1）執(zhí)行菜單中的“文件|打開”命令，打開配套光盤“素材及結(jié)果|2.6.3創(chuàng)建動作補(bǔ)間動畫|飛機(jī)-素材.fla”文件?！蔽募?）從“庫”面板中將“背面”、“側(cè)面”、“正面”和“天空”元件拖入舞臺，然后同時在舞

50、臺中選擇這4個元件，單擊右鍵，從彈出的快捷菜單中選擇“分散到圖層”命令，此時4個元件會被分散到4個不同的層上，并根據(jù)元件的名稱自動命名其所在圖層，如圖2-65所示。3）刪除多余的“圖層1”。方法：選擇“圖層1”，單擊 按鈕，即可將其進(jìn)行刪除，此時時間軸分布如圖2-66所示。4）同時選中4個圖層的第135幀，按快捷鍵F5，插入普通幀，從而使4個圖層的總長度延長到第135幀。圖2-65 將元件分散到不同圖層 圖2-66 刪除“圖層1”flashcs3基礎(chǔ)動畫制作 5）制作飛機(jī)加速從遠(yuǎn)方逐漸飛進(jìn)的效果。方法：為了便于操作，下面隱藏“背面”和“正面”圖層。然后在“側(cè)面”圖層的第70幀，按快捷鍵F6，插

51、入關(guān)鍵幀。再在第1幀，將舞臺中的“側(cè)面”元件移動到舞臺左上角，并適當(dāng)縮小，如圖2-67所示。接著在第70幀，將舞臺中的“側(cè)面”元件移動到舞臺右側(cè)中間部分，并適當(dāng)縮小和旋轉(zhuǎn)一定角度，如圖2-68所示。再單擊“側(cè)面”圖層第1-70幀之間的任意一幀，在“屬性”面板中將“補(bǔ)間”設(shè)為“動畫”，“緩動”設(shè)為“-100”，最后在“側(cè)面”層的第71幀，按快捷鍵F7，插入空白關(guān)鍵幀。此時時間軸分布如圖2-69所示。圖2-67 第1幀飛機(jī)的位置 圖2-68 第70幀飛機(jī)的位置圖2-69 時間軸分布flashcs3基礎(chǔ)動畫制作 6）制作飛機(jī)旋轉(zhuǎn)著沖向鏡頭的效果。方法：顯現(xiàn)“正面”圖層，然后將“正面”圖層的第1幀移動

52、到第75幀，再調(diào)整“正面”元件的位置和大小如圖2-70所示。接著在第95幀按快捷鍵F6,插入關(guān)鍵幀，再調(diào)整“正面”元件的位置和大小如圖2-71所示。最后在“正面”層的第96幀，按快捷鍵F7，插入空白關(guān)鍵幀。此時時間軸分布如圖2-72所示。圖2-70 第75幀飛機(jī)的位置 圖2-71 第95幀飛機(jī)的位置圖2-72 時間軸分布flashcs3基礎(chǔ)動畫制作 7）制作飛機(jī)掉頭逐漸飛遠(yuǎn)的效果。方法：顯現(xiàn)“背面”圖層，然后將“背面”圖層的第1幀移動到第96幀，再調(diào)整“背面”元件的位置和大小如圖2-73所示。接著在第135幀按快捷鍵F6,插入關(guān)鍵幀，再調(diào)整“背面”元件的位置和大小如圖2-74所示。此時時間軸分

53、布如圖2-75所示。圖2-73 在第1幀調(diào)整“背面”元件的位置和大小 圖2-74調(diào)整“背面”元件的位置和大小圖2-75 時間軸分布flashcs3基礎(chǔ)動畫制作8）執(zhí)行菜單中“控制|測試影片”(快捷鍵Ctrl+Enter)命令，就可以看到飛機(jī)從左上方飛入舞臺，然后旋轉(zhuǎn)著沖向鏡頭，再掉頭逐漸飛遠(yuǎn)的效果，如圖2-76所示。flashcs3基礎(chǔ)動畫制作2.6.4 創(chuàng)建遮罩動畫創(chuàng)建遮罩動畫1.遮罩動畫的特點(diǎn)遮罩動畫的特點(diǎn) 在Flash中，圖層分為好幾種，其中一種就是遮罩圖層。想象一下，我們現(xiàn)在正透過窗戶觀看窗外的美景，我們所能看到的只是窗戶這個范圍而已，其他的景物都被墻壁遮住了。Flash中的遮罩與此現(xiàn)

54、象非常類似。 遮罩動畫是通過遮罩層來完成的。遮罩的原理就是將某層作為遮罩，遮罩層下的一層是被遮罩層，而只有遮罩層上的填充色塊下面的內(nèi)容可見，色塊本身是不可見的。作為遮罩層的對象可以是填充的形狀、文字對象、圖形元件和影片剪輯元件。圖2-77遮罩層和被遮罩層的圖解說明。提示：按鈕元件是不可以作為遮罩對象的。flashcs3基礎(chǔ)動畫制作flashcs3基礎(chǔ)動畫制作2.創(chuàng)建遮罩動畫的方法創(chuàng)建遮罩動畫的方法 下面通過一個小實(shí)例來講解遮罩動畫的創(chuàng)建方法，具體操作步驟如下：1）執(zhí)行菜單中的“文件|打開”命令，打開配套光盤“素材及結(jié)果|2.6.4 創(chuàng)建遮罩動畫|寄信-素材.fla”文件。）從“庫”面板中將“信

55、封”和“信箱”兩個元件拖入舞臺，如圖2-78所示。然后同時選中這兩個元件，單擊右鍵，從彈出的快捷菜單中選擇“分散到圖層”命令，此時兩個元件會被分配到兩個新的圖層中，且圖層的名稱和元件的名稱相同，如圖2-79所示。3）同時選擇3個圖層層，在第30幀按快捷鍵F5，插入普通幀，從而使這3個層的總長度延長到第30幀。然后在“信封”層的第30幀按快捷鍵F6，插入關(guān)鍵幀，此時時間軸分布如圖2-80所示。flashcs3基礎(chǔ)動畫制作圖2-78 將元件拖入舞臺 圖2-79將元件分散到不同圖層圖2-80時間軸分布flashcs3基礎(chǔ)動畫制作4）制作信封移動動畫。方法：在第1幀將“信封”移動到圖2-81所示，在第

56、30幀幀將信封移動到圖2-82所示的位置。然后單擊“信封”層第1-30幀之間的任意一幀，在“屬性”面板中將“補(bǔ)間”設(shè)置為“動畫”，如圖2-83所示，此時時間軸分布如圖2-84所示。圖2-81 第1幀“信封”元件的位置 圖2-82 第30幀“信封”元件的位置圖2-83 “補(bǔ)間”設(shè)置為“動畫” 圖2-84 時間軸分布flashcs3基礎(chǔ)動畫制作5）利用遮罩制作信封進(jìn)入信箱后消失動畫。方法：利用 (鋼筆工具)繪制圖形并調(diào)整形狀，如圖2-85所示。然后選擇“圖層1”，單擊右鍵，從彈出的快捷菜單中選擇“遮罩層”命令，此時時間軸分布如圖2-86所示。提示:使用遮罩層后只有遮罩圖形以內(nèi)的區(qū)域能被顯示出來。圖

57、2-85 繪制作為遮罩的圖形 圖2-86 時間軸分布6）執(zhí)行菜單中“控制|測試影片”(快捷鍵Ctrl+Enter)命令，即可信封元件進(jìn)入郵箱后消失的動畫，如圖2-87所示。flashcs3基礎(chǔ)動畫制作flashcs3基礎(chǔ)動畫制作2.6.5 創(chuàng)建引導(dǎo)層動畫創(chuàng)建引導(dǎo)層動畫 前面講解了多種類型的動畫效果，大家一定注意到了，這些動畫的運(yùn)動軌跡都是直線?？墒窃趯?shí)際中，有很多運(yùn)動軌跡是圓形的、弧形的，甚至是不規(guī)則曲線的，比如圍繞太陽旋轉(zhuǎn)的行星運(yùn)動軌跡等。在Flash中我們可以通過引導(dǎo)層動畫來實(shí)現(xiàn)動畫效果。 要制作引導(dǎo)層動畫至少需要兩個圖層，一是引導(dǎo)層，在這個圖層中有一條輔助線作為運(yùn)動路徑，引導(dǎo)層中的對象在

58、動畫播放時是看不到的；二是被引導(dǎo)層，用于放置沿路徑運(yùn)動的動畫。圖2-88引導(dǎo)層和被引導(dǎo)層的圖解說明。1.引導(dǎo)層動畫的特點(diǎn)引導(dǎo)層動畫的特點(diǎn)flashcs3基礎(chǔ)動畫制作2.創(chuàng)建引導(dǎo)層動畫的方法創(chuàng)建引導(dǎo)層動畫的方法下面通過一個小實(shí)例來講解引導(dǎo)層動畫的創(chuàng)建方法，具體操作步驟如下：1）按快捷鍵Ctrl+N，新建Flash文檔。2）選擇工具箱上的 （橢圓工具），在筆觸顏色選項中選擇 ，填充顏色選項中選擇 ，然后在舞臺中繪制正圓形。3）執(zhí)行菜單中的“修改|轉(zhuǎn)換為元件”（快捷鍵F8）命令，在彈出的“轉(zhuǎn)換為元件”對話框中設(shè)置如圖2-89所示，然后單擊“確定”按鈕。4）在時間軸的第30幀按快捷鍵F6，插入一個關(guān)鍵

59、幀。然后右鍵單擊第1幀，在彈出菜單中選擇“創(chuàng)建補(bǔ)間動畫”命令，結(jié)果如圖2-90所示。5）單擊時間軸面板左下方的 （添加運(yùn)動引導(dǎo)層）按鈕，添加導(dǎo)引線如圖2-91所示。flashcs3基礎(chǔ)動畫制作2.創(chuàng)建引導(dǎo)層動畫的方法創(chuàng)建引導(dǎo)層動畫的方法6）選擇工具箱上的 （橢圓工具），邊線顏色設(shè)為 ，填充顏色設(shè)為 ，然后在工作區(qū)中繪制橢圓形，結(jié)果如圖2-92所示。7）選擇工具箱上的（選擇工具），框選橢圓的下半部分，按下鍵盤上的Delete鍵刪除，結(jié)果如圖2-93所示。提示：每兩個橢圓間只能有一個點(diǎn)相連接，如果相接的不是一個點(diǎn)而是線，小球則會沿直線運(yùn)動而不是沿圓形路徑運(yùn)動。flashcs3基礎(chǔ)動畫制作8）同理，

60、繪制其余的3個橢圓并刪除下半部分。9）利用工具箱上的（選擇工具），將4個圓相接。然后回到“圖層1”，在第1幀時放置小球如圖2-94所示；在第30幀放置小球如圖2-95所示。提示：每兩個橢圓間只能有一個點(diǎn)相連接，如果相接的不是一個點(diǎn)而是線，小球則會沿直線運(yùn)動而不是沿圓形路徑運(yùn)動。圖2-94在第1幀時放置小球位置 圖2-95在第30幀放置小球位置10）執(zhí)行菜單中“控制|測試影片”(快捷鍵Ctrl+Enter)命令，即可看到小球小球依次沿4個橢圓運(yùn)動的效果。flashcs3基礎(chǔ)動畫制作2.6.6 創(chuàng)建時間軸特效動畫創(chuàng)建時間軸特效動畫1.時間軸特效動畫的特點(diǎn)時間軸特效動畫的特點(diǎn) Flash CS3的時