Flash動畫制作之-制作動作補(bǔ)間動畫-06

6.1.3范例解析〔二〕──制作“云海日出”花是帶給人們幸福與浪漫的精靈。本例將使用形狀補(bǔ)間動畫來制作一個“浪漫的綻放”動畫，帶著讀者來一同體驗(yàn)自己繪制出的浪漫感覺，其設(shè)計(jì)思路及效果如圖5-8所示。圖6-12制作思路及效果

1、制作云層元件。〔1〕新建一個Flash文檔，設(shè)置文檔【背景顏色】為“#666666”，其他文檔屬性使用默認(rèn)參數(shù)?！?〕新建一個影片剪輯元件并命名為“云塊”，單擊按鈕進(jìn)入元件內(nèi)部進(jìn)行編輯?！?〕選擇【橢圓】工具，設(shè)置【筆觸顏色】為“無”，【填充顏色】為“白色”，在編輯區(qū)繪制5個橢圓形成一片云的形狀，如圖6-13所示?！?〕新建一個影片剪輯元件并命名為“云層”，單擊按鈕進(jìn)入元件內(nèi)部進(jìn)行編輯?！?〕將【庫】面板中的“云塊”元件拖入編輯區(qū)，翻開【濾鏡】面板，單擊面板左上角的按鈕，選擇“模糊”濾鏡，設(shè)置參數(shù)【模糊X】和【模糊Y】都為“30”，如圖6-14所示。圖6-13繪制云塊

圖6-14濾鏡參數(shù)【濾鏡】面板默認(rèn)情況下位于【屬性】面板窗格中，單擊窗格上方“屬性”右側(cè)的“濾鏡”便可轉(zhuǎn)到【濾鏡】面板，也可執(zhí)行【窗口】/【屬性】/【濾鏡】菜單命令翻開【濾鏡】面板?！?〕按住Ctrl鍵不放，利用【選擇】工具拖動“云塊”元件，復(fù)制元件并擺放成如圖6-15所示的云層狀。圖6-15復(fù)制云塊

2、制作天空元件。

〔1〕新建一個影片剪輯元件并命名為“天空”，單擊按鈕進(jìn)入元件內(nèi)部進(jìn)行編輯。〔2〕選擇【矩形】工具，在【顏色】面板中設(shè)置【筆觸顏色】為“無”，【填充顏色】的【類型】為“線性”，從左至右第1個色塊顏色為“白色”，第2個色塊顏色為“#0099FF”，如圖6-16所示?！?〕在編輯區(qū)繪制一個寬高為“550px×400px”的矩形，并居中對齊，然后利用【填充變形】工具調(diào)整填充方向和位置如圖6-17所示。圖6-16填充顏色

圖6-17調(diào)整填充

3、制作太陽元件。〔1〕新建一個影片剪輯元件并命名為“太陽”，單擊按鈕進(jìn)入元件內(nèi)部進(jìn)行編輯。〔2〕選擇【橢圓】工具，在【顏色】面板中設(shè)置【筆觸顏色】為“無”，【填充顏色】的【類型】為“放射狀”，從左至右第1個色塊顏色為“白色”，第2個色塊顏色為“#FFFF00”，第3個色塊顏色為“#FFFF00”且【Alpha】參數(shù)為“0%”，如圖6-18所示?！?〕按住Shift鍵不放，在編輯區(qū)繪制一個寬高都為“100px”的圓形，并相對于舞臺居中對齊，如圖6-19所示。圖6-18填充顏色二

圖6-19繪制太陽4、導(dǎo)入高山元件。〔1〕返回主場景，執(zhí)行【文件】/【導(dǎo)入】/【翻開外部庫】菜單命令，選擇教學(xué)資源中的“素材\第6講\云海日出\高山素材.fla”文件并翻開，將里面的“高山1”、“高山2”和“高山3”元件拖入當(dāng)前文件的【庫】面板中?！?〕至此，所需元件制作完成，此時當(dāng)前【庫】面板如圖6-20所示。5、布置動畫場景?！?〕新建并重命名圖層，直至圖層效果如圖6-21所示。圖6-20【庫】面板

圖6-21新建并重命名圖層

〔2〕選擇“天空”圖層，將【庫】面板中的“天空”元件拖入舞臺并居中對齊，使元件剛好覆蓋整個舞臺?！?〕選擇“太陽”圖層，將【庫】面板中的“太陽”元件拖入舞臺，放置在舞臺的右下角，位置坐標(biāo)x、y分別為“450”、“300”，如圖6-22所示?！?〕選擇“云層1”圖層，將【庫】面板中的“云層”元件拖入舞臺，放置到如圖6-23所示的位置。圖6-22放置“太陽”元件

圖6-23放置第1個云層由于不同的讀者制作出的云層的大小和形狀可能有所不同，所以確定“高山”元件的坐標(biāo)可方便讀者對照效果圖對“云層”元件的位置進(jìn)行合理的調(diào)整。〔5〕選擇“高山1”圖層，將【庫】面板中的“高山1”元件拖入舞臺，設(shè)置位置坐標(biāo)x、y分別為“260”、“256”，如圖6-24所示?！?〕選擇“云層2”圖層，將【庫】面板中的“云層”元件拖入到舞臺中，放置到如圖6-25所示的位置，使云層剛好遮住“高山1”的底部。圖6-24放置第1個高

圖6-25放置第2個云層〔7〕選擇“高山2”圖層，將【庫】面板中的“高山2”元件拖入舞臺，設(shè)置位置坐標(biāo)x、y分別為“108”、“195”，如圖6-26所示。〔8〕選擇“云層3”圖層，將【庫】面板中的“云層”元件拖入舞臺，遮住“高山2”元件的底部，最終3個“云層”元件的位置如圖6-27所示。圖6-26放置第2個高山

圖6-273個云層的位置〔9〕選擇“高山3”圖層，將【庫】面板中的“高山3”元件拖入舞臺，設(shè)置位置坐標(biāo)x、y分別為“－2”、“145”，如圖6-28所示?！?0〕選擇“飄云”圖層，將【庫】面板中的“云塊”元件拖入舞臺，添加“模糊”濾鏡，如圖6-29所示。圖6-28放置第3個高山

圖6-29濾鏡參數(shù)

〔11〕利用【任意變形】工具減小“云塊”元件的高，使其變得細(xì)長，并放置到如圖6-30所示的位置，至此場景布置完成。圖6-30調(diào)整“云塊”元件6、制作“天空”動畫?！?〕在所有圖層的第160幀插入幀?！?〕在“天空”圖層的第70幀和第120幀插入關(guān)鍵幀，選擇第1幀中的“天空”元件，在【屬性】面板中調(diào)整【顏色】下拉列表中的“亮度”選項(xiàng)，設(shè)置亮度參數(shù)為“－100%”，如圖6-31所示。圖6-31設(shè)置元件顏色屬性一

〔3〕選擇第70幀中的“天空”元件，在【屬性】面板中調(diào)整【顏色】選項(xiàng)為“色調(diào)”，設(shè)置色調(diào)參數(shù)如圖6-32所示。圖6-32設(shè)置元件顏色屬性二

〔4〕分別在“天空”圖層的第1幀和第70幀單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【創(chuàng)立補(bǔ)間動畫】命令，此時【時間軸】狀態(tài)如圖6-33所示。圖6-33【時間軸】狀態(tài)

7、制作“太陽”動畫。〔1〕在“太陽”圖層的第35幀和第120幀插入關(guān)鍵幀，刪除第1幀中的太陽元件。〔2〕選擇第35幀中的“太陽”元件，在【屬性】面板中設(shè)置其【顏色】參數(shù)如圖6-34所示。圖6-34設(shè)置元件顏色屬性三

場景中的元件較多，為了方便選擇正確的元件并防止對其余元件的誤操作，應(yīng)靈活利用圖層的鎖定和隱藏功能?！?〕選擇第120幀中的“太陽”元件，調(diào)整元件的位置到“云塊”元件的上方，如圖6-35所示。圖6-35調(diào)整太陽位置

〔4〕在“太陽”圖層的第35幀單擊鼠標(biāo)右鍵，選擇【創(chuàng)立補(bǔ)間動畫】命令。8、制作“云層1”動畫?！?〕在“云層1”圖層的第25幀、第80幀和第120幀插入關(guān)鍵幀，選擇第1幀中的“云層”元件，在【屬性】面板中設(shè)置其【顏色】屬性如圖6-36所示。圖6-36設(shè)置元件顏色屬性四

這里所說的“云層”元件是指“云層1”圖層中的“云層”元件，為了防止選錯元件，可將“云層1”圖層以外的圖層全部鎖定。在下面制作“高山”和“云層”動畫時也使用同樣的方法?！?〕選擇第25幀中的“云層”元件，在【屬性】面板中設(shè)置其【顏色】屬性如圖6-37所示。圖6-37設(shè)置元件顏色屬性五

〔3〕選擇第80幀中的“云層”元件，設(shè)置其【顏色】屬性如圖6-38所示。圖6-38設(shè)置元件顏色屬性六

〔4〕分別在第25幀和第80幀處創(chuàng)立補(bǔ)間動畫。9、制作“高山1”動畫?！?〕在“高山1”圖層的第45、120幀插入關(guān)鍵幀，分別選擇第1、45幀中的“高山1”元件，設(shè)置其【顏色】屬性如圖6-39所示。圖6-39設(shè)置元件顏色屬性七

〔2〕在第45幀創(chuàng)立補(bǔ)間動畫。10、制作“云層2”動畫?！?〕在“云層2”圖層的第35、70、120幀插入關(guān)鍵幀，分別選擇第1、35幀中的“云層”元件，設(shè)置其【顏色】屬性如圖6-40所示圖6-40設(shè)置元件顏色屬性八

〔2〕選擇第70幀中的“云層”元件，設(shè)置其【顏色】屬性如圖6-41所示。圖6-41設(shè)置元件顏色屬性九

〔3〕設(shè)置元件顏色屬性九分別在第35幀和第70幀創(chuàng)立補(bǔ)間動畫。11、制作“高山2”動畫?！?〕在“高山2”圖層的第55幀和第120幀插入關(guān)鍵幀，分別選擇第1幀和第55幀中的“高山2”元件，設(shè)置其【顏色】屬性如圖6-42所示。圖6-42設(shè)置元件顏色屬性十

〔2〕在第55幀創(chuàng)立補(bǔ)間動畫。12、制作“云層3”動畫?！?〕在“云層3”圖層的第45幀、第70幀和第120幀插入關(guān)鍵幀，分別選擇第1幀和第45幀中的“云層”元件，設(shè)置其【顏色】屬性如圖6-43所示。圖6-41設(shè)置元件顏色屬性十一

〔2〕選擇第70幀中的“云層”元件，設(shè)置其【顏色】屬性如圖6-44所示。圖6-41設(shè)置元件顏色屬性十二

〔3〕分別在第45幀和第70幀創(chuàng)立補(bǔ)間動畫13、制作“高山3”動畫。〔1〕在“高山3”圖層的第55幀和第120幀插入關(guān)鍵幀，分別選擇第1幀和第55幀中的“高山3”元件，設(shè)置其【顏色】屬性如圖6-45所示。圖6-45設(shè)置元件顏色屬性十三

〔2〕在第55幀創(chuàng)立補(bǔ)間動畫。14、制作“飄云”動畫。