中職 網(wǎng)頁(yè)動(dòng)畫制作項(xiàng)目五 點(diǎn)水的蜻蜓電子課件

中職網(wǎng)頁(yè)動(dòng)畫制作項(xiàng)目五點(diǎn)水的蜻蜓電子課件（高教版）中職網(wǎng)頁(yè)動(dòng)畫制作項(xiàng)目五點(diǎn)水的蜻蜓電子課件（高教版）項(xiàng)目五點(diǎn)水的蜻蜓

——遮罩動(dòng)畫和運(yùn)動(dòng)引導(dǎo)層動(dòng)畫的制作

任務(wù)一

認(rèn)識(shí)運(yùn)動(dòng)引導(dǎo)層動(dòng)畫

任務(wù)二制作蜻蜓飛舞的引導(dǎo)層動(dòng)畫

任務(wù)三認(rèn)識(shí)遮罩動(dòng)畫

任務(wù)四制作蜻蜓點(diǎn)水的遮罩動(dòng)畫

【知識(shí)加油站】

實(shí)戰(zhàn)演練

制作衛(wèi)星環(huán)繞地球轉(zhuǎn)動(dòng)的動(dòng)畫

拓展訓(xùn)練

制作一個(gè)雪人滑雪的動(dòng)畫

目錄任務(wù)一認(rèn)識(shí)運(yùn)動(dòng)引導(dǎo)層動(dòng)畫[本任務(wù)目標(biāo)]:了解引導(dǎo)層動(dòng)畫的概念和利用引導(dǎo)層制作動(dòng)畫的方法。[本任務(wù)重點(diǎn)]:1.了解引導(dǎo)層動(dòng)畫的動(dòng)畫原理2.熟練掌握引導(dǎo)層動(dòng)畫的制作方法項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)【開篇語(yǔ)】

除了前面學(xué)過的關(guān)鍵幀動(dòng)畫、傳統(tǒng)補(bǔ)間動(dòng)畫和補(bǔ)間形狀動(dòng)畫這些基本動(dòng)畫之外，F(xiàn)lash還提供了運(yùn)動(dòng)引導(dǎo)層動(dòng)畫和遮罩動(dòng)畫這樣的高級(jí)動(dòng)畫方式，使用它們可以創(chuàng)建更加生動(dòng)、復(fù)雜的動(dòng)畫效果。本項(xiàng)目以點(diǎn)水的蜻蜓為實(shí)例，重點(diǎn)介紹了遮罩動(dòng)畫和運(yùn)動(dòng)引導(dǎo)層動(dòng)畫的創(chuàng)建方法與制作技巧。此外，在知識(shí)加油站里還詳細(xì)介紹了FlashCS4新增的補(bǔ)間動(dòng)畫的制作方法以及它與傳統(tǒng)補(bǔ)間動(dòng)畫的區(qū)別。

項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)一、運(yùn)動(dòng)引導(dǎo)層動(dòng)畫原理運(yùn)動(dòng)引導(dǎo)層動(dòng)畫是Flash常用的動(dòng)畫制作方法之一，利用它可以使對(duì)象沿著某種特定的軌跡進(jìn)行運(yùn)動(dòng)。對(duì)象的運(yùn)動(dòng)軌跡被稱為引導(dǎo)線，繪制引導(dǎo)線的圖層被稱為引導(dǎo)層，繪制運(yùn)動(dòng)對(duì)象的圖層被稱為被引導(dǎo)層，被引導(dǎo)層位于引導(dǎo)層下方。為被引導(dǎo)層上的對(duì)象創(chuàng)建傳統(tǒng)補(bǔ)間就能夠?qū)崿F(xiàn)沿引導(dǎo)線的路徑運(yùn)動(dòng)的動(dòng)畫效果。引導(dǎo)層中的引導(dǎo)線在動(dòng)畫中僅起到描繪運(yùn)動(dòng)路徑的作用，所以在動(dòng)畫播放過程中是不會(huì)顯示出來(lái)的。此外，運(yùn)動(dòng)引導(dǎo)層動(dòng)畫還能實(shí)現(xiàn)多對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫效果，這時(shí)在時(shí)間軸面板中，引導(dǎo)層的下方會(huì)有多個(gè)被引導(dǎo)層。

項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)1.創(chuàng)建運(yùn)動(dòng)引導(dǎo)層首先創(chuàng)建“背景”、“飛鳥”圖層，分別插入素材庫(kù)“背景.jpg”和“飛鳥.png”圖像，如圖5-1（a）所示。接著創(chuàng)建運(yùn)動(dòng)引導(dǎo)層，最常用的方法就是使用【添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層】命令。在時(shí)間軸面板中選擇運(yùn)動(dòng)對(duì)象所在的圖層“飛鳥”圖層，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中執(zhí)行【添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層】命令，即可在對(duì)象所在圖層上創(chuàng)建一個(gè)運(yùn)動(dòng)引導(dǎo)層，同時(shí)對(duì)象所在圖層變?yōu)楸灰龑?dǎo)層，如圖5-1（b）所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)二、創(chuàng)建運(yùn)動(dòng)引導(dǎo)層動(dòng)畫的方法圖5-1創(chuàng)建運(yùn)動(dòng)引導(dǎo)層2.繪制引導(dǎo)線

在引導(dǎo)層用【鋼筆】、【鉛筆】、【線條】、【橢圓】或【矩形工具】等繪圖工具繪制出線段，作為對(duì)象運(yùn)動(dòng)路徑的引導(dǎo)線，如圖5-2所示。引導(dǎo)線必須是平滑、圓潤(rùn)、流暢的，如果出現(xiàn)中斷、折點(diǎn)過多、轉(zhuǎn)折過急等現(xiàn)象，則可能導(dǎo)致引導(dǎo)失敗。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)3.制作傳統(tǒng)補(bǔ)間動(dòng)畫要想使運(yùn)動(dòng)對(duì)象沿著引導(dǎo)線運(yùn)動(dòng)，必須為它創(chuàng)建傳統(tǒng)補(bǔ)間。首先在第40幀處分別為三個(gè)圖層插入關(guān)鍵幀，然后選中“飛鳥”對(duì)象圖層，在第1幀中將運(yùn)動(dòng)對(duì)象放在引導(dǎo)線的開始端，必須讓對(duì)象中心緊貼引導(dǎo)線。然后在第40幀中將對(duì)象緊貼放置在引導(dǎo)線結(jié)束端，然后選擇任意一幀執(zhí)行快捷菜單中的【創(chuàng)建傳統(tǒng)補(bǔ)間】命令，為對(duì)象創(chuàng)建傳統(tǒng)補(bǔ)間，這樣就能實(shí)現(xiàn)運(yùn)動(dòng)對(duì)象沿引導(dǎo)線運(yùn)動(dòng)的運(yùn)動(dòng)引導(dǎo)層動(dòng)畫，如圖5-3所示。需要注意的是如果運(yùn)動(dòng)對(duì)象的中心點(diǎn)不能緊貼引導(dǎo)線，則無(wú)法實(shí)現(xiàn)引導(dǎo)。此外，只有傳統(tǒng)補(bǔ)間動(dòng)畫能創(chuàng)建運(yùn)動(dòng)引導(dǎo)層動(dòng)畫，而補(bǔ)間變形動(dòng)畫和補(bǔ)間動(dòng)畫都不行。

項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)項(xiàng)目任務(wù)上一頁(yè)[本任務(wù)目標(biāo)]:制作蜻蜓飛舞的引導(dǎo)層動(dòng)畫[本任務(wù)重點(diǎn)]:1.引導(dǎo)層的建立和繪制引導(dǎo)線2.補(bǔ)間動(dòng)畫的創(chuàng)建任務(wù)二制作蜻蜓飛舞的引導(dǎo)層動(dòng)畫項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)新建一個(gè)名為“點(diǎn)水的蜻蜓”的Flash文件，執(zhí)行【文件】→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】命令，將光盤中“素材與實(shí)例→project05→素材”目錄下的“荷塘.jpg”圖片導(dǎo)入到舞臺(tái)，命名圖層為“荷塘背景”。如圖5-4所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)一、導(dǎo)入背景圖片1.導(dǎo)入蜻蜓圖形元件打開光盤中“素材與實(shí)例→project05→素材”目錄下的蜻蜓.fla文件，在庫(kù)面板中選擇“蜻蜓”圖形元件，按【Ctrl+C】鍵復(fù)制，然后回到點(diǎn)水的蜻蜓.fla文件中，在庫(kù)面板中按【Ctrl+V】鍵粘貼，即可完成蜻蜓圖形元件的導(dǎo)入。2.新建影片剪輯元件在菜單欄中單擊【插入】→【新建元件】命令，創(chuàng)建新元件命名為“蜻蜓振翅”，類型為影片剪輯，如圖5-5所示，單擊“確定”按鈕。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)二、創(chuàng)建蜻蜓元件3.制作蜻蜓振翅動(dòng)畫效果進(jìn)入蜻蜓振翅影片剪輯的編輯界面，將蜻蜓元件拖入舞臺(tái)，建立第1幀關(guān)鍵幀，按【Ctrl+B】鍵分離蜻蜓對(duì)象，然后在第5幀插入關(guān)鍵幀，選中蜻蜓左側(cè)的翅膀，使用【任意變形工具】對(duì)左側(cè)翅膀進(jìn)行旋轉(zhuǎn)，旋轉(zhuǎn)的中心放在翅膀與身體的連接處，旋轉(zhuǎn)方向如圖5-6（a）所示。按相同的方法旋轉(zhuǎn)右側(cè)翅膀，如圖5-6（b）所示，生成第5幀翅膀振動(dòng)后的蜻蜓，如圖5-6（c）所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-6制作第5幀的蜻蜓選中第1幀的蜻蜓對(duì)象，執(zhí)行快捷菜單中的【復(fù)制幀】命令進(jìn)行復(fù)制，然后選擇第10幀和第20幀，執(zhí)行快捷菜單中的【粘貼幀】命令，使第10幀和20幀與第1幀相同。再用同樣的方法，將第5幀復(fù)制到第15幀和第25幀，完成了蜻蜓振動(dòng)翅膀的循環(huán)動(dòng)作，如圖5-7所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)

1.導(dǎo)入蜻蜓振翅影片剪輯單擊編輯欄中的場(chǎng)景1按鈕返回主場(chǎng)景。在“荷塘背景”圖層上建一個(gè)名為“蜻蜓”的新圖層，從庫(kù)面板中拖動(dòng)“蜻蜓振翅”元件到舞臺(tái)上，使用【任意變形工具】調(diào)整其大小、位置，如圖5-8所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)三、制作蜻蜓按路徑飛行動(dòng)畫圖5-8導(dǎo)入蜻蜓振翅元件到場(chǎng)景2.創(chuàng)建運(yùn)動(dòng)引導(dǎo)層選擇蜻蜓圖層，在快捷菜單中執(zhí)行【添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層】命令，在蜻蜓圖層上方創(chuàng)建一個(gè)引導(dǎo)層，使用【鉛筆工具】在引導(dǎo)層中繪制出一條軌跡，如圖5-9所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)3.創(chuàng)建傳統(tǒng)補(bǔ)間選擇“荷塘背景”、“蜻蜓”和“引導(dǎo)層”三個(gè)圖層，在第135幀上插入關(guān)鍵幀。然后選擇蜻蜓圖層，在第1幀中將蜻蜓元件的中心點(diǎn)放到引導(dǎo)線的起點(diǎn)上，在第135幀中用【任意變形工具】調(diào)整蜻蜓的位置和方向，并將蜻蜓的中心放在引導(dǎo)線的終點(diǎn)，然后執(zhí)行【創(chuàng)建傳統(tǒng)補(bǔ)間】命令創(chuàng)建引導(dǎo)層動(dòng)畫，如圖5-10所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-10創(chuàng)建傳統(tǒng)補(bǔ)間此時(shí)看到的蜻蜓只是沿著路徑平行移動(dòng)，為了使蜻蜓的運(yùn)動(dòng)更為逼真，我們可以在第10、35、50和110幀加上調(diào)整蜻蜓飛行方向的關(guān)鍵幀。此外，在第10幀和第20幀上插入關(guān)鍵幀，讓第20幀的內(nèi)容與第10幀相同，實(shí)現(xiàn)第10幀到第20幀蜻蜓停頓的效果，再按同樣的方法制作第50到第100幀停頓的效果，完成的蜻蜓飛行的引導(dǎo)層動(dòng)畫，如圖5-11所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)項(xiàng)目任務(wù)上一頁(yè)圖5-11蜻蜓完整的運(yùn)動(dòng)軌跡[本任務(wù)目標(biāo)]:認(rèn)識(shí)遮罩動(dòng)畫[本任務(wù)重點(diǎn)]:1.了解遮罩動(dòng)畫的動(dòng)畫原理2.熟練掌握遮罩動(dòng)畫的制作方法任務(wù)三認(rèn)識(shí)遮罩動(dòng)畫項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)在Flash中，遮罩動(dòng)畫也是一種常用的高級(jí)動(dòng)畫，利用它可以制作漸隱漸現(xiàn)、百葉窗、波紋和圖片切換等多種特殊動(dòng)畫效果。同運(yùn)動(dòng)引導(dǎo)層動(dòng)畫相同，遮罩動(dòng)畫也需要兩個(gè)圖層才能完成，位于上方用于設(shè)置遮罩范圍的圖層被稱為遮罩層，而位于下方要顯示內(nèi)容的圖層則是被遮罩層。遮罩層如同一個(gè)窗口，通過它只能看到下面被遮罩層中對(duì)應(yīng)區(qū)域的對(duì)象，而其它對(duì)象則不會(huì)顯示。遮罩層中的內(nèi)容可以是元件實(shí)例、矢量圖形、位圖和文字等，但不能是線條，若是線條則必須要先轉(zhuǎn)化為填充。遮罩層會(huì)忽略其中的漸變色、透明度和顏色等，只區(qū)分填充區(qū)域和非填充區(qū)域。任何填充區(qū)域都是完全透明的，任何非填充區(qū)域都是不透明的，因此遮罩層中的對(duì)象將作為鏤空的對(duì)象存在。在遮罩層下的被遮罩層可以有多個(gè)，全部通過遮罩層中的填充區(qū)域顯示。在被遮罩層中，可以使用除了動(dòng)態(tài)文本和輸入文本外的所有Flash支持的內(nèi)容。需要注意的是，按鈕內(nèi)部不能有遮罩層，也不能將一個(gè)遮罩應(yīng)用于另一個(gè)遮罩。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)一、遮罩動(dòng)畫原理1.創(chuàng)建遮罩層遮罩層的創(chuàng)建方法十分簡(jiǎn)單，在時(shí)間軸面板中選擇需要設(shè)置為遮罩的圖層，單擊鼠標(biāo)右鍵，在彈出菜單中選擇【遮罩層】命令，即可將當(dāng)前圖層設(shè)為遮罩層，它下一個(gè)圖層也被相應(yīng)地設(shè)為被遮罩層，二者以縮進(jìn)形式顯示，如圖5-12所示。一個(gè)遮罩層下可以包括多個(gè)被遮罩層，除了可以使用上述的方法設(shè)置被遮罩層外，還可以按住鼠標(biāo)左鍵，將需要設(shè)為被遮罩層的圖層拖曳到遮罩層下方，快速將該層轉(zhuǎn)換為被遮罩層。

項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)二、創(chuàng)建遮罩動(dòng)畫的方法項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)2.繪制遮罩區(qū)域在遮罩層要繪制填充區(qū)域來(lái)確定被遮罩層要顯示的區(qū)域。遮罩層可以是一個(gè)靜態(tài)的填充區(qū)域，通過此區(qū)域顯示出其下方的動(dòng)畫，也可以是一個(gè)動(dòng)態(tài)的動(dòng)畫過程，通過動(dòng)態(tài)變化的遮罩區(qū)域來(lái)動(dòng)態(tài)的顯示其下方的對(duì)象。例如在一個(gè)像框內(nèi)滾動(dòng)顯示圖片的例子中，要顯示的區(qū)域應(yīng)該是像框的內(nèi)部，所以要在遮罩層繪制一個(gè)能正好覆蓋像框內(nèi)部區(qū)域的黑色填充區(qū)域，如圖5-13所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)3.制作被遮罩層動(dòng)畫在被遮罩層中，可以創(chuàng)建前面講過的任何一種形式的動(dòng)畫，該動(dòng)畫可以在遮罩層的填充區(qū)域內(nèi)顯示出來(lái)，實(shí)現(xiàn)一些特殊效果。在相框例子中，在第40幀上為三個(gè)圖層插入關(guān)鍵幀，然后在被遮罩層的第40幀中將圖片移到左側(cè)位置，然后為被遮罩層創(chuàng)建傳統(tǒng)補(bǔ)間。為了在Flash舞臺(tái)中顯示遮罩效果，必須鎖定遮罩層和被遮罩層，如圖5-14所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)項(xiàng)目任務(wù)上一頁(yè)[本任務(wù)目標(biāo)]:制作蜻蜓點(diǎn)水的遮罩動(dòng)畫[本任務(wù)重點(diǎn)]:

利用所學(xué)的遮罩動(dòng)畫知識(shí)制作蜻蜓點(diǎn)水的遮罩動(dòng)畫任務(wù)四制作蜻蜓點(diǎn)水的遮罩動(dòng)畫項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)1.新建水紋波動(dòng)影片剪輯

打開“點(diǎn)水的蜻蜓.fla”文件，在菜單欄中單擊【插入】→【新建元件】命令，新建一個(gè)名為“水紋波動(dòng)”的影片剪輯元件。在時(shí)間軸上第1幀中選擇橢圓工具，在屬性面板中設(shè)置筆觸顏色為黑色，無(wú)填充顏色，筆觸大小為1.5，在舞臺(tái)上繪制一個(gè)橢圓。在第50幀上插入一個(gè)關(guān)鍵幀，然后選中【任意變形工具】，按住【Shift+Alt】拖動(dòng)橢圓邊角的矩形點(diǎn)將橢圓放大。然后在第1幀和第50幀之間任意一幀處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補(bǔ)間形狀】命令，創(chuàng)建一個(gè)補(bǔ)間形狀動(dòng)畫，如圖5-15所示。

項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)一、制作水紋波動(dòng)動(dòng)畫在圖層1上再新建4個(gè)圖層，然后選擇圖層1中的所有幀，單擊鼠標(biāo)右鍵執(zhí)行【復(fù)制幀】命令，在圖層2的第5幀位置上單擊鼠標(biāo)右鍵執(zhí)行【粘貼幀】命令，將圖層1中的變形動(dòng)畫復(fù)制到圖層2，然后選中圖層2中第二個(gè)關(guān)鍵幀后面多出來(lái)的幀，并按【Delete】鍵刪除多余幀。然后按照相同的方法，分別制作第3、4、5圖層中的變形動(dòng)畫，動(dòng)畫效果和時(shí)間軸如圖5-16所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-16完成水紋波動(dòng)形狀補(bǔ)間動(dòng)畫2.制作遮罩圖層單擊編輯欄中的場(chǎng)景1按鈕返回主場(chǎng)景。在“荷塘背景”圖層上新建一個(gè)名為“遮罩”的圖層，在遮罩圖層的第51幀上插入關(guān)鍵幀，從庫(kù)面板中將名為“水紋波動(dòng)”的元件拖動(dòng)至舞臺(tái)上，使用【任意變形工具】調(diào)整其大小、位置，然后將遮罩圖層的第125到第135幀的部分刪除，如圖5-17所示。

項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-17制作遮罩圖層3.制作水波圖層在遮罩圖層下方新建一個(gè)名為“水波”的圖層，在第51幀處插入關(guān)鍵幀，選擇橢圓工具，在屬性面板中設(shè)置筆觸顏色為無(wú)線條填充，填充色為藍(lán)色（#91F7F4），在舞臺(tái)上繪制一個(gè)大于“遮罩”層水紋的橢圓，然后將水波圖層的第125到第135幀刪除，如圖5-18所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-18制作水波圖層4.制作遮罩動(dòng)畫選中遮罩圖層單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【遮罩層】命令，將遮罩圖層轉(zhuǎn)換為遮罩層，將水波圖層轉(zhuǎn)換為被遮罩層，制作的遮罩動(dòng)畫效果和時(shí)間軸如圖5-19所示。

項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-19制作遮罩動(dòng)畫5.測(cè)試遮罩動(dòng)畫完成了蜻蜓點(diǎn)水的動(dòng)畫后，執(zhí)行【控制】→【播放】命令或按【Enter】鍵在舞臺(tái)中播放動(dòng)畫，只顯示運(yùn)動(dòng)引導(dǎo)層動(dòng)畫而不顯示遮罩動(dòng)畫，如果要完整顯示動(dòng)畫效果，則要執(zhí)行【控制】→【測(cè)試影片】命令或按【Ctrl+Enter】鍵在播放器中測(cè)試動(dòng)畫，效果如圖5-20所示。項(xiàng)目任務(wù)上一頁(yè)圖5-20測(cè)試動(dòng)畫最終效果【知識(shí)加油站】補(bǔ)間動(dòng)畫項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)FlashCS4新增了一種全新的動(dòng)畫類型——補(bǔ)間動(dòng)畫，它對(duì)之前版本中的補(bǔ)間動(dòng)畫（即FlashCS4中的傳統(tǒng)補(bǔ)間動(dòng)畫）進(jìn)行了改進(jìn)，是基于對(duì)象元件的動(dòng)畫，而不再是作用于關(guān)鍵幀的動(dòng)畫，不但功能強(qiáng)大、易于創(chuàng)建，還提供了更大程度的控制，從而使Flash的動(dòng)畫制作更加專業(yè)。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)一、補(bǔ)間動(dòng)畫FlashCS4有兩種類型的補(bǔ)間動(dòng)畫，一種是前面學(xué)過的傳統(tǒng)補(bǔ)間動(dòng)畫，另一種是CS4版本新增的補(bǔ)間動(dòng)畫，二者存在很大的差別。1.傳統(tǒng)補(bǔ)間動(dòng)畫是基于關(guān)鍵幀的動(dòng)畫，通過兩個(gè)關(guān)鍵幀中兩個(gè)對(duì)象的變化來(lái)創(chuàng)建動(dòng)畫效果。而補(bǔ)間動(dòng)畫是基于對(duì)象的動(dòng)畫，整個(gè)補(bǔ)間范圍只有一個(gè)動(dòng)畫對(duì)象，動(dòng)畫中使用的是屬性關(guān)鍵幀而不是關(guān)鍵幀。2.補(bǔ)間動(dòng)畫和傳統(tǒng)補(bǔ)間動(dòng)畫都只允許對(duì)特定類型的對(duì)象進(jìn)行補(bǔ)間。創(chuàng)建補(bǔ)間動(dòng)畫時(shí)，會(huì)將所有不允許的對(duì)象類型轉(zhuǎn)換為影片剪輯；而創(chuàng)建傳統(tǒng)補(bǔ)間則會(huì)將對(duì)象類型轉(zhuǎn)換為圖形元件。3.補(bǔ)間動(dòng)畫會(huì)將文本視為可補(bǔ)間的類型，而不會(huì)將文本對(duì)象轉(zhuǎn)換為影片剪輯；傳統(tǒng)補(bǔ)間動(dòng)畫則會(huì)將文本對(duì)象轉(zhuǎn)換為圖形元件。4.如果要在補(bǔ)間動(dòng)畫范圍中選擇單個(gè)幀，必須按住【Ctrl】鍵單擊該幀；而傳統(tǒng)補(bǔ)間動(dòng)畫中的選擇單幀只需要單擊即可選擇。5.只有補(bǔ)間動(dòng)畫能為3D對(duì)象創(chuàng)建動(dòng)畫效果，也只有補(bǔ)間動(dòng)畫才能保存為動(dòng)畫預(yù)設(shè)，而傳統(tǒng)補(bǔ)間動(dòng)畫則沒有這些功能。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)二、補(bǔ)間動(dòng)畫與傳統(tǒng)補(bǔ)間動(dòng)畫的區(qū)別

1.創(chuàng)建補(bǔ)間動(dòng)畫

創(chuàng)建補(bǔ)間動(dòng)畫的方法很簡(jiǎn)單，在圖層的第1個(gè)關(guān)鍵幀中選擇動(dòng)畫對(duì)象，執(zhí)行【插入】|【補(bǔ)間動(dòng)畫】命令或快捷菜單中的【創(chuàng)建補(bǔ)間動(dòng)畫】命令，都可以創(chuàng)建補(bǔ)間動(dòng)畫。由于補(bǔ)間動(dòng)畫的元件都為影片剪輯類型，所以如果第一個(gè)關(guān)鍵幀是第1幀，則它會(huì)自動(dòng)創(chuàng)建一個(gè)與幀頻相同的幀數(shù)，如幀頻是24則自動(dòng)建立一個(gè)有24幀的補(bǔ)間動(dòng)畫（即每秒顯示24幀）。如果第1個(gè)關(guān)鍵幀不是第1幀，則執(zhí)行完創(chuàng)建命令后要在動(dòng)畫結(jié)束的幀上執(zhí)行【插入幀】命令，這樣才會(huì)建立一個(gè)完整的補(bǔ)間動(dòng)畫。例如在白云飄飄補(bǔ)間動(dòng)畫中，在第1幀處執(zhí)行【創(chuàng)建補(bǔ)間動(dòng)畫】命令，自動(dòng)生成一個(gè)有24幀的補(bǔ)間動(dòng)畫，然后在第100幀處執(zhí)行【插入幀】命令，生成一個(gè)有100幀的補(bǔ)間動(dòng)畫，如圖5-21所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)三、創(chuàng)建補(bǔ)間動(dòng)畫的方法

項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-21創(chuàng)建補(bǔ)間動(dòng)畫

2.編輯屬性關(guān)鍵幀在FlashCS4中，關(guān)鍵幀和屬性關(guān)鍵幀性質(zhì)不同，其中關(guān)鍵幀是指在時(shí)間軸面板中對(duì)應(yīng)舞臺(tái)上有動(dòng)畫對(duì)象的動(dòng)畫幀，而屬性關(guān)鍵幀則是指在補(bǔ)間動(dòng)畫的特定時(shí)間或幀中為對(duì)象定義的屬性值。由于補(bǔ)間動(dòng)畫是屬于對(duì)象的，因此只需為動(dòng)畫對(duì)象設(shè)置各個(gè)關(guān)鍵幀中的屬性，即可完成對(duì)象的補(bǔ)間動(dòng)畫。例如可以利用變形工具或變形面板進(jìn)行對(duì)象大小、旋轉(zhuǎn)、傾斜等變化。如果補(bǔ)間對(duì)象在補(bǔ)間過程中位置發(fā)生了變化，那么在舞臺(tái)中將顯示補(bǔ)間對(duì)象的移動(dòng)路徑，此時(shí)可以通過選擇工具、部分選取工具、任意變形工具和變形面板等編輯補(bǔ)間的運(yùn)動(dòng)路徑。在白云飄飄動(dòng)畫中要通過編輯屬性關(guān)鍵幀來(lái)設(shè)置動(dòng)畫的動(dòng)態(tài)過程。打開白云的屬性面板，設(shè)置第1幀中白云X為203.6，Y為207.2，寬度為340.6，高度為198.7；再選擇第50幀中，修改白云為X為165.1，Y為110.2，寬度為240.6，高度為130.7；最后選擇第100幀，拖動(dòng)白云到如圖5-22所示位置，并用變形工具縮小白云，完成白云向遠(yuǎn)處飄走的動(dòng)畫效果。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)

項(xiàng)目任務(wù)上一頁(yè)圖5-22編輯屬性關(guān)鍵幀實(shí)戰(zhàn)演練制作一個(gè)衛(wèi)星環(huán)繞地球轉(zhuǎn)動(dòng)的動(dòng)畫[本任務(wù)目標(biāo)]:綜合運(yùn)用所學(xué)知識(shí)制作一個(gè)衛(wèi)星環(huán)繞地球轉(zhuǎn)動(dòng)的動(dòng)畫

。[本任務(wù)重點(diǎn)]:1.引導(dǎo)層動(dòng)畫的制作2.遮罩動(dòng)畫的制作項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)利用前面學(xué)習(xí)過的制作運(yùn)動(dòng)引導(dǎo)層動(dòng)畫和遮罩動(dòng)畫的方法來(lái)制作一個(gè)衛(wèi)星環(huán)繞地球轉(zhuǎn)動(dòng)的動(dòng)畫。其步驟參考如下：1.新建一個(gè)Flash文檔，起名為“地球轉(zhuǎn)動(dòng).fla”。導(dǎo)入光盤中“素材與實(shí)例→project05→素材”目錄下的太空.jpg圖片到舞臺(tái)中，調(diào)整至舞臺(tái)大小，并將圖層改名為“背景”如圖5-23所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-23導(dǎo)入背景素材2.繪制地球圖形。新建一個(gè)名為“地球”的影片剪輯，將“圖層1”改名為“地球”，選擇橢圓工具，在屬性面板中設(shè)置筆觸顏色為無(wú)線條填充，填充顏色為任意顏色，然后按住【Shift】鍵在舞臺(tái)上繪制一個(gè)正圓。再選擇【顏料桶工具】，打開顏色面板將填充類型設(shè)為放射狀，將漸變顏色區(qū)域的最左邊設(shè)為“藍(lán)色（#4A4AEC）”，最右邊設(shè)為“深藍(lán)色（#03030B）”，如圖5-24（a）所示。然后填充圓形的內(nèi)部，再用漸變變形工具對(duì)圓形的顏色明暗位置進(jìn)行調(diào)整，如圖5-24（b）所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)3.制作地球自轉(zhuǎn)遮罩動(dòng)畫。在地球圖層的第50幀位置插入幀，并在上面新建一個(gè)名為地圖的圖層，將光盤中“素材與實(shí)例→project05→素材”目錄下的地圖.png圖片導(dǎo)入到庫(kù)，選中“地圖”圖層的第一幀，從庫(kù)中拖出”地圖.png”到舞臺(tái)，利用【任意變形工具】調(diào)整其大小，再?gòu)?fù)制兩次，選中三幅地圖，按【Ctrl+G】將三幅地圖組合在一起，按【F8】轉(zhuǎn)換成影片剪輯元件，命名為地圖。4.在地圖圖層的第1幀將地圖元件放置于球體的左側(cè)，如圖5-25（a）所示。在第50幀插入關(guān)鍵幀，然后將地圖元件向右拖動(dòng)至球體的右側(cè)，如圖5-25（b）所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-25地圖圖層動(dòng)畫的起末位置5.為了讓地圖融入球體，使效果更為逼真，在地圖圖層的第1幀和第50幀，選中地圖元件在屬性面板中選擇【顯示】→【混合】下拉列表中的【疊加】效果，屬性面板與疊加效果如圖5-26所示。然后在地圖圖層的第1幀與第50幀之間創(chuàng)建傳統(tǒng)補(bǔ)間。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)6.在“地圖”圖層上新建一個(gè)名為“遮罩”的圖層。將“地球”圖層中的地球圖形復(fù)制到“遮罩”圖層的當(dāng)前位置，并將填充顏色改為“青色（#003333）”。將“遮罩”圖層設(shè)置為遮罩層，“地圖”圖層自動(dòng)轉(zhuǎn)換為被遮罩層，如圖5-27所示。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)圖5-27地球自轉(zhuǎn)遮罩動(dòng)畫

7.返回主場(chǎng)景，在“背景”圖層上新建一個(gè)名為“地球”的圖層，將庫(kù)中的地球元件拖入到舞臺(tái)。分別在“背景”和“地球”圖層的第120幀上插入幀。在“地球”圖層之上再新建一個(gè)名為“軌道”的圖層，選中【橢圓工具】，在顏色面板中設(shè)置類型為放射狀，漸變色區(qū)從左向右依次為灰色（#2A323D）、白色（#FFFFFF）、藕色（#B89AA4）、白色（#FFFFFF），然后設(shè)置內(nèi)部填充為無(wú)填充色，在屬性面板中設(shè)置筆觸線條為1。選中第1幀，在舞臺(tái)上繪制衛(wèi)星環(huán)繞的軌道，繪制出橢圓圖形后，利用【任意變形工具】對(duì)軌道進(jìn)行旋轉(zhuǎn)、變形操作，并放在如圖5-28所示的位置。項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)

8.在“軌道”圖層上新建一個(gè)名為“衛(wèi)星”的圖層，選擇【橢圓工具】，在顏色面板中設(shè)置筆觸顏色為無(wú)線條填充，填充顏色為任意顏色，然后按住【Shift】鍵在舞臺(tái)上繪制一個(gè)小的正圓。選擇【顏料桶工具】，打開顏色面板，將填充類型設(shè)置為放射狀，將漸變顏色區(qū)域的最左邊設(shè)為紅色（#FF0000），最右邊設(shè)為黑色（#000000），然后填充圓的內(nèi)部。再選擇【漸變變形工具】對(duì)小圓的顏色明暗位置進(jìn)行調(diào)整，如圖5-29所示。

項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)項(xiàng)目任務(wù)上一頁(yè)下一頁(yè)

9.選擇“衛(wèi)星”圖層，在彈出的快捷菜單中選擇【添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層】命令，在“衛(wèi)星”圖層上出現(xiàn)了一個(gè)運(yùn)動(dòng)引導(dǎo)層。選擇“軌道”圖層中的橢圓圖形，把它復(fù)制到引導(dǎo)層中的當(dāng)前位置。

10.在“衛(wèi)星”圖層的第40幀上插入關(guān)鍵幀，將“衛(wèi)星”的中心點(diǎn)放到橢圓軌道的左側(cè)，依照近大遠(yuǎn)小的原理，用任意變