第7章動畫制作技術(shù)7.1逐幀動畫7.2補間形狀動畫7.3傳統(tǒng)補間動畫7.4圖層特效動畫制作7.5基于對象的補間動畫7.6骨骼動畫本章小結(jié)課后練習(xí)所謂動畫，是指一些靜止的、表現(xiàn)連續(xù)動作的畫面(通常稱為“幀”)通過放映設(shè)備以較快的速度播放出來，由于人的眼睛具有“視覺暫留”效應(yīng)，就形成了動畫。制作動畫是Flash的核心功能。

FlashCS4提供了兩種制作動畫的思想：一種是傳統(tǒng)的動畫制作思想，即基于關(guān)鍵幀的動畫；另一種是新增加的動畫制作思想，即基于對象的動畫。本章中我們將系統(tǒng)學(xué)習(xí)各種不同類型動畫的制作。

7.1逐幀動畫

逐幀動畫是一種比較傳統(tǒng)的動畫形式，這種動畫中只有關(guān)鍵幀而沒有過渡幀，因此制作起來較為繁瑣，需要將每一幀中出現(xiàn)的畫面都繪制出來，由若干個連續(xù)關(guān)鍵幀組成動畫序列。使用這種方法可以表現(xiàn)出比較細膩、復(fù)雜的動畫效果。7.1.1常見的制作方法

在實際工作中，導(dǎo)入圖像序列、GIF圖像是創(chuàng)建逐幀動畫的一種常用方法。在導(dǎo)入圖像序列時，圖像序列必須具有相同的名稱，并且具有編號，例如，圖像01，圖像02，圖像03，……這時導(dǎo)入其中的一幅圖像，將彈出如圖7-1所示的信息提示框，詢問用戶是否導(dǎo)入序列中的所有圖像。圖7-1信息提示框圖7-1中各按鈕的功能如下：

?：單擊該按鈕將導(dǎo)入序列中的所有圖像，導(dǎo)入的圖像以逐幀動畫的方式排列，并且每張圖像在舞臺中的位置相同。

?：單擊該按鈕只導(dǎo)入選擇的圖像，并不導(dǎo)入序列中的所有圖像。

?：?單擊該按鈕取消信息提示框，不導(dǎo)入任何圖像。

如果當(dāng)前導(dǎo)入的圖像為動畫格式，例如GIF動畫、SWF動畫等，由于文件本身包含多個圖像或圖形，因此，導(dǎo)入這類動畫圖像時，F(xiàn)lash同樣會以逐幀動畫的方式將動畫格式本身的圖像或圖形逐幀排列，并且在舞臺的位置相同。7.1.2課堂實踐——書寫文字

逐幀動畫是一種比較容易理解的動畫形式，但是繪制每一幀中的內(nèi)容相當(dāng)繁瑣。本例將使用“橡皮擦工具”?并結(jié)合“翻轉(zhuǎn)幀”操作制作一個簡單的寫字動畫，幫助讀者理解逐幀動畫的概念，動畫的瞬間效果如圖7-2所示。圖7-2動畫的瞬間效果

(1)創(chuàng)建一個新的Flash文檔。

(2)按下Ctrl+J鍵，在【文檔屬性】對話框中設(shè)置尺寸為280×400像素、背景顏色為白色、幀頻為12?fps。

(3)按下Ctrl+R鍵，導(dǎo)入本書光盤“第7章”文件夾中的“hh.jpg”文件，調(diào)整圖片的位置如圖7-3所示。

(4)在【時間軸】面板中創(chuàng)建一個新圖層“圖層2”，然后選擇工具箱中的“文本工具”?，在舞臺中輸入“荷”字，并設(shè)置適當(dāng)?shù)淖煮w與大小。

(5)在【時間軸】面板中再創(chuàng)建一個新圖層“圖層3”，用同樣的方法，在舞臺中輸入“花”字，并調(diào)整好位置，如圖

7-4所示。圖7-3導(dǎo)入的圖片“hh.jpg”圖7-4輸入的文字圖7-5【時間軸】面板

(6)在舞臺中選擇文字“荷”，按下Ctrl?+?B鍵將文字分離為圖形。

(7)在【時間軸】面板中選擇所有圖層的第60幀，按下F5鍵插入普通幀，如圖7-5所示。

(8)選擇“圖層2”的第3幀，按下F6鍵插入關(guān)鍵幀，然后將整個舞臺放大到200%，如圖7-6所示。

(9)選擇工具箱中的“橡皮擦工具”?，將第3幀上的“荷”字的末筆擦除一部分，結(jié)果如圖7-7所示。

(10)再選擇“圖層2”的第5幀，按下F6鍵插入關(guān)鍵幀，繼續(xù)運用“橡皮擦工具”?將“荷”字的末筆擦除一部分，如圖7-8所示。圖7-6將舞臺放大圖7-7擦除“荷”字的圖7-8擦除“荷”字的?一部分(1)??一部分(2)圖7-9【時間軸】面板

(11)同樣的道理，每隔一幀插入一個關(guān)鍵幀，并沿著文字書寫順序的逆順序逐步擦除文字的筆畫，直到第59幀處將文字擦除干凈，此時的【時間軸】面板如圖7-9所示。

(12)在【時間軸】面板中選擇“圖層2”的所有幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【翻轉(zhuǎn)幀】命令，將幀的前后順序顛倒。

(13)按下Ctrl+Enter鍵對影片進行測試，可以觀察到“荷”字的書寫動畫。

(14)關(guān)閉測試窗口后，按下Ctrl+S鍵將文件保存為“書寫文字.fla”。7.2補間形狀動畫

補間形狀動畫用于創(chuàng)建類似于形變的動畫效果，可以使一個形狀隨著時間轉(zhuǎn)變?yōu)榱硪粋€形狀。補間形狀動畫是一種Flash動畫類型，不僅可以制作圖形外形變化的動畫效果，也可以制作移動、縮放、色彩變化、變速運動、遮罩等動畫效果。補間形狀動畫的動畫對象是圖形，也就是說，只有圖形才能用來制作補間形狀動畫，如果要對文字、實例、群組等制作補間形狀動畫，必須先執(zhí)行【分離】命令將其分離為圖形。7.2.1創(chuàng)建補間形狀動畫的條件與方法

創(chuàng)建補間形狀動畫要比逐幀動畫簡單得多，只要制作出前后兩個關(guān)鍵幀中的對象即可，兩個關(guān)鍵幀之間的過渡幀由Flash自動創(chuàng)建。但是補間形狀動畫有一個很大的缺點，就是創(chuàng)建的動畫文件體積較大，因為在Flash中它會記錄每一個關(guān)鍵幀上的圖形。因此，同樣一種動畫效果，能夠使用傳統(tǒng)補間動畫完成就不要使用補間形狀動畫。除此之外，創(chuàng)建補間形狀動畫還需要具備以下三個條件：①在一個補間形狀動畫中至少要有兩個關(guān)鍵幀。

②兩個關(guān)鍵幀中的對象必須是可編輯的圖形，如果不是圖形，需要執(zhí)行【分離】命令將其轉(zhuǎn)換為圖形。

③兩個關(guān)鍵幀中的圖形必須有一些變化，否則制作的動畫沒有動畫效果，看不到變化。

創(chuàng)建補間形狀動畫的方法比較簡單：在【時間軸】面板中選擇兩個關(guān)鍵幀間的任意一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間形狀】命令，即可創(chuàng)建補間形狀動畫。這時，在兩個關(guān)鍵幀之間會形成一個綠色背景的實線黑色箭頭，如果顯示一條虛線，則表示補間形狀動畫沒有創(chuàng)建成功，如圖7-10所示。圖7-10創(chuàng)建補間形狀動畫后的顯示7.2.2課堂實踐——流淚動畫

補間形狀動畫是Flash中比較常見的動畫類型，它需要使用圖形對象來創(chuàng)建動畫。下面我們制作一個“流淚動畫”實例，體會補間形狀動畫的制作過程與要點，本例的動畫的瞬間效果如圖7-11所示。圖7-11動畫的瞬間效果

(1)創(chuàng)建一個新的Flash文檔。

(2)按下Ctrl+J鍵，在【文檔屬性】對話框中設(shè)置尺寸為550×345像素、背景顏色為灰色(#CCCCCC)、幀頻為12?fps。

(3)按下Ctrl+R鍵，導(dǎo)入本書光盤“第7章”文件夾中的“bg.swf”文件，調(diào)整圖形的位置如圖7-12所示。

(4)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，導(dǎo)入本書光盤“第7章”文件夾中的“girl.swf”文件，并調(diào)整女孩的位置如圖7-13所示。圖7-12導(dǎo)入的圖形“bg.swf”圖7-13調(diào)整圖形的位置

(5)在“圖層2”的上方創(chuàng)建一個新圖層“圖層3”，選擇工具箱中的“矩形工具”?，在【屬性】面板中設(shè)置筆觸顏色為灰色(#999999)、填充顏色為無色，然后在舞臺中繪制兩個矩形框，其中小矩形框與舞臺大小相同，位置如圖7-14所示。

(6)選擇工具箱中的“顏料桶工具”?，在【屬性】面板中設(shè)置填充顏色為深灰色(#666666)，在兩個矩形框之間單擊鼠標，填充深灰顏色，使場景更利落一些，如圖7-15

所示。圖7-14繪制的兩個矩形框圖7-15填充顏色

(7)在“圖層3”的上方創(chuàng)建一個新圖層“圖層4”。然后選擇工具箱中的“刷子工具”，在【屬性】面板中設(shè)置填充顏色為白色，并設(shè)置合適的筆頭大小和筆頭形狀，在女孩右眼的下方繪制一條白色線條作為眼淚，如圖7-16所示。

(8)在“圖層4”的上方創(chuàng)建一個新圖層“圖層5”，用同樣的方法，在女孩的左眼下方也繪制一個白色線條作為眼淚，如圖7-17所示。圖7-16為右眼繪制眼淚圖7-17為左眼繪制眼淚

(9)在【時間軸】面板中分別選擇“圖層4”和“圖層5”的第20和40幀，按下F6鍵插入關(guān)鍵幀。

(10)在【時間軸】面板中同時選擇所有圖層的第60幀，按下F5鍵插入普通幀。

(11)在【時間軸】面板中調(diào)整播放頭到第20幀處，然后選擇工具箱中的“橡皮擦工具”，分別擦除“圖層4”與“圖層5”中的眼淚圖形，結(jié)果如圖7-18所示。

(12)用同樣的方法，調(diào)整播放頭到第1幀處，繼續(xù)擦除“圖層4”與“圖層5”中的眼淚圖形，僅保留非常小的一點兒，結(jié)果如圖7-19所示。圖7-18刪除部分眼淚圖形(第20幀處)圖7-19刪除部分眼淚圖形(第1幀處)

(13)分別在“圖層4”的第1～20幀、第20～40幀之間單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間形狀】命令，創(chuàng)建補間形狀動畫，如圖7-20所示。

(14)用同樣的方法，在“圖層5”中創(chuàng)建補間形狀動畫。

(15)按下Ctrl+Enter鍵測試影片動畫效果。

(16)關(guān)閉測試窗口，按下Ctrl+S鍵將文件保存為“流淚動畫.fla”。圖7-20【時間軸】面7.2.3使用形狀提示點

制作補間形狀動畫時，我們只創(chuàng)建了兩個關(guān)鍵幀，動畫過程是Flash自行創(chuàng)建的，如果兩個關(guān)鍵幀中的圖形比較復(fù)雜，容易發(fā)生混亂的情況，這時需要添加形狀提示點，通過調(diào)整提示點的位置，控制動畫的變化效果，以達到預(yù)期的目的。另外，還有一種情況也需要使用形狀提示點，即前后兩個關(guān)鍵幀中的圖形完全一樣，如果不使用形狀提示點，則看不到動畫效果；而使用形狀提示點可以控制動畫的變形方法。下面通過實例介紹形狀提示點的使用。

(1)首先創(chuàng)建一個新的Flash文件，然后使用“矩形工具”?

在舞臺中繪制一個正方形，并將其放置到舞臺的左側(cè)，如圖7-21所示。圖7-21繪制的矩形圖7-22【時間軸】面板

(2)在【時間軸】面板中選擇“圖層1”的第25幀，按下F7鍵插入空白關(guān)鍵幀，如圖7-22所示。

(3)選擇工具箱中的“多角星形工具”?，在舞臺的右側(cè)繪制一個與正方形大小相近的等邊三角形，如圖7-23所示。

(4)在“圖層1”的第1～25幀之間單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間形狀】命令，創(chuàng)建補間形狀

動畫。

(5)將播放頭調(diào)整到第1幀處，單擊菜單欄中的【修改】\【形狀】\【添加形狀提示】命令，則在舞臺中添加了一個形狀提示點“a”，如圖7-24所示。

圖7-23繪制的三角形圖7-24添加形狀提示點

(6)用同樣的方法，再執(zhí)行3次【修改】\【形狀】\

【添加形狀提示】命令，則又添加了3個形狀提示點“b”、“c”、“d”。

如果添加了多余的形狀提示點，可以將其刪除：先選中要刪除的形狀提示點，然后將其拖拽到工作區(qū)以外即可。如果要刪除所有的形狀提示點，則可以單擊菜單欄中的【修改】\【形狀】\【刪除所有提示】命令。

(7)將各個形狀提示點分別調(diào)整到舞臺中矩形的各個頂點上，如圖7-25所示。

(8)在【時間軸】面板中將播放頭調(diào)整到第25幀處，可以看到三角形上也有4個形狀提示點，將提示點分別調(diào)整到合適的位置，此時第25幀處的形狀提示點變?yōu)榫G色，如圖

7-26所示。

(9)將播放頭調(diào)整到第1幀處，此時矩形上的形狀提示點變?yōu)辄S色，說明形狀提示點創(chuàng)建成功，如圖7-27所示。圖7-25第1幀的提示點圖7-26第25幀的提示點圖7-27第1幀提示點的顏色

(10)按下Ctrl+Enter鍵測試影片，可以看到矩形變?yōu)槿切蔚膭赢?，而且在變形的過程中，受到形狀提示點的控制。

添加形狀提示點以后，在實現(xiàn)變形動畫時，一個關(guān)鍵幀中的形狀提示點與另一個關(guān)鍵幀中的形狀提示點是一一對應(yīng)的，控制著變形動畫的變形狀態(tài)。

在添加形狀提示點的過程中，如果操作成功，則后面關(guān)鍵幀的形狀提示點為綠色，前面的關(guān)鍵幀的形狀提示點為黃色。否則說明操作不成功，此時兩個關(guān)鍵幀中的形狀提示點全部為紅色。7.2.4課堂實踐——水蒸氣

前面介紹了形狀提示點的作用與添加方法，下面制作一個實例，深入體會實際工作中如何運用形狀提示點控制動畫形態(tài)。本例將制作一個水蒸氣向上飄浮的動畫，用形狀提示點控制水蒸氣的飄浮狀態(tài)，動畫的瞬間效果如圖7-28所示。圖7-28動畫的瞬間效果

(1)創(chuàng)建一個新的Flash文件。

(2)按下Ctrl+J鍵，在彈出的【文檔屬性】對話框中設(shè)置尺寸為300×400像素、背景顏色為白色、幀頻為12?fps。

(3)選擇工具箱中的“矩形工具”?，繪制一個與舞臺大小相同的矩形。

(4)打開【顏色】面板，按下??按鈕，設(shè)置類型為“線性”，從左向右各色標分別為橘黃色(#FFCC99)、黃色(#FFFFCC)、橘黃色(#FFCC99)，設(shè)置各色標的Alpha值均為100%，如圖7-29所示。圖7-29【顏色】面板

(5)選擇工具箱中的“顏料桶工具”?，在矩形中由左向右水平拖拽鼠標，填充漸變色，結(jié)果如圖7-30所示。

(6)使用“選擇工具”?選擇矩形的輪廓線，按下Delete鍵將其刪除，只保留漸變色。

(7)在【時間軸】面板中“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，導(dǎo)入本書光盤“第7章”文件夾中的“壺.swf”文件，調(diào)整其位置如圖7-31所示。

(8)在【時間軸】面板中同時選擇“圖層1”與“圖層2”的第30幀，按下F5鍵插入普通幀。圖7-30填充漸變色圖7-31導(dǎo)入的圖片“壺.swf”

圖7-32在“圖層2”第1幀處繪制的圖7-33在“圖層3”第10幀處繪制水汽圖形的水汽圖形

(9)在“圖層2”的上方創(chuàng)建一個新圖層“圖層3”，在第1幀中繪制一個水汽圖形，如圖7-32所示。

(10)選擇“圖層3”的第10幀，按下F7鍵插入空白關(guān)鍵幀，然后重新繪制一個水汽圖形，如圖7-33所示。

(11)用同樣的方法，選擇“圖層3”的第30幀，按下F7鍵插入空白關(guān)鍵幀，再繪制一個水汽圖形，如圖7-34所示。

(12)分別在“圖層3”的第1～10幀、第10～30幀之間任選一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間形狀】命令，創(chuàng)建補間形狀動畫，如圖7-35所示。圖7-34在“圖層3”第30幀處圖7-35【時間軸】面板??繪制的水汽圖形

(13)按下Enter鍵播放動畫，可以觀察到在第10～30幀之間的動畫中，對象糾結(jié)在了一起，并不是我們所要的效果，下面使用形狀提示點控制它。

(14)在【時間軸】面板中選擇“圖層3”的第10幀，單擊菜單欄中的【修改】\【形狀】\【添加形狀提示】命令，則在對象上添加了一個紅色的提示點a，如圖7-36所示。

(15)單擊菜單欄中的【視圖】\【貼緊】\【貼緊至對象】命令，啟用貼緊至對象功能，然后將提示點a移動到水汽的下方，使其貼在圖形下方的端點處，如圖7-37所示。圖7-36添加的形狀提示點圖7-37移動提示點a的位置

(16)將播放頭調(diào)整到第30幀的位置，移動提示點a的位置，使其與上圖中提示點a的位置一致，這時該點會自動貼在圖形下方端點處，顏色變成綠色，如圖7-38所示。

(17)將播放頭調(diào)整到第10幀處并選擇提示點a，單擊鼠標右鍵，在彈出的快捷菜單中選擇【添加提示】命令，則在舞臺中新增了一個提示點b，將b點拖動到水汽圖形的上端點處，如圖7-39所示。圖7-38移動第30幀處的提示點a圖7-39增加提示點b

(18)將播放頭調(diào)整到第30幀處，然后將提示點b調(diào)整到水汽圖形的上端點處，如圖7-40所示。

(19)在“圖層3”的上方創(chuàng)建一個新圖層“圖層4”，然后在舞臺右側(cè)輸入相關(guān)的文字，如圖7-41所示。

(20)至此，完成了動畫的制作，按下Ctrl+Enter鍵測試動畫，可以看到水蒸氣的飄浮效果。

(21)關(guān)閉測試窗口，單擊菜單欄中的【文件】\【保存】命令，將文件保存為“水蒸氣.fla”。圖7-40移動提示點b到上端點處圖7-41輸入的文字7.3傳統(tǒng)補間動畫

傳統(tǒng)補間動畫是Flash中最常使用的一種動畫形式，使用它可以制作出對象位移、放大縮小、變形、色彩、透明度、顏色亮度、旋轉(zhuǎn)等變化的動畫效果。制作傳統(tǒng)補間動畫時需要具備以下條件：

①在一個傳統(tǒng)補間動畫中至少要有兩個關(guān)鍵幀。

②在一個傳統(tǒng)補間動畫中，兩個關(guān)鍵幀中的對象必須是同一個對象。③兩個關(guān)鍵幀中的對象必須有一些變化，否則制作的動畫將沒有效果。

④制作傳統(tǒng)補間動畫時，只有圖形對象不能制作傳統(tǒng)補間動畫，其它的動畫對象都可以，如元件的實例、文字、群組對象等。

創(chuàng)建傳統(tǒng)補間動畫時，需要在【時間軸】面板的同一圖層中選擇兩個關(guān)鍵幀之間的任意一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，即可在兩個關(guān)鍵幀間創(chuàng)建傳統(tǒng)補間動畫，創(chuàng)建的傳統(tǒng)補間動畫以一個藍色背景的實心黑色箭頭顯示，如圖7-42所示。圖7-42創(chuàng)建的傳統(tǒng)補間動畫7.3.1制作位移與縮放動畫效果

在動畫的表現(xiàn)形式中，位移動畫產(chǎn)生運動效果，縮放動畫產(chǎn)生大小變形效果。制作這種動畫時要確保兩個關(guān)鍵幀中對象的位置和大小都是不同的，兩者之間存在一定的差

異性。

另外，動畫對象不能為圖形，多數(shù)情況下使用元件的實例來制作，也可以使用群組、文字等。制作過程中只需要制作出兩個關(guān)鍵幀中的內(nèi)容即可，動畫的過程由Flash自動完成。下面結(jié)合實例介紹位移與縮放動畫的創(chuàng)建過程。

(1)首先創(chuàng)建一個新的Flash文檔，使用“橢圓工具”?在舞臺的上方繪制一個圓形，并將其轉(zhuǎn)換為圖形元件“ball”。

(2)在【時間軸】面板中選擇“圖層1”的第30幀，按下F6鍵插入關(guān)鍵幀。

(3)選擇第1幀中的“ball”實例，將其調(diào)整到舞臺的左側(cè)，如圖7-43所示。圖7-43調(diào)整“ball”實例的位置

(4)選擇第30幀處“ball”實例，將其調(diào)整到舞臺的中間，并使用“任意變形工具”?將其等比例放大，如圖7-44

所示。

(5)在“圖層1”的第1～30幀之間任選一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。

(6)按下Ctrl+Enter鍵，在測試窗口中可以看到圓形由左到右、由小到大的位移與縮放動畫。圖7-44放大實例7.3.2課堂實踐——剪紙

傳統(tǒng)補間動畫的功能非常強大，利用它可以輕松地實現(xiàn)位移與縮放動畫效果。前面我們介紹了制作這種動畫效果的基本思路與過程，下面將其應(yīng)用到實際案例當(dāng)中，制作一個比較美觀的“剪紙”動畫，其瞬間效果如圖7-45所示。圖7-45動畫的瞬間效果

(1)創(chuàng)建一個新的Flash文件。

(2)按下Ctrl+J鍵，在彈出的【文檔屬性】對話框中設(shè)置尺寸為480×360像素、背景顏色為白色、幀頻為36?fps。

(3)按下Ctrl+R鍵，將本書光盤“第7章”文件夾中的“beijing_003.jpg”文件導(dǎo)入到舞臺中，作為動畫的背景，如圖7-46所示。

(4)在【時間軸】面板中“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，將本書光盤“第7章”文件夾中的“梅花.png”文件導(dǎo)入到舞臺中，調(diào)整其位置如圖7-47所示。圖7-46導(dǎo)入的圖片“beijing_003.jpg”圖7-47導(dǎo)入的圖片“梅花.png”圖7-48【轉(zhuǎn)換為元件】對話框

(5)在“圖層2”的上方創(chuàng)建一個新圖層，重新命名為

“剪紙”。

(6)按下Ctrl?+?R鍵，將本書光盤“第7章”文件夾中的“剪紙_001.png”文件導(dǎo)入到舞臺中。

(7)選擇剛導(dǎo)入的圖片，按下F8鍵，在彈出的【轉(zhuǎn)換為元件】對話框中設(shè)置選項如圖7-48所示。

(8)單擊??按鈕，將其轉(zhuǎn)換為圖形元件“剪紙1”。

(9)繼續(xù)按下F8鍵，將其轉(zhuǎn)換為影片剪輯元件“剪紙2”，雙擊該實例，進入其編輯窗口中，調(diào)整其位置如圖7-49所示。

(10)在“圖層1”的第18幀處插入關(guān)鍵幀，然后選擇第1

幀處的“剪紙2”實例，在【變形】面板中設(shè)置參數(shù)如圖7-50所示。圖7-49調(diào)整“剪紙2”實例的位置圖7-50【變形】面板

(11)在“圖層1”的第1～18幀之間任選一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。

(12)選擇“圖層1”的第60幀，按下F5鍵插入普通幀。

(13)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，并在第61幀處插入關(guān)鍵幀。

(14)按下Ctrl+R鍵，將本書光盤“第7章”文件夾中的

“剪紙_002.png”文件導(dǎo)入到窗口中，并調(diào)整其位置如圖7-51所示。圖7-51導(dǎo)入的圖片“剪紙_002.png”

(15)選擇剛導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件“剪紙3”。

(16)在“圖層2”的第79幀處插入關(guān)鍵幀，然后選擇第61幀處的“剪紙3”實例，調(diào)整其位置如圖7-52所示。

(17)在“圖層2”的第61～79幀之間任選一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。圖7-52調(diào)整“剪紙3”實例的位置

(18)在“圖層2”的第120幀處插入普通幀，則“剪紙2”實例的【時間軸】面板如圖7-53所示。

(19)單擊舞臺上方的??按鈕，返回到舞臺中，則完成了“剪紙”動畫的制作。

(20)按下Ctrl+Enter鍵可以測試動畫效果，最后將文件保存為“剪紙.fla”。圖7-53??“剪紙2”實例的【時間軸】面板7.3.3制作旋轉(zhuǎn)動畫效果

在現(xiàn)實生活中，有很多物體做旋轉(zhuǎn)運動，例如風(fēng)車、螺旋槳、鐘表的指針等。在Flash中借助傳統(tǒng)補間動畫的相關(guān)屬性，可以輕松地模擬出這種動畫效果。

在動畫制作過程中仍然要確定兩個關(guān)鍵幀中的對象，但是不需要形態(tài)上的變化，只需要在【屬性】面板中設(shè)置【旋轉(zhuǎn)】參數(shù)就可以了。下面通過一個簡單的動畫來講解如何制作旋轉(zhuǎn)動畫效果。

(1)首先創(chuàng)建一個新的Flash文檔，運用“矩形工具”?在舞臺中心位置繪制一個矩形，并將其轉(zhuǎn)換為圖形元件。

(2)在【時間軸】面板中選擇第40幀，按下F6鍵插入關(guān)鍵幀，此時該幀中的動畫對象與第1幀相同。

(3)在第1～40幀之間任選一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間

動畫。

(4)在【屬性】面板中展開【補間】選項，單擊【旋轉(zhuǎn)】右側(cè)的小按鈕，在打開的下拉列表中選擇“順時針”選項，右側(cè)的數(shù)值設(shè)置為1，如圖7-54所示。

(5)按下Ctrl+Enter鍵就可以觀察到矩形不停地旋轉(zhuǎn)。圖7-54【屬性】面板7.3.4課堂實踐——轉(zhuǎn)動的風(fēng)車

旋轉(zhuǎn)動畫是一種比較常見的動畫表現(xiàn)形式，借助傳統(tǒng)補間動畫的屬性設(shè)置可以制作出旋轉(zhuǎn)動畫，并且可以控制其旋轉(zhuǎn)方向(順時針或逆時針)以及旋轉(zhuǎn)次數(shù)。下面我們制作一個“轉(zhuǎn)動的風(fēng)車”動畫，深入體會旋轉(zhuǎn)動畫的制作思路與方法，其瞬間效果如圖7-55所示。圖7-55動畫的瞬間效果

(1)創(chuàng)建一個新的Flash文件。

(2)按下Ctrl+J鍵，在彈出的【文檔屬性】對話框中設(shè)置尺寸為784×590像素、背景顏色為白色、幀頻為20?fps。

(3)選擇工具箱中的“矩形工具”?，繪制一個與舞臺大小相同的矩形。

(4)在【顏色】面板中按下??(填充顏色)按鈕，設(shè)置類型為“線性”、左側(cè)色標為藍色(#75CCDF)、右側(cè)色標為灰色(#E2EEE4)，如圖7-56所示。圖7-56????【顏色】面板

(5)選擇工具箱中的“顏料桶工具”?，在矩形中由上向下拖拽鼠標，填充漸變色，結(jié)果如圖7-57所示。

(6)使用“選擇工具”?選中矩形的輪廓線，按下Delete鍵將其刪除。

(7)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，按下Ctrl?+?R鍵，導(dǎo)入本書光盤“第7章”文件夾中的“村莊.png”文件，調(diào)整其位置如圖7-58所示。圖7-57填充漸變色圖7-58導(dǎo)入的圖片“村莊.png”

(8)在“圖層2”的上方創(chuàng)建一個新圖層“圖層3”，再導(dǎo)入本書光盤“第7章”文件夾中的“風(fēng)車.png”文件，調(diào)整其位置如圖7-59所示。

(9)選擇風(fēng)車圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件“風(fēng)車1”，再按下F8鍵將其轉(zhuǎn)換為影片剪輯元件“風(fēng)車2”，雙擊該實例，進入其編輯窗口中。

(10)選擇“風(fēng)車1”實例，使用“任意變形工具”?將該實例的中心點調(diào)整到風(fēng)車的中心位置，如圖7-60所示。圖7-59導(dǎo)入的圖片“風(fēng)車.png”圖7-60調(diào)整“風(fēng)車1”實例中心點的位置

(11)在“圖層1”的第60幀處插入關(guān)鍵幀，然后在第1～60幀之間任選一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。

(12)選擇第1～60幀之間的任意一幀，在【屬性】面板中設(shè)置旋轉(zhuǎn)為“順時針”、數(shù)值為1，如圖7-61所示。

(13)單擊舞臺上方的??按鈕返回到舞臺中，則完成了“轉(zhuǎn)動的風(fēng)車”動畫的制作。

(14)按下Ctrl+Enter鍵觀看風(fēng)車旋轉(zhuǎn)的動畫效果，最后關(guān)閉測試窗口，單擊菜單欄中的【文件】\【保存】命令，將文件保存為“轉(zhuǎn)動的風(fēng)車.fla”。圖7-61??【屬性】面板7.3.5課堂實踐——星光大道

對象作旋轉(zhuǎn)運動時，中心點的位置影響著運動狀態(tài)，它的位置并不是固定不變的，可以任意調(diào)整。使用“任意變形工具”?選擇動畫對象以后，動畫對象的中心有一個空心的圓點，這個空心的圓點就是動畫對象的旋轉(zhuǎn)中心點。拖拽中心點可以改變其位置，從而影響對象的旋轉(zhuǎn)運動。本例我們制作一個“星光大道”實例，學(xué)習(xí)旋轉(zhuǎn)中心點的調(diào)整及作用，動畫的瞬間效果如圖7-62所示。圖7-62動畫的瞬間效果

(1)創(chuàng)建一個新的Flash文件。

(2)按下Ctrl+J鍵，在彈出的【文檔屬性】對話框中設(shè)置尺寸為637×364像素、背景顏色為白色、幀頻為24?fps。

(3)按下Ctrl+R鍵，將本書光盤“第7章”文件夾中的“舞臺.jpg”文件導(dǎo)入到舞臺的中央作為動畫的背景，如圖7-63

所示。

(4)在【時間軸】面板中“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，運用“鋼筆工具”?繪制一個封閉的圖形，如圖7-64所示。圖7-63導(dǎo)入的圖片“舞臺.jpg”圖7-64繪制的圖形

(5)在【顏色】面板中按下??(填充顏色)按鈕，在類型中選擇“線性”，設(shè)置左右兩個色標均為白色、左側(cè)色標的Alpha值為100%、右側(cè)色標的Alpha值為0%，如圖7-65

所示。

(6)選擇工具箱中的“顏料桶工具”?，從圖形的下方向上方拖拽鼠標，填充漸變色，如圖7-66所示。圖7-65??【顏色】面板圖7-66填充漸變色

(7)使用“選擇工具”?選擇圖形的輪廓線，按下Delete鍵將其刪除，只保留漸變色。

(8)選擇處理后的圖形，按下F8鍵將其轉(zhuǎn)換為圖形元件“燈光1”。再按一次F8鍵，將其轉(zhuǎn)換為影片剪輯元件“轉(zhuǎn)動的燈光1”，雙擊該實例進入其編輯窗口中。

(9)選擇“燈光1”實例，運用“任意變形工具”?將其中心點移動到下方，如圖7-67所示。

(10)按下鍵盤中的??↓??方向鍵，將“燈光1”實例向下移動少許，然后將其逆時針旋轉(zhuǎn)一定的角度，結(jié)果如圖7-68所示。圖7-67調(diào)整“燈光1”實例的中心點圖7-68調(diào)整“燈光1”實例的角度圖7-69調(diào)整“圖層1”第50幀處“燈光1”實例的角度

(11)分別在“圖層1”的第50和100幀處插入關(guān)鍵幀。選擇第50幀處的“燈光1”實例，運用“任意變形工具”?將其繼續(xù)逆時針轉(zhuǎn)動一定的角度，如圖7-69所示。

(12)分別在第1～50幀、第50～100幀之間任選一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。這樣，一個燈光轉(zhuǎn)動的動畫就制作完成了。

(13)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，將“燈光1”元件從【庫】面板中拖動到窗口中，運用“任意變形工具”?將實例的寬度變小，將其中心點調(diào)整到“燈光1”實例的下面，然后調(diào)整其角度和位置如圖7-70所示。圖7-70調(diào)整“圖層2”中“燈光1”實例的中心點和位置圖7-71調(diào)整“圖層2”第50幀處“燈光1”實例的角度

(14)在“圖層2”的第50和100幀處插入關(guān)鍵幀。選擇第50幀處的實例，運用“任意變形工具”?將實例順時針轉(zhuǎn)動一定的角度，如圖7-71所示。圖7-72放大“轉(zhuǎn)動的燈光1”實例

(15)單擊舞臺上方的??按鈕，返回到舞臺中，運用“任意變形工具”?將“轉(zhuǎn)動的燈光1”實例對象適當(dāng)放大，如圖7-72所示。舞臺中只有一盞燈光顯得過于單調(diào)，也不夠真實。為了真正表現(xiàn)出旋轉(zhuǎn)的射燈效果，我們需要再添加一個燈光，并將燈光作水平翻轉(zhuǎn)處理。

(16)選擇“轉(zhuǎn)動的燈光1”實例，按下Ctrl+C鍵復(fù)制該實例，再按下Ctrl+V鍵粘貼該實例。

(17)單擊菜單欄中的【修改】\【變形】\【水平翻轉(zhuǎn)】命令，將“轉(zhuǎn)動的燈光1”實例水平翻轉(zhuǎn)，并調(diào)整其位置如圖7-73所示。圖7-73調(diào)整“轉(zhuǎn)動的燈光1”實例的位置

(18)按下Ctrl+Enter鍵可以觀看到舞臺的光效動畫。

(19)關(guān)閉測試窗口，單擊菜單欄中的【文件】\【保存】命令，將文件保存為“星光大道.fla”。7.3.6制作色彩變化效果

傳統(tǒng)補間動畫的動畫對象主要是元件，而在第4章中我們詳細介紹過元件的實例屬性，其中“色彩效果”屬性運用到動畫設(shè)計中，就可以創(chuàng)建出豐富多彩的動畫效果，如色彩的變化、淡入淡出、快閃等效果。

制作色彩變化動畫時，只需要改變關(guān)鍵幀中動畫對象的顏色參數(shù)值即可。下面通過一個簡單實例介紹如何創(chuàng)建色彩變化的動畫效果。

(1)首先創(chuàng)建一個新的Flash文件，并導(dǎo)入一幅圖片，如圖7-74所示。圖7-74導(dǎo)入的圖片

(2)選擇導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件

“圖形”。

(3)在【時間軸】面板中選擇第80幀，按下F6鍵插入關(guān)鍵幀。

(4)在舞臺中選擇第80幀處的“圖形”實例，在【屬性】面板的【色彩效果】選項中打開【樣式】下拉列表，從中選擇一個選項，如圖7-75所示，可以對實例的色調(diào)、Alpha等顏色屬性進行設(shè)置。圖7-75??【屬性】面板

(5)設(shè)置了實例的屬性后，在第1～80幀之間任選一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。

(6)按下Ctrl+Enter鍵可以看到圖像色彩變化的動畫。7.3.7課堂實踐——學(xué)院風(fēng)采

利用元件的實例屬性和特點可以制作出豐富多彩的動畫效果，前面介紹了制作這種動畫的基本思路，即改變關(guān)鍵幀中實例的色彩屬性，使兩個關(guān)鍵幀中的對象具備不同的屬性，這樣就可以形成動畫效果。下面我們通過顏色效果和透明度的變化制作一個“學(xué)院風(fēng)采”實例，動畫的瞬間效果如圖7-76所示。圖7-76動畫的瞬間效果

(1)創(chuàng)建一個新的Flash文件。

(2)按下Ctrl+J鍵，在彈出的【文檔屬性】對話框中設(shè)置尺寸為1006×672像素、背景顏色為白色、幀頻為20?fps。

(3)按下Ctrl+R鍵，將本書光盤“第7章”文件夾中的“index.jpg”文件導(dǎo)入到舞臺的中央，作為動畫的背景，如圖7-77所示。

(4)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，導(dǎo)入本書光盤“第7章”文件夾中的“山石.png”文件，放置在舞臺的左側(cè)，如圖7-78所示。圖7-77導(dǎo)入的圖片“index.jpg”圖7-78導(dǎo)入的圖片“山石.png”圖7-79創(chuàng)建“圖層3”

(5)在“圖層1”的上方創(chuàng)建一個新圖層“圖層3”，使其位于“圖層1”與“圖層2”的中間，如圖7-79所示。圖7-80導(dǎo)入的圖片“樓1.jpg”

(6)按下Ctrl+R鍵，將本書光盤“第7章”文件夾中的“樓1.jpg”文件導(dǎo)入到舞臺中，調(diào)整其位置如圖7-80所示。

(7)選擇剛導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件“樓1”。再按一次F8鍵，將其轉(zhuǎn)換為影片剪輯元件“展示”，雙擊該實例，進入其編輯窗口中。

(8)分別在第40、80和100幀處插入關(guān)鍵幀。選擇第1幀處的實例，在【屬性】面板中設(shè)置參數(shù)，如圖7-81所示。圖7-81第1幀處實例的參數(shù)圖7-82第100幀處實例的參數(shù)

(9)選擇第100幀處的實例，在【屬性】面板中設(shè)置參數(shù)，如圖7-82所示。圖7-83導(dǎo)入的圖片“樓2.jpg”

(10)分別在第1～40幀、第80～100幀之間創(chuàng)建傳統(tǒng)補間動畫。

(11)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，在第90幀處插入關(guān)鍵幀，將本書光盤“第7章”文件夾中的“樓2.jpg”文件導(dǎo)入到編輯窗口中，并調(diào)整其位置如圖7-83所示。

(12)選擇剛導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件“樓2”。

(13)分別在“圖層2”的第130、170和190幀處插入關(guān)鍵幀。選擇第90幀處的實例，在【屬性】面板中設(shè)置顏色為綠色(#336600)，并設(shè)置其它參數(shù)如圖7-84所示。

(14)選擇第190幀處的實例，在【屬性】面板中設(shè)置參數(shù)，如圖7-85所示。圖7-84第90幀處實例的參數(shù)圖7-85第190幀處實例的參數(shù)

(15)分別在“圖層2”的第90～130幀、第170～190幀之間創(chuàng)建傳統(tǒng)補間動畫。

(16)在“圖層2”的上方創(chuàng)建一個新圖層“圖層3”，在第180幀處插入關(guān)鍵幀，將本書光盤“第7章”文件夾中的“樓3.jpg”文件導(dǎo)入到編輯窗口中，并調(diào)整其位置如圖7-86所示。圖7-86導(dǎo)入的圖片“樓3.jpg”

(17)選擇剛導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件“樓3”。

(18)分別在“圖層3”的第220、260和280幀處插入關(guān)鍵

幀。選擇第180幀處的實例，在【屬性】面板中設(shè)置參數(shù)如圖7-87所示。

(19)選擇第280幀處的實例，在【屬性】面板中設(shè)置參數(shù)，如圖7-88所示。圖7-87第180幀處實例的參數(shù)圖7-88第280幀處實例的參數(shù)

(20)分別在“圖層3”的第180～220幀、第260～280幀之間創(chuàng)建傳統(tǒng)補間動畫。

(21)在“圖層3”的上方創(chuàng)建一個新圖層“圖層4”，在第270幀處插入關(guān)鍵幀。將本書光盤“第7章”文件夾中的“樓4.jpg”文件導(dǎo)入到編輯窗口中，并調(diào)整其位置如圖7-89所示。圖7-89導(dǎo)入的圖片“樓4.jpg”

(22)選擇剛導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件“樓4”。

(23)分別在“圖層4”的第310、370和390幀處插入關(guān)鍵

幀。選擇第270幀處的實例，在【屬性】面板中設(shè)置參數(shù)如圖7-90所示。圖7-90第270幀處實例的參數(shù)圖7-91第390幀處實例的參數(shù)

(24)選擇第390幀處的實例，在【屬性】面板中設(shè)置參數(shù)如圖7-91所示。圖7-92??“展示”元件的【時間軸】面板

(25)分別在“圖層4”的第270～310幀、第370～390幀之間創(chuàng)建傳統(tǒng)補間動畫，則“展示”元件的【時間軸】面板如圖7-92所示。

(26)單擊舞臺上方的??按鈕，返回到舞臺中。

(27)在“圖層3”的上方創(chuàng)建一個新圖層“圖層4”，運用“橢圓工具”?在舞臺中繪制一個任意顏色的橢圓，并運用“任意變形工具”?調(diào)整其旋轉(zhuǎn)角度，最后將其調(diào)整到舞臺中白色橢圓上，使它們完全重合，如圖7-93所示。圖7-93繪制的橢圓

在繪制橢圓時，可以暫時隱藏“圖層3”，這樣便于與背景圖片中的橢圓進行比較，在制作的時候要細心地進行處理，使之完全重合。處理完橢圓后，再使“圖層3”處于顯示狀態(tài)。

(28)在【時間軸】面板的“圖層4”上單擊鼠標右鍵，在彈出的快捷菜單中選擇【遮罩層】命令，將該層轉(zhuǎn)換為遮罩層，從而創(chuàng)建遮罩動畫。

(29)按下Ctrl+Enter鍵可以觀看到色彩變化的動畫效果，最后關(guān)閉測試窗口，單擊菜單欄中的【文件】\【保存】命令，將文件保存為“學(xué)院風(fēng)采.fla”。7.3.8制作加速和減速動畫效果

現(xiàn)實生活中，幾乎沒有任何對象總是處在勻速運動狀態(tài)中，例如火車進出站臺、天空中飛翔的鳥兒，它們都是要做加速或減速運動的。在Flash中，無論創(chuàng)建補間形狀動畫還是創(chuàng)建傳統(tǒng)補間動畫，都可以設(shè)置減速或加速運動。在【屬性】面板中通過設(shè)置緩動值，可以控制動畫的運動速度，如圖7-94所示。圖7-94??【屬性】面板默認情況下，過渡幀之間的變化速率是不變的，即緩動值為0，這時運動是勻速的。【緩動】選項的取值范圍為?-100～+100，值為負時，動畫對象將做由慢到快的加速運動；值為正時，動畫對象做先快后慢的減速運動。下面通過實例觀察與體會加速與減速的動畫效果。

(1)首先創(chuàng)建一個新的Flash文檔，在舞臺中繪制一個矩形，并將其轉(zhuǎn)換為影片剪輯元件“元件1”。

(2)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，從【庫】面板中將“元件1”拖拽到舞臺中，位置如圖7-95所示。圖7-95“元件1”實例的位置圖7-96調(diào)整“元件1”實例的位置

(3)在【時間軸】面板中同時選擇“圖層1”與“圖層2”的第30幀，按下F6鍵插入關(guān)鍵幀，然后分別將“圖層1”與“圖層2”中的對象水平拖動到舞臺的右側(cè)，如圖7-96所示。圖7-97設(shè)置“圖層1”的緩動值

(4)同時選擇“圖層1”與“圖層2”的第1幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。

(5)選擇“圖層1”的第1幀，在【屬性】面板中設(shè)置緩動值為100，如圖7-97所示。

(6)選擇“圖層2”的第1幀，在【屬性】面板中設(shè)置緩動值為－100，如圖7-98所示。圖7-98設(shè)置“圖層2”的緩動值

(7)按下Ctrl+Enter鍵可以看到兩個矩形的運動是不一樣的，一個做加速運動，一個做減速運動。

在【屬性】面板中單擊【緩動】右側(cè)的??按鈕，則彈出【自定義緩入/緩出】對話框，在這里可以為實例的每種屬性設(shè)置加速和減速變化的效果，如圖7-99所示。圖7-99【自定義緩入/緩出】對話框如果在對話框中取消【為所有屬性使用一種設(shè)置】選項，那么在【屬性】下拉列表中可以選擇所需的屬性，如“位置”、“旋轉(zhuǎn)”、“顏色”等，這樣就可以單獨設(shè)置各屬性的加速和減速變化的效果，如圖7-100所示。圖7-100單獨設(shè)置各屬性的加速和減速變化的效果7.3.9課堂實踐——京劇臉譜

使用加速和減速變化可以增強動畫的視覺效果，任何一個復(fù)雜動畫都是簡單動畫的組合，所以必須掌握好這些基本動畫的制作，自由組合后就可以產(chǎn)生眩目的動畫效果，即使一個簡單的位移動畫，如果將速度進行一些變化，也會大大提高視覺效果。下面結(jié)合【緩動】屬性制作一個動畫，其瞬間效果如圖7-101所示。圖7-101動畫的瞬間效果圖7-102導(dǎo)入的圖片“beijing_007.jpg”

(1)創(chuàng)建一個新的Flash文件。

(2)按下Ctrl+J鍵，在彈出的【文檔屬性】對話框中設(shè)置尺寸為1100×389像素、背景顏色為白色、幀頻為50?fps。

(3)將本書光盤“第7章”文件夾中的“beijing_007.jpg”文件導(dǎo)入到舞臺中，作為動畫的背景，如圖7-102所示。

(4)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，將本書光盤“第7章”文件夾中的“臉譜_001.png”文件導(dǎo)入到舞臺的左側(cè)，如圖7-103所示。圖7-103導(dǎo)入的圖片“臉譜_001.png”圖7-104調(diào)整第30幀處“臉譜”實例的位置

(5)選擇剛導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件“臉譜1”。再按一次F8鍵，將其轉(zhuǎn)換為影片剪輯元件“臉譜”，雙擊該實例，進入其編輯窗口中。

(6)在第30幀處插入關(guān)鍵幀，然后將該幀處的“臉譜”實例水平移動到窗口的右側(cè)，如圖7-104所示。圖7-105??【屬性】面板

(7)選擇“圖層1”的第1幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。然后在【屬性】面板中設(shè)置緩動值為100，如圖7-105所示。此時按下Enter鍵，可以觀察到圖片是由左向右做減速運

動的。圖7-106調(diào)整第115幀處“臉譜”實例的位置

(8)在“圖層1”的第110、115和130幀處插入關(guān)鍵幀。

(9)選擇“圖層1”第115幀處的“臉譜”實例，將其向左移動少許，如圖7-106所示。

(10)選擇“圖層1”第130幀處的“臉譜”實例，將其水平移動到舞臺的右側(cè)，位置如圖7-107所示。圖7-107調(diào)整第130幀處“臉譜”實例的位置圖7-108【屬性】面板

(11)同時選擇“圖層1”的第110～115幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。然后選擇第115幀，在【屬性】面板中輸入緩動值為?－100，如圖7-108所示，使圖片向右做加速運動。以上完成了第一幅圖片的減速滑入舞臺、加速滑出舞臺的動畫效果，接下來再制作第二幅圖片的動畫效果。

(12)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，在第31幀處插入關(guān)鍵幀，將本書光盤“第7章”文件夾中的“臉譜_002.png”文件導(dǎo)入到窗口中，將其轉(zhuǎn)換為圖形元件“臉譜2”并調(diào)整到舞臺的左側(cè)，位置如圖7-109所示。圖7-109調(diào)整“臉譜2”實例的位置

(13)在“圖層2”的第55幀處插入關(guān)鍵幀，并將該幀中的“臉譜2”實例向右側(cè)水平移動，位置如圖7-110所示。圖7-110調(diào)整第55幀處“臉譜2”實例的位置

(14)在“圖層2”的第31幀上單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。然后在【屬性】面板中設(shè)置緩動值為100。

(15)分別在“圖層2”的第120、125和145幀處插入關(guān)鍵幀，然后選擇第125幀處的“臉譜2”實例，將其向左移動少許，如圖7-111所示。圖7-111調(diào)整第125幀處“臉譜2”實例的位置圖7-112調(diào)整第145幀處“臉譜2”實例的位置

(16)選擇“圖層2”第145幀處的“臉譜2”實例，將其移動到舞臺的右側(cè)，如圖7-112所示。

(17)同時選擇“圖層2”的第120～125幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫，然后選擇第125幀，在【屬性】面板中輸入緩動值為?－100。

接下來繼續(xù)制作第三幅圖片的動畫效果，仍然是減速滑入舞臺、加速滑出舞臺，但是要注意三幅圖片的時間差。

(18)在“圖層2”的上方創(chuàng)建一個新圖層“圖層3”，在第56幀處插入關(guān)鍵幀，將本書光盤“第7章”文件夾中的“臉譜_003.png”文件導(dǎo)入到窗口中，并將其轉(zhuǎn)換為圖形元件“臉譜3”，調(diào)整到舞臺的左側(cè)，位置如圖7-113所示。圖7-113導(dǎo)入的圖片“臉譜_003.png”圖7-114調(diào)整第75幀處“臉譜3”實例的位置

(19)在“圖層3”的第75幀處插入關(guān)鍵幀，然后選擇該幀處的“臉譜3”實例，將其向右側(cè)移動，位置如圖7-114所示。

(20)在“圖層3”的第56幀上單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。然后在【屬性】面板中輸入緩動值為100。

(21)分別在“圖層3”的第130、135和160幀處插入關(guān)鍵幀，然后選擇第135幀處的“臉譜3”實例，將其向左移動少許，如圖7-115所示。圖7-115調(diào)整第135幀處“臉譜3”實例的位置

(22)選擇“圖層3”第160幀處的“臉譜3”實例，將其移動到舞臺的右側(cè)，位置如圖7-116所示。

(23)同時選擇“圖層3”第130～135幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫。然后選擇第135幀，在【屬性】面板中輸入緩動值為－100。此時“臉譜”元件的【時間軸】面板如圖7-117

所示。圖7-116調(diào)整第160幀處“臉譜3”實例的位置圖7-117??“臉譜”元件的【時間軸】面板

(24)單擊舞臺上方的??按鈕，返回到舞臺中，則完成了動畫的制作。

(25)按下Ctrl+Enter鍵可以觀看到加減速動畫效果。最后關(guān)閉測試窗口，單擊菜單欄中的【文件】\【保存】命令，將文件保存為“京劇臉譜.fla”。7.4圖層特效動畫制作

Flash提供了兩種特殊的圖層——傳統(tǒng)運動引導(dǎo)層與遮罩層，運用這兩種圖層制作的動畫稱為“運動引導(dǎo)層動畫”與“遮罩動畫”，它們同屬于圖層特效動畫。7.4.1運動引導(dǎo)層動畫

在日常生活中，物體的運動并不是做簡單的直線運動，通常是沿著一定的軌跡運動。在Flash中制作這種動畫時，需要創(chuàng)建一個運動引導(dǎo)線(也稱為運動路徑)，控制對象的運動軌跡。運動引導(dǎo)線需要放在獨立的運動引導(dǎo)層中，所以制作運動引導(dǎo)線動畫需要兩個圖層，上面的圖層是運動引導(dǎo)層，用于繪制運動引導(dǎo)線；下面的圖層稱為被引導(dǎo)層，用于設(shè)置對象的動畫效果，如圖7-118所示。圖7-118運動引導(dǎo)層與被引導(dǎo)層在【時間軸】面板中，一個運動引導(dǎo)層下面可以有多個被引導(dǎo)圖層，也就是說多個對象可以沿同一條路徑同時運動。

在【時間軸】面板中的圖層上單擊鼠標右鍵，在彈出的快捷菜單中選擇【添加傳統(tǒng)運動引導(dǎo)層】命令，則在該層的上方創(chuàng)建了運動引導(dǎo)層，并且該圖層變?yōu)楸灰龑?dǎo)層，如圖7-119所示。圖7-119創(chuàng)建運動引導(dǎo)層制作運動引導(dǎo)層動畫的關(guān)鍵是將運動對象吸附到運動引導(dǎo)線的首尾兩端，這是初學(xué)者容易失誤的地方，經(jīng)常由于未能將運動對象吸附到運動引導(dǎo)線上，而不能制作想要的動畫效果。為了方便地將運動對象吸附到運動引導(dǎo)線上，通常需要激活工具欄中的??(貼緊至對象)按鈕。也可以通過單擊菜單欄中的【視圖】\【貼緊】\【貼緊至對象】命令，激活該功能。7.4.2課堂實踐——紙飛機

運動引導(dǎo)層動畫是一類特殊的圖層動畫，動畫對象的

運動軌跡是在運動引導(dǎo)層中繪制的，而在最終動畫中運動引導(dǎo)層的運動軌跡是不顯示的，它只起到一個控制運動軌跡的作用，類似于輔助線。下面我們制作一個“紙飛機”實例，學(xué)習(xí)運動引導(dǎo)層動畫的制作過程與要點，動畫的瞬間效果如圖7-120所示。圖7-120動畫的瞬間效果

(1)創(chuàng)建一個新的Flash文件。

(2)按下Ctrl+J鍵，在【文檔屬性】對話框中設(shè)置尺寸為550×360像素、背景顏色為黑色、幀頻為30?fps。

(3)按下Ctrl+R鍵，將本書光盤“第7章”文件夾中的“風(fēng)景.jpg”文件導(dǎo)入到舞臺的中央位置，作為動畫的背景，如圖7-121所示。圖7-121導(dǎo)入的圖片“風(fēng)景.jpg”

(4)在【時間軸】面板中選擇“圖層1”的第100幀，按下F5鍵插入普通幀。

(5)按下Ctrl+F8鍵，創(chuàng)建一個新的圖形元件“紙飛機”，將本書光盤“第7章”文件夾中的“紙飛機.swf”文件導(dǎo)入到編輯窗口中。

(6)單擊舞臺上方的??按鈕，返回到舞臺中。

(7)在【時間軸】面板中“圖層1”的上方創(chuàng)建一個新圖

層“圖層2”，然后將“紙飛機”元件從【庫】面板中拖拽到舞臺中。

(8)在“圖層2”上單擊鼠標右鍵，在彈出的快捷菜單中選擇【添加傳統(tǒng)運動引導(dǎo)層】命令，在該層的上方創(chuàng)建一個運動引導(dǎo)層，如圖7-122所示。圖7-122??【時間軸】面板

(9)選擇運動引導(dǎo)層，使用“鉛筆工具”?在舞臺中繪制一條曲線作為紙飛機的運動引導(dǎo)線，如圖7-123所示。圖7-123繪制的曲線

(10)選擇“圖層2”第1幀處的“紙飛機”實例，使用“任意變形工具”?將其縮小并旋轉(zhuǎn)一定的角度，然后激活工

具箱中的??按鈕，將實例吸附到運動引導(dǎo)線的左側(cè)，如圖7-124所示。圖7-124將“紙飛機”實例吸附到運動引導(dǎo)線的左側(cè)圖7-125將“紙飛機”實例吸附到運動引導(dǎo)線的右側(cè)

(11)在“圖層2”的第100幀處插入關(guān)鍵幀，使用“任意變形工具”?將“紙飛機”實例向下旋轉(zhuǎn)一定的角度，并將其吸附到運動引導(dǎo)線的右側(cè)，如圖7-125所示。

為了讓“紙飛機”運動得更加貼近自然，可以將兩個關(guān)鍵幀中的“紙飛機”的角度略微作些調(diào)整，使其頭部沿著運動引導(dǎo)線而運動。

(12)選擇“圖層2”的第1幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，創(chuàng)建傳統(tǒng)補間動畫，然后在【屬性】面板中設(shè)置參數(shù)如圖7-126所示。圖7-126??【屬性】面板

在【屬性】面板中選擇【調(diào)整到路徑】選項，則運動的對象會沿著運動引導(dǎo)線的方向運動，使對象的運動更加符合運動規(guī)律，否則運動對象將始終保持一個固定不變的方向沿著運動引導(dǎo)線運動，看上去很不自然。

(13)按下Ctrl+Enter鍵，在測試影片窗口中可以看到紙飛機飛行的動畫效果，最后關(guān)閉測試窗口，按下Ctrl+S鍵將文件保存為“紙飛機.fla”。7.4.3遮罩動畫

在Flash中制作遮罩動畫必須通過至少兩個圖層才能完成，處于上面的圖層稱為遮罩層，而下面的圖層稱為被遮罩層，一個遮罩層下可以包括多個被遮罩層。

遮罩層就像是一個鏤空的圖層，鏤空的形狀就是遮罩層中的動畫對象形狀，在這個鏤空的位置可以顯示出被遮罩層的對象，如圖7-127所示。圖7-127遮罩層與被遮罩層從圖中可以看出，遮罩層中是五角星圖形，被遮罩層中的對象只能透過五角星所在位置進行顯示，其它部分被隱藏。在遮罩層與被遮罩層中不僅可以是靜態(tài)的圖形，也可以是動畫，當(dāng)遮罩層或被遮罩層中是動畫時，即形成遮罩動畫。

在Flash中沒有一個專門的按鈕來創(chuàng)建遮罩層，遮罩層其實是由普通圖層轉(zhuǎn)化的，創(chuàng)建遮罩層的常用方法有以下幾種：

方法一：在【時間軸】面板中選擇要設(shè)為遮罩層的圖層，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇【遮罩層】命令，即可將當(dāng)前圖層設(shè)為遮罩層，其下方與之相鄰的圖層則自動變?yōu)楸徽谡謱印?/p>

方法二：在【時間軸】面板中選擇要設(shè)為遮罩層的圖層，單擊菜單欄中的【修改】\【時間軸】\【圖層屬性】命令，在彈出的【圖層屬性】對話框中選擇【類型】選項中的“遮罩層”，可以將選擇的圖層設(shè)置為遮罩層。

在【時間軸】面板中，一個遮罩層下可以包括多個被遮罩層，除了使用上述方法設(shè)置被遮罩層外，還可以按住鼠標左鍵，將要設(shè)為被遮罩層的圖層拖拽到遮罩層的下方，快速地將該層轉(zhuǎn)換為被遮罩層。制作遮罩動畫時，可以在遮罩層中設(shè)置動畫，也可以在被遮罩層中設(shè)置動畫。兩種方式會產(chǎn)生不同的動畫效果。

值得注意的是，遮罩層中的對象可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能是線條，如果一定要用線條制作遮罩動畫，應(yīng)該執(zhí)行【修改】\【形狀】\【將線條轉(zhuǎn)換為填充】命令，將線條轉(zhuǎn)換為填充圖形。7.4.4課堂實踐——享受自然

遮罩動畫是通過遮罩層實現(xiàn)的，通過它可以創(chuàng)建很多特殊的動畫效果，例如淡入淡出、水波、掃光、望遠鏡、百葉窗效果等等。由于遮罩動畫制作簡單，效果突出，所以其應(yīng)用比較廣泛。下面我們將利用遮罩動畫制作一個“享受自然”的實例，表現(xiàn)水波蕩漾的動畫效果，如圖7-128所示。圖7-128動畫的瞬間效果

(1)創(chuàng)建一個新的Flash文件。

(2)按下Ctrl+J鍵，在彈出的【文檔屬性】對話框中設(shè)置尺寸為708×449像素、背景顏色為白色、幀頻為35?fps。

(3)按下Ctrl+R鍵，將本書光盤“第7章”文件夾中的“image16.jpg”文件導(dǎo)入到舞臺的中央位置，如圖7-129所示。

(4)選擇導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為影片剪輯元件“自然”，雙擊該實例進入其編輯窗口中，然后選擇圖片，按下Ctrl+C鍵復(fù)制圖片。

(5)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，按下Ctrl+Shift+V鍵，將復(fù)制的圖片粘貼到原位置處。圖7-129導(dǎo)入的圖片“image16.jpg”

(6)按下Ctrl+B鍵將圖片分離，然后使用“橡皮擦工具”?

擦除部分圖片，結(jié)果如圖7-130所示(注意，這里為了便于觀察，隱藏了“圖層1”)。圖7-130擦除部分圖片圖7-131層級關(guān)系(三層)

(7)將擦除后的圖片向下移動少許，然后按下F8鍵將其轉(zhuǎn)換為影片剪輯元件“流水”，雙擊該實例進入其編輯窗口中(注意此時已進入第三層結(jié)構(gòu))，如圖7-131所示。

(8)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”。運用“線條工具”?繪制一條粗細為1像素的細線，并均勻地復(fù)制若干，如圖7-132所示。圖7-132繪制和復(fù)制的細線

(9)框選繪制的細線，按下F8鍵將其轉(zhuǎn)換為影片剪輯元件“細條”，雙擊該實例進入其編輯窗口中，此時進入第四層結(jié)構(gòu)，如圖7-133所示。圖7-133層級關(guān)系(四層)

(10)框選所有的細線，單擊菜單欄中的【修改】\【形狀】\【將線條轉(zhuǎn)換為填充】命令，將線條轉(zhuǎn)換為填充圖形。

(11)選擇“圖層1”的第245幀，按下F6鍵插入關(guān)鍵幀，將細線圖形向下移動，位置如圖7-134所示。圖7-134調(diào)整細線圖形的位置

(12)在“圖層1”的第1幀上單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間形狀】命令，創(chuàng)建補間形狀動畫。

(13)單擊舞臺上方的??按鈕，返回“流水”窗口中。

(14)在【時間軸】面板中選擇“圖層2”，單擊鼠標右鍵，在彈出的快捷菜單中選擇【遮罩層】命令，將該層轉(zhuǎn)換為遮罩層，從而創(chuàng)建遮罩動畫。

(15)單擊舞臺上方的??按鈕，返回到舞臺中。

(16)在“圖層1”的上方創(chuàng)建一個新圖層“圖層2”，導(dǎo)入本書光盤“第7章”文件夾中的“美女.png”文件，調(diào)整其位置如圖7-135所示。圖7-135導(dǎo)入的圖片“美女.png”

(17)至此完成了動畫的制作，按下Ctrl+Enter鍵觀看動畫效果，最后關(guān)閉測試窗口，單擊菜單欄中的【文件】\【保存】命令，將文件保存為“享受自然.fla”。7.5基于對象的補間動畫

基于對象的補間動畫是FlashCS4吸收了AfterEffects軟件的動畫特點而推出的一種動畫形式，這種動畫形式可以直接操作動畫對象，而不是關(guān)鍵幀，更多的動畫屬性需要在【動畫編輯器】面板中進行設(shè)置，如圖7-136所示。圖7-136??【動畫編輯器】面板7.5.1補間動畫與傳統(tǒng)補間動畫的區(qū)別

在FlashCS4中，“基于對象的動畫”稱為補間動畫，而以前版本中的補間動畫則稱為傳統(tǒng)補間動畫。這種改進也影響了制作動畫的流程，例如，要使一個動畫對象沿著一定的軌跡運動，不需要使用引導(dǎo)線就可以輕松完成。新增加的補間動畫與傳統(tǒng)補間動畫存在如下差異：

傳統(tǒng)補間動畫基于關(guān)鍵幀，必須通過兩個關(guān)鍵幀中對象的變化來創(chuàng)建動畫；而新增的補間動畫基于對象，僅用一個動畫對象即可，動畫中使用的是屬性關(guān)鍵幀而不是關(guān)鍵幀。新增的補間動畫在整個補間范圍上由一個對象組成。

如果一個對象為圖形對象，則創(chuàng)建補間動畫時，對象轉(zhuǎn)換為影片剪輯元件；而創(chuàng)建傳統(tǒng)補間動畫時，對象則轉(zhuǎn)換為圖形元件。

補間動畫支持文本對象；而傳統(tǒng)補間動畫不支持文本對象，創(chuàng)建傳統(tǒng)補間動畫時，需要將文本轉(zhuǎn)換為圖形元件。