《Flash CS3動(dòng)畫制作》制作高級(jí)動(dòng)畫（模塊六）

模塊六制作高級(jí)動(dòng)畫主講老師：***FlashCS3動(dòng)畫制作任務(wù)實(shí)訓(xùn)教程學(xué)習(xí)目標(biāo)了解并熟悉引導(dǎo)層及新建方法熟練掌握制作引導(dǎo)動(dòng)畫的方法了解并熟悉遮罩層及新建方法熟練掌握制作遮罩動(dòng)畫的方法了解并熟悉濾鏡種類及添加方法熟練掌握制作濾鏡動(dòng)畫的方法任務(wù)一

制作“滾山坡”動(dòng)畫任務(wù)目標(biāo)制作汽車沿一定路線通過山坡的動(dòng)畫，通過本實(shí)例了解并掌握創(chuàng)建引導(dǎo)層和制作引導(dǎo)動(dòng)畫的一般方法，完成后的最終效果如圖所示。滾山坡任務(wù)一

制作“滾山坡”動(dòng)畫操作思路（1）導(dǎo)入圖片及其他素材，新建“山坡1”、“山坡2”和“車”圖層，并在各層中不同位置放置相應(yīng)的素材內(nèi)容。（2）創(chuàng)建車的行走路線引導(dǎo)層，繪制車行駛的路線后將車吸附到該路線中，創(chuàng)建車沿路線行駛的補(bǔ)間動(dòng)畫。（3）在場(chǎng)景1中添加“山坡檔”圖層，使動(dòng)畫更真實(shí)。制作“滾山坡”動(dòng)畫的操作思路操作一

導(dǎo)入和編輯“山坡”場(chǎng)景（1）新建一大小為500×400像素，背景顏色為白色，幀頻為24fps的Flash文檔。（2）選擇【文件】→【導(dǎo)入】→【導(dǎo)入到庫】菜單命令，將“車.png”、“山坡01.png”和“山坡02.png”圖片素材導(dǎo)入到庫中。（3）將圖層1重命名為“山坡1”，在“庫”面板中將“山坡01.png”圖片素材拖動(dòng)到場(chǎng)景中，調(diào)整其大小并放置到如圖所示的位置，然后在圖層的第300幀處插入普通幀。調(diào)整山坡01大小操作一

導(dǎo)入和編輯“山坡”場(chǎng)景（4）新建“山坡2”圖層，在“庫”面板中將“山坡02.png”圖片素材拖動(dòng)到場(chǎng)景中，調(diào)整其大小并放置到如圖所示的位置。（5）新建“車”圖層，在“庫”面板中將“車.png”圖片素材拖動(dòng)到場(chǎng)景中，調(diào)整其大小并放置到“山坡1”圖層的最上方。放置山坡02操作二

制作引導(dǎo)動(dòng)畫（1）在圖層區(qū)域中單擊按鈕，在“車”圖層上方新建引導(dǎo)層，然后使用鉛筆工具繪制車行駛的引導(dǎo)線條，如圖所示。（2）在“車”圖層的第1幀處創(chuàng)建補(bǔ)間動(dòng)畫，將第1幀中的“車”拖動(dòng)到引導(dǎo)線上，使其吸附到引導(dǎo)線。繪制引導(dǎo)線操作二

制作引導(dǎo)動(dòng)畫（3）在“車”圖層的第10幀處插入關(guān)鍵幀，將第10幀中將“車”向下方拖動(dòng)一小段距離，并將第1幀中“車”的透明度設(shè)置為0，創(chuàng)建出車從遠(yuǎn)處開來并逐漸顯示的動(dòng)畫效果。（4）在“車”圖層的第300幀處插入關(guān)鍵幀，并將第300幀中“車”的大小和位置進(jìn)行如圖所示調(diào)整。調(diào)整第300幀中的汽車位置和大小操作二

制作引導(dǎo)動(dòng)畫（5）在引導(dǎo)層上方新建“山坡檔”圖層，將“山坡2”圖層中的圖形復(fù)制到該圖層中，然后在汽車重新出現(xiàn)在如圖所示的山坡頂部位置的對(duì)應(yīng)幀處，插入空白關(guān)鍵幀。汽車出現(xiàn)在山坡頂部操作二

制作引導(dǎo)動(dòng)畫（6）至此完成“滾山坡”動(dòng)畫的創(chuàng)建，其時(shí)間軸狀態(tài)如圖所示，按“Ctrl+Enter”鍵即可預(yù)覽創(chuàng)建的引導(dǎo)動(dòng)畫效果。創(chuàng)建引導(dǎo)動(dòng)畫后的時(shí)間軸狀態(tài)學(xué)習(xí)與探究引導(dǎo)層引導(dǎo)層（如圖所示）是Flash中的特殊圖層之一，在引導(dǎo)層中用戶可繪制作為運(yùn)動(dòng)路徑的線條，然后在引導(dǎo)層與普通圖層建立鏈接關(guān)系，使普通圖層中動(dòng)作補(bǔ)間動(dòng)畫中的動(dòng)畫對(duì)象沿繪制的路徑運(yùn)動(dòng)，從而制作出沿指定路徑運(yùn)動(dòng)的引導(dǎo)動(dòng)畫如圖所示。學(xué)習(xí)與探究新建引導(dǎo)層利用按鈕創(chuàng)建：?jiǎn)螕魣D層區(qū)域中的

按鈕，即可在當(dāng)前圖層上方創(chuàng)建引導(dǎo)層。利用菜單創(chuàng)建：在要與引導(dǎo)層鏈接的普通圖層上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“添加引導(dǎo)層”命令，如圖所示，即可在該圖層上方創(chuàng)建一個(gè)與之鏈接的引導(dǎo)層。添加引導(dǎo)層學(xué)習(xí)與探究利用快捷菜單轉(zhuǎn)換圖層：在要轉(zhuǎn)換為引導(dǎo)層的圖層上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“引導(dǎo)層”命令，可將該圖層轉(zhuǎn)換為引導(dǎo)層。通過改變圖層屬性創(chuàng)建：在圖層區(qū)域中雙擊要轉(zhuǎn)換為引導(dǎo)層的圖層圖標(biāo)

，將打開“圖層屬性”對(duì)話框，在“類型”欄中選中“引導(dǎo)層”單選按鈕，如圖所示，然后單擊“確定”按鈕即可，將該圖層轉(zhuǎn)換為引導(dǎo)層。改變圖層屬性學(xué)習(xí)與探究為引導(dǎo)層建立鏈接關(guān)系若引導(dǎo)層通過改變圖層屬性的方式創(chuàng)建，在創(chuàng)建后，引導(dǎo)層不會(huì)自動(dòng)與其他圖層建立鏈接關(guān)系，其圖標(biāo)表現(xiàn)為

，如圖所示。此時(shí)就需要手動(dòng)為其與其下方圖層建立鏈接關(guān)系，其方法是：雙擊引導(dǎo)層下方圖層圖標(biāo)

，在打開的“圖層屬性”對(duì)話框中選中“被引導(dǎo)”單選按鈕，然后單擊“確定”按鈕即可在引導(dǎo)層與圖層間創(chuàng)建鏈接關(guān)系，其圖標(biāo)表現(xiàn)為

，如圖所示。未建立鏈接關(guān)系的引導(dǎo)層已建立鏈接關(guān)系的引導(dǎo)層學(xué)習(xí)與探究取消引導(dǎo)層通過快捷菜單取消：在引導(dǎo)層上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中再次選擇“引導(dǎo)層”命令即可。通過改變圖層屬性取消：在引導(dǎo)層上雙擊圖層圖標(biāo)

，將打開“圖層屬性”對(duì)話框，在“類型”欄中選中“一般”單選按鈕，然后單擊“確定”按鈕。任務(wù)二

制作遮罩動(dòng)畫任務(wù)目標(biāo)利用遮罩層的相關(guān)知識(shí)使靜態(tài)的夢(mèng)幻仙境在水波流動(dòng)和落花飄零中“動(dòng)”起來，從而掌握遮罩動(dòng)畫的制作方法，完成后的最終效果如圖所示。夢(mèng)幻境地任務(wù)二

制作遮罩動(dòng)畫操作思路（1）導(dǎo)入圖片及其他素材。（2）制作“水波”影片剪輯。（3）創(chuàng)建“湖面”和“河流”遮罩層，并在其他圖層放置相應(yīng)素材。制作夢(mèng)幻境地動(dòng)畫的操作思路操作一

制作動(dòng)畫元件（1）新建一大小為1000×500像素，背景顏色為白色，幀頻為24fps的Flash文檔。（2）選擇【文件】→【導(dǎo)入】→【導(dǎo)入到庫】菜單命令，將“奇幻背景.jpg”、“山.png”、“神樹.png”和“英雄”圖片素材以及“漂落花.flv”導(dǎo)入到庫中。（3）新建一個(gè)名為“水波”的影片剪輯，使用線條工具繪制一個(gè)紅色的橫條，并復(fù)制出如圖所示的若干橫條，然后創(chuàng)建一個(gè)長(zhǎng)度為200幀的橫條向下移動(dòng)的補(bǔ)間動(dòng)畫。（4）新建一個(gè)名為“飄落花”的影片剪輯，將庫中的“漂落花.flv”拖入到該影片剪輯場(chǎng)景中。水波影片剪輯操作二

創(chuàng)建遮罩動(dòng)畫（1）返回場(chǎng)景1，將圖層1命名為“背景”圖層，將庫中的“奇幻背景.jpg”圖片拖到場(chǎng)景中，調(diào)整其大小和位置得到如圖所示效果。調(diào)整背景圖片大小和位置操作二

創(chuàng)建遮罩動(dòng)畫（2）創(chuàng)建“湖面”圖層，復(fù)制“背景”圖層中的圖片到該圖層中，然后使用橡皮擦工具將除湖面的其他圖形擦除，得到如圖所示效果（3）創(chuàng)建“水波”圖層，將“水波”影片剪輯拖到到湖面所處的位置，然后雙擊“湖面”圖層圖標(biāo)，在彈出的“圖層屬性”對(duì)話框中選中“被遮罩”單選按鈕，單擊“確定”按鈕將“水波”圖層設(shè)置為遮罩層，效果如圖所示。

湖面檫除后效果遮罩后效果操作二

創(chuàng)建遮罩動(dòng)畫（4）創(chuàng)建“山”圖層，將庫中的“山.png”圖片拖到場(chǎng)景中，調(diào)整其大小和位置得到如圖所示效果。（5）使用相同的方法，分別創(chuàng)建“河流”和“水波2”圖層，并用橡皮擦工具擦除河流圖層中除水面之外的區(qū)域，如圖所示，并通過“水波2”圖層為其創(chuàng)建遮罩效果及其遮罩層效果。放置山后的效果河流檫除后的效果操作三

編輯動(dòng)畫場(chǎng)景（1）創(chuàng)建“神樹”圖層，將庫中的“神樹.png”圖片拖到場(chǎng)景中，調(diào)整其大小和位置得到如圖所示效果。（2）創(chuàng)建“英雄”圖層，將庫中的“英雄.png”圖片拖到場(chǎng)景中，調(diào)整其大小和位置得到如圖5所示效果。放置神樹并調(diào)整其大小位置放置英雄并調(diào)整其大小位置操作三

編輯動(dòng)畫場(chǎng)景（3）創(chuàng)建“落花”圖層，將庫中的“飄落花”影片剪輯拖到場(chǎng)景中神樹上方，這樣整個(gè)遮罩動(dòng)畫就算完成了，其時(shí)間軸狀態(tài)如圖所示，按“Ctrl+Enter”鍵即可測(cè)試動(dòng)畫。時(shí)間軸狀態(tài)學(xué)習(xí)與探究遮罩層

遮罩動(dòng)畫，可以在遮罩圖層所創(chuàng)建的圖形區(qū)域中顯示特定的動(dòng)畫對(duì)象，并可通過改變遮罩圖層中圖形的大小和位置，對(duì)被遮罩圖層中動(dòng)畫對(duì)象的顯示范圍進(jìn)行控制。在FlashCS3中，遮罩動(dòng)畫的創(chuàng)建主要是通過遮罩層來實(shí)現(xiàn)。遮罩層是FlashCS3中的另一種特殊圖層，在遮罩層中用戶可繪制任意形狀的圖形，然后通過在遮罩層與普通圖層之間建立鏈接關(guān)系（建立鏈接關(guān)系后，普通圖層會(huì)自動(dòng)轉(zhuǎn)換為被遮罩層），使普通圖層中的圖形通過遮罩圖層中繪制的圖形顯示出來。學(xué)習(xí)與探究創(chuàng)建遮罩層通過快捷菜單創(chuàng)建：在圖層區(qū)中用鼠標(biāo)右鍵單擊要作為遮罩層的圖層，在彈出的快捷菜單中選擇“遮罩層”命令，如圖所示，將當(dāng)前圖層轉(zhuǎn)換為遮罩層，此時(shí)圖層圖標(biāo)變?yōu)?/p>

，并將其下方圖層自動(dòng)轉(zhuǎn)換為被遮罩層，圖層圖標(biāo)變?yōu)?/p>

，如圖所示。通過改變圖層屬性創(chuàng)建：在圖層區(qū)域中雙擊要轉(zhuǎn)換為遮罩層的圖層圖標(biāo)

，將打開“圖層屬性”對(duì)話框，在“類型”欄中選中“遮罩層”單選按鈕，然后單擊“確定”按鈕?？旖莶藛蝿?chuàng)建遮罩層創(chuàng)建遮罩層學(xué)習(xí)與探究取消遮罩層通過快捷菜單取消：用鼠標(biāo)右鍵單擊遮罩層，在彈出的快捷菜單中再次選擇“遮罩層”命令，即可將遮罩層重新轉(zhuǎn)換為普通圖層。通過改變圖層屬性取消：雙擊遮罩層的圖層圖標(biāo)

，在打開的“圖層屬性”對(duì)話框的“類型”欄中選中“一般”單選按鈕，然后單擊“確定”按鈕。任務(wù)三

制作“藍(lán)天白云”動(dòng)畫任務(wù)目標(biāo)利用濾鏡的相關(guān)知識(shí)制作出陽光隨白云移動(dòng)不斷變幻的動(dòng)畫效果，完成后的效果如圖所示?！八{(lán)天白云”動(dòng)畫效果任務(wù)三

制作“藍(lán)天白云”動(dòng)畫操作思路（1）導(dǎo)入圖片及所需素材。（2）創(chuàng)建“藍(lán)天”和“模糊白云”影片剪輯。（3）在場(chǎng)景中新建“藍(lán)天”、“白云”、“陽光”和“畫家”圖層，并在各圖層中放置相對(duì)應(yīng)的動(dòng)畫內(nèi)容。并在“白云”圖層添加“發(fā)光”濾鏡。制作“藍(lán)天白云”動(dòng)畫的操作思路操作一

制作動(dòng)畫元件（1）新建一大小為700像素×450像素，背景顏色為白色，幀頻為24fps的Flash文檔。（2）選擇【文件】→【導(dǎo)入】→【導(dǎo)入到庫】菜單命令，將“藍(lán)天.jpg”、“陽光.jpg”、“白云.png”和“小畫家.png”圖片素材導(dǎo)入到庫中。（3）新建一個(gè)名為“模糊白云”的影片剪輯，將庫中的“白云.png”圖片素材拖到該場(chǎng)景中，如圖所示。（4）新建一個(gè)名為“陽光”的影片剪輯，將庫中的“陽光.jpg”圖片素材拖到該場(chǎng)景中，如圖所示。

模糊白云影片剪輯陽光影片剪輯操作二

創(chuàng)建遮罩動(dòng)畫并整合場(chǎng)景（1）返回場(chǎng)景1，將圖層1命名為“藍(lán)天”，將庫中的“藍(lán)天.jpg”圖片素材拖到該場(chǎng)景中，調(diào)整其大小和位置得到如圖所示效果。并在第800幀處插入普通幀。（2）新建“白云”圖層，將庫中的“模糊白云”影片剪輯拖到該場(chǎng)景中，調(diào)整其大小，放置到如圖所示位置。

放置藍(lán)天圖層放置白云操作二

創(chuàng)建遮罩動(dòng)畫并整合場(chǎng)景（3）選中“白云”圖層中的“模糊白云”影片剪輯，在“濾鏡”面板中對(duì)該影片剪輯進(jìn)行如圖所示設(shè)置，為其添加發(fā)光濾鏡，然后將第1幀復(fù)制到第800幀，創(chuàng)建白云由場(chǎng)景右側(cè)向場(chǎng)景左側(cè)漂移的補(bǔ)間動(dòng)畫效果。添加發(fā)光濾鏡操作二

創(chuàng)建遮罩動(dòng)畫并整合場(chǎng)景（4）新建“陽光”圖層，將庫中的“陽光”影片剪輯拖到該場(chǎng)景中，調(diào)整其大小，放置到如圖所示位置，然后在第1幀至第70幀創(chuàng)建陽光逐漸出現(xiàn)并做適當(dāng)旋轉(zhuǎn)和縮放的補(bǔ)間動(dòng)畫效果。（5）用相同的方法在該圖層第70幀至第740幀的之間創(chuàng)建類似的補(bǔ)間動(dòng)畫效果，最后在第741幀處插入空白關(guān)鍵幀。放置“陽光”影片剪輯操作二

創(chuàng)建遮罩動(dòng)畫并整合場(chǎng)景（6）新建“畫家”圖層，將庫中的“小畫家.png”圖片拖到場(chǎng)景中，調(diào)整其大小，放置到如圖所示位置。（7）這樣整個(gè)濾鏡動(dòng)畫就算完成了，其時(shí)間軸狀態(tài)如圖6-38所示，按“Ctrl+Enter”鍵即可得到如圖所示的動(dòng)畫效果。

放置“小畫家”時(shí)間軸狀態(tài)學(xué)習(xí)與探究濾鏡的類型投影：投影濾鏡主要用于模擬對(duì)象向一個(gè)表面投影的效果，如圖所示模糊：模糊濾鏡主要用于柔化對(duì)象的邊緣和細(xì)節(jié)，制作出對(duì)象模糊的效果，如圖所示。發(fā)光：發(fā)光濾鏡主要用于為對(duì)象的整個(gè)邊緣應(yīng)用指定的顏色，如圖所示。斜角：斜角濾鏡主要用于為對(duì)象應(yīng)用加亮效果，通過創(chuàng)建內(nèi)斜角、外斜角或者完全斜角，使對(duì)象呈現(xiàn)凸出于背景表面的立體效果，如圖所示。投影效果模糊效果發(fā)光效果斜角效果學(xué)習(xí)與探究漸變發(fā)光：漸變發(fā)光濾鏡可以為對(duì)象添加發(fā)光效果，并在發(fā)光表面產(chǎn)生帶漸變顏色的效果。漸變發(fā)光濾鏡需要用戶設(shè)定漸變開始的顏色，如圖所示。漸變斜角：漸變斜角濾鏡可以產(chǎn)生一種凸起效果，使對(duì)象看起來好像從背景上凸起的效果，并在斜角表面應(yīng)用漸變顏色。漸變斜角濾鏡需要用戶設(shè)定一個(gè)用于漸變中間色的顏色，如圖所示。調(diào)整顏色：調(diào)整顏色濾鏡可以調(diào)整所選影片剪輯、按鈕或者文本對(duì)象的亮度、對(duì)比度、色相和飽和度，從而獲得特定的色彩效果，如圖所示。漸變發(fā)光效果漸變斜角效果調(diào)整顏色效果學(xué)習(xí)與探究添加刪除濾鏡的方法（1）在舞臺(tái)中選擇要添加濾鏡的影片剪輯、文本或按鈕。（2）選擇【窗口】→【屬性】→【濾鏡】菜單命令，在工作區(qū)下方將自動(dòng)打開“濾鏡”面板。（3）單擊按鈕，在彈出的快捷菜單中選擇所需濾鏡，如圖所示，然后在舞臺(tái)中單擊鼠標(biāo)，即可完成濾鏡的添加操作?？旖莶藛螌W(xué)習(xí)與探究調(diào)整或修改濾鏡屬性的方法（1）在舞臺(tái)中選中要修改濾鏡屬性的影片剪輯，并在“屬性”面板中單擊“濾鏡”選項(xiàng)卡。（2）在列表框中選中要修改屬性的濾鏡，然后在面板右側(cè)對(duì)濾鏡的對(duì)應(yīng)參數(shù)進(jìn)行設(shè)置即可，如圖所示，這里若要對(duì)斜角濾鏡進(jìn)行設(shè)置只需在該面板右側(cè)調(diào)整各參數(shù)值即可。時(shí)間軸狀態(tài)實(shí)訓(xùn)一

制作“水中氣泡”動(dòng)畫實(shí)訓(xùn)目標(biāo)利用前面所學(xué)的引導(dǎo)動(dòng)畫相關(guān)知識(shí)，制作如圖所示“水中氣泡”的動(dòng)畫效果?！八袣馀荨?/p>