實驗09動作補間動畫與引導(dǎo)路徑動畫

1、實驗9動作補間動畫與引導(dǎo)路徑動畫9.1實驗?zāi)康模?1) 進一步掌握圖層、幀和關(guān)鍵幀的概念(2) 掌握動作補間動畫的基本概念及制作(3) 掌握引導(dǎo)路徑動畫的基本概念和制作(4) 熟悉動畫屬性面板的設(shè)置(5) 熟練掌握利用運動漸變制作出改變大小、發(fā)生位移及Alpha值改變等效果的動畫9.2 實驗環(huán)境：Windows XP，F(xiàn)lash CS39.3 實驗要求：a 制作動畫：海底世界。效果查看9_1.exe所示。b 制作動畫：漫天飛雪。效果查看9_2.exe所示。9.4 實驗內(nèi)容：(1) 制作動畫：海底世界：i. 在背景為藍色的文檔中，一行顏色為白色、字體為華文行楷的文字“海底世界”逐漸由小變大，最后

2、在屏幕中間顯示出來。ii. 在文字逐漸從小變大的同時，一幅海底世界的圖片從右向左逐漸展開顯示在屏幕的中間，作為“海底世界”的背景圖像，替代原來的背景顏色。iii. “海底世界”文字逐漸縮小，并移至底圖的右上方，同時一大一小兩條彩色的魚逐漸顯現(xiàn)出來。iv. 兩條魚在水中來回游動，大魚在上層，小魚在下層。v. 一個自身順時針旋轉(zhuǎn)的氣泡在大魚和小魚之間緩慢向上升起，慢慢消失。(2) 制作漫天飛雪的動畫效果：繪制小雪花圖形；建立3個雪花飛舞的影片剪輯；導(dǎo)入背景圖片“snow.jpg”到舞臺，放置若干個雪花飛舞的影片剪輯，呈現(xiàn)出漫天飛雪的效果。9.5 實驗步驟：1. 制作動畫：海底世界 制作文字從小變大

3、的動畫：i. 打開9_1.fla文件，點擊屬性面板的“大小”按鈕，打開文檔屬性對話框，設(shè)置該文檔的大小為600*450像素，背景顏色為#0066FF。將圖層1重命名為“文字”。ii. 點擊工具箱中的文本工具，在屬性面板設(shè)置文本顏色為白色、字體為華文行楷，大小為11，屬性面板的設(shè)置如圖9-1所示，在舞臺上輸入文字“海底世界”。利用選擇工具，拖動鼠標，選中文字，依次點擊“修改”菜單“對齊”“相對舞臺分布”命令，“修改”菜單“對齊”“水平居中”命令，“修改”菜單“對齊”“垂直居中”命令，將文字設(shè)置為相對于舞臺，水平居中，垂直居中。圖9-1iii. 在“文字”圖層第40幀處，按F6鍵插入一關(guān)鍵幀，選擇

4、工具箱中的任意變形工具，點擊舞臺中央的“海底世界”文字，按住Shift鍵的同時，拖動文字右下角的角柄，將文字放大，效果如圖9-2所示。圖9-2iv. 單擊“文字”層第140幀中間的任意一幀，在屬性面板“補間”下拉菜單中選擇“動畫”，創(chuàng)建好第140幀的運動漸變動畫。 制作展開的背景：i. 點擊圖層面板左下角的“插入圖層”按鈕，添加一新圖層，重命名為“背景”，拖動鼠標，將該層移動至“文字”層下方。選擇“文件”菜單“導(dǎo)入”“導(dǎo)入到庫”命令，打開“導(dǎo)入到庫”對話框，選擇圖片“seabg.jpg”，將其導(dǎo)入到庫中。如圖9-3所示。圖9-3ii. 在庫面板中選中該圖片，將其拖動至舞臺右側(cè)。如圖9-4所示。

5、圖9-4iii. 在“背景”層第40幀處按F6鍵插入關(guān)鍵幀，在這幀中，將圖片拖動至舞臺中央，覆蓋整個舞臺。iv. 選擇“背景”層第140幀中的任意一幀，在屬性面板“補間”下拉菜單中選擇“動畫”，創(chuàng)建好第140幀的運動漸變動畫。 制作文字縮小，顯示彩色的大魚小魚的動畫：i. 在“文字”層第80幀處按F6鍵插入一關(guān)鍵幀，在這幀中，使用任意變形工具將“海底世界”文字變小，并移動至舞臺右上方。ii. 創(chuàng)建“文字”層第4080幀的運動漸變動畫。iii. 在“背景”層第80幀處按F5鍵插入普通幀。iv. 添加一新圖層，重命名為“小魚”，拖動鼠標，將“小魚”層移動到“文字”層上方。在“小魚”圖層的第40幀處

6、按F7鍵插入一空白關(guān)鍵幀，將庫中的圖形元件“fish”拖動至舞臺合適位置，利用任意變形工具將其縮小，選擇“修改”菜單“變形”“水平翻轉(zhuǎn)”命令，將小魚水平翻轉(zhuǎn)。v. 在“小魚”圖層的第80幀處按F6鍵插入一關(guān)鍵幀。vi. 選擇“小魚”圖層的第40幀，選中小魚對象，在屬性面板中的顏色下拉框中選擇Alpha，并設(shè)置值為0。如圖9-5所示。圖9-5vii. 創(chuàng)建“小魚”層第4080幀的運動漸變動畫。viii. 在“小魚”層上方添加一圖層“大魚”，在“大魚”圖層的第40幀處按F7鍵插入一空白關(guān)鍵幀，將庫中的圖形元件“fish”拖動至舞臺合適位置。ix. 在“大魚”圖層的第80幀處按F6鍵插入一關(guān)鍵幀。x

7、. 選擇“大魚”圖層的第40幀，選中大魚對象，在屬性面板中設(shè)置其Alpha值為0。xi. 創(chuàng)建“大魚”層第4080幀的運動漸變動畫。 制作魚來回游動的動畫（選做）：i. 在“小魚”層第100幀處按F6鍵插入關(guān)鍵幀，并將小魚移動至舞臺右側(cè)。ii. 在“小魚”層第101幀處按F6鍵插入關(guān)鍵幀，并將小魚水平反轉(zhuǎn)。iii. 在“小魚”層第120幀處按F6鍵插入關(guān)鍵幀，并將小魚移動至舞臺左側(cè)。iv. 創(chuàng)建“小魚”層第80100幀，第101120幀的運動漸變動畫。v. 按上述同樣步驟制作“大魚”層大魚來回游動的動畫。完成后時間軸面板如圖9-6所示。圖9-6 制作泡泡上升消失的動畫（選做）：i. 添加一新圖

8、層，重命名為“泡泡”，并移動至“大魚”層上方。ii. 在“泡泡”層第80幀處按F7鍵插入一空白關(guān)鍵幀，將庫中的圖形元件“bubble”拖動至舞臺下方。iii. 在“泡泡”層第120幀處按F6鍵插入一關(guān)鍵幀，將該幀中的泡泡元件移動至舞臺上方，并在屬性面板中設(shè)置泡泡的Alpha屬性值為0。iv. 創(chuàng)建“泡泡”層第80120幀的運動漸變動畫，并將屬性面板中的“旋轉(zhuǎn)”設(shè)置為順時針，5次。如圖9-7所示。圖9-7v. 在“背景”層和“文字”層的第110幀處各按F5鍵插入普通幀。 選擇“調(diào)試”菜單“調(diào)試影片”命令，測試動畫。2、 制作漫天飛雪的動畫效果：(1) 新建一個flash文檔，命名為snow.fl

9、a(2) 繪制小雪花圖形：選擇“插入”菜單“新建元件”命令，名稱設(shè)置為“雪花”，類型選擇“圖形”。在屬性面板中將文檔背景色設(shè)為黑色。長按工具箱的矩形工具按鈕，在彈出式菜單中選擇“多角星形工具”，如圖9-8所示。在屬性面板中將筆觸顏色設(shè)為無，填充顏色設(shè)為白色。點擊“選項”按鈕，在彈出的工具設(shè)置對話框中設(shè)置樣式為多邊形，邊數(shù)為6，如圖9-9所示。在舞臺中央繪制一六邊形，利用選擇工具，拖動六邊形的邊線，將其修改成不規(guī)則的六邊形形狀，并將其適當縮小，如圖9-10所示。圖9-8圖9-9圖9-10(3) 建立雪花飛舞影片剪輯：選擇“插入”菜單“新建元件”命令，名稱設(shè)置為“雪花飛舞1”，類型選擇“影片剪輯”

10、。選中圖層1的第1幀，將庫中的圖形元件“雪花”拖動至舞臺。(4) 選中圖層1，點擊圖層面板下方的添加運動引導(dǎo)層按鈕，如圖9-11所示。選中新創(chuàng)建的引導(dǎo)層的第一幀，利用鉛筆工具（注意：鉛筆模式選擇平滑，顏色可選紅色，如圖9-12所示）繪制出雪花飄落的軌跡線，如圖9-13所示。在第100幀，按F6鍵插入關(guān)鍵幀。圖9-11圖9-12圖9-13(5) 選中圖層1的第一幀，移動雪花圖形，使其中心點對準引導(dǎo)線的起點，（為了方便操作，可以將舞臺放大），如圖9-14所示，并在屬性面板設(shè)置雪花圖形的Alpha值為60%。在第100幀，按F6鍵插入關(guān)鍵幀，移動雪花圖形，使其中心點對準引導(dǎo)線的終點，在屬性面板設(shè)置雪花圖形的Alpha值為40%。圖9-14(6) 選中圖層1第1100幀中的任意一幀，在屬性面板的“補間”下拉菜單中選擇“動畫”，創(chuàng)建好第1100幀的運動漸變動畫。完成后的時間軸面板如圖9-15所示。圖9-15(7) 按照上述同樣步驟，建立影片剪輯“雪花飛舞2”，“雪花飛舞3”。(8) 回到場景1，依次選擇“文件”菜單“導(dǎo)入”“導(dǎo)入到舞臺”命令，將背景圖片“snow.jpg”導(dǎo)入到舞臺，在屬性面板中點擊大小按鈕，在彈出的文檔屬性窗口中，將“匹配”設(shè)置為內(nèi)容，如圖9-16所示。圖9-16(9) 將庫中的影片剪輯“雪花飛舞