FlashCS4基礎(chǔ)動(dòng)畫(huà)制作講義

1、項(xiàng)目 2 Flash CS4基礎(chǔ)動(dòng)畫(huà)制作任務(wù)1逐幀動(dòng)畫(huà)畫(huà)的制作作逐幀動(dòng)畫(huà)畫(huà)是把每每個(gè)畫(huà)面面的運(yùn)動(dòng)動(dòng)過(guò)程附附加在各各個(gè)幀上上，當(dāng)影影片快速速播放的的時(shí)候，利用人人的視覺(jué)覺(jué)殘留現(xiàn)現(xiàn)象，形形成流暢暢的動(dòng)畫(huà)畫(huà)效果。對(duì)于逐幀幀動(dòng)畫(huà)中中的每個(gè)個(gè)畫(huà)面（即單幀幀畫(huà)面），都需需要單獨(dú)獨(dú)進(jìn)行制制作與設(shè)設(shè)計(jì)，雖雖然制作作單幀畫(huà)畫(huà)面的過(guò)過(guò)程比較較麻煩，但是逐逐幀動(dòng)畫(huà)畫(huà)所形成成的動(dòng)畫(huà)畫(huà)效果比比較優(yōu)美美、細(xì)膩膩和靈活活。技能應(yīng)用用分析1導(dǎo)入入素材及及整合場(chǎng)場(chǎng)景。2創(chuàng)建建影片剪剪輯元件件，制作作馬跑逐逐幀動(dòng)畫(huà)畫(huà)。3創(chuàng)建建傳統(tǒng)補(bǔ)補(bǔ)間，制制作出馬馬從左跑跑到右的的運(yùn)動(dòng)畫(huà)畫(huà)面。4通過(guò)過(guò)修改元元件的大大小、透透明度、色調(diào)等等屬性，

2、制作馬馬的影子子。1導(dǎo)入入素材及及整合場(chǎng)場(chǎng)景。2、通過(guò)過(guò)8張圖圖片制作作出馬跑跑逐幀動(dòng)動(dòng)畫(huà)元件件。3、創(chuàng)建建傳統(tǒng)補(bǔ)補(bǔ)間，制制作出馬馬從左跑跑到右的的運(yùn)動(dòng)畫(huà)畫(huà)面。4、通過(guò)過(guò)修改元元件的大大小、透透明度、色調(diào)等等屬性，制作馬馬的影子子。知識(shí)總結(jié)結(jié)元元件的創(chuàng)創(chuàng)建與逐逐幀動(dòng)畫(huà)畫(huà)的制作作元件分為為3類(lèi)：影片剪剪輯、按按鈕和圖圖形。影片剪輯輯元件：本身就就是一個(gè)小小動(dòng)畫(huà)，其播放放不受主主時(shí)間軸軸的影響響。按鈕元件件：其作作用與網(wǎng)網(wǎng)頁(yè)中的的超鏈接接類(lèi)似，用于實(shí)實(shí)現(xiàn)用戶(hù)戶(hù)的單擊擊響應(yīng)動(dòng)動(dòng)作。圖形元件件：也是是一個(gè)小小動(dòng)畫(huà)，但其播播放與主主時(shí)間軸軸同步。因此，在在制作馬馬的逐幀幀動(dòng)畫(huà)時(shí)時(shí)要?jiǎng)?chuàng)建建的是影影片剪輯輯

3、元件。逐幀動(dòng)畫(huà)畫(huà)就是在時(shí)間軸軸上逐幀幀繪制出出不同的的內(nèi)容，使其連連續(xù)播放放從而形形成動(dòng)畫(huà)畫(huà)。逐幀動(dòng)畫(huà)畫(huà)的制作作成本非非常高，最終輸輸出的文文件也非非常大。其播放模模式類(lèi)似似于電影影，可以表表現(xiàn)任何何想表現(xiàn)現(xiàn)的內(nèi)容容。逐幀動(dòng)畫(huà)畫(huà)適合制作作那些需需要表現(xiàn)現(xiàn)細(xì)膩的的動(dòng)畫(huà)，如人物物或動(dòng)物物的轉(zhuǎn)身身、頭發(fā)發(fā)及衣服服的飄動(dòng)動(dòng)、走路路、說(shuō)話話以及精精致的3D效效果等等。在“馬跑跑動(dòng)畫(huà)”影片剪剪輯元件件中制作作馬跑的的逐幀動(dòng)動(dòng)畫(huà)時(shí)，一定要要對(duì)將不不同幀上上的奔馬馬圖片進(jìn)進(jìn)行對(duì)齊齊，這樣樣才能保保證馬奔奔跑的效效果比較較流暢。任務(wù)2形狀變形形動(dòng)畫(huà)的的制作形狀變形形動(dòng)畫(huà)是是矢量文文字或矢矢量圖形形通過(guò)形形態(tài)變形

4、形后形成成的動(dòng)畫(huà)畫(huà)。在 Flash 中輸輸入的文文字，必必須先按按 Ctrl+B組組合鍵將將其徹底底打散，而后才才能進(jìn)行行形狀變變形；Flash中中繪制的的圖形，其本身身就是矢矢量圖形形，因此此可以直直接進(jìn)行行形狀變變形。技能應(yīng)用用分析1運(yùn)用用形狀補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)制作出出紅色背背景彈出出的動(dòng)畫(huà)畫(huà)效果。2運(yùn)用用動(dòng)作補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)制作出出家居的的漸現(xiàn)效效果。3運(yùn)用用動(dòng)作補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)制作出出文字動(dòng)動(dòng)畫(huà)。1運(yùn)用用動(dòng)作補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)制作出出家居的的漸現(xiàn)效效果。2運(yùn)用用形狀補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)制作出出紅色背背景彈出出、變形形的動(dòng)畫(huà)畫(huà)效果。3運(yùn)用用動(dòng)作補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)制作出出文字動(dòng)動(dòng)畫(huà)。知識(shí)總結(jié)結(jié)形形狀補(bǔ)間間動(dòng)畫(huà)的的制作制作形

5、狀狀補(bǔ)間動(dòng)動(dòng)畫(huà)時(shí)，動(dòng)畫(huà)對(duì)對(duì)象必須須是可編編輯的圖圖形。其他類(lèi)型型的對(duì)象象，如元元件的實(shí)實(shí)例、文文字、位位圖等，則是不不可編輯輯的。此此時(shí)，可可通過(guò)“修改分分離”命命令將對(duì)對(duì)象打散散為可編編輯的圖圖形。制作形狀狀補(bǔ)間動(dòng)動(dòng)畫(huà)必須須具備以以下3個(gè)個(gè)條件。（1）在在一個(gè)形形狀補(bǔ)間間動(dòng)畫(huà)中中至少有有兩個(gè)關(guān)關(guān)鍵幀。（2）這這兩個(gè)關(guān)關(guān)鍵幀中中的對(duì)象象必須是是可編輯輯的圖形形。（3）這這兩個(gè)關(guān)關(guān)鍵幀中中的圖形形，必須須有一些些變化。成功創(chuàng)建建形狀補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)后，兩兩個(gè)關(guān)鍵鍵幀之間間會(huì)出現(xiàn)現(xiàn)一個(gè)淺淺綠色背背景的實(shí)實(shí)線箭頭頭。如果出現(xiàn)現(xiàn)的是一一條虛線線，則說(shuō)說(shuō)明形狀補(bǔ)間間動(dòng)畫(huà)沒(méi)沒(méi)有創(chuàng)建建成功。原因可能是動(dòng)畫(huà)對(duì)象不

6、是可編輯圖形，因此，只要先將其轉(zhuǎn)化為可編輯圖形，再重新創(chuàng)建即可。任務(wù)3補(bǔ)間動(dòng)畫(huà)畫(huà)的制作作補(bǔ)間動(dòng)畫(huà)畫(huà)是指物物體通過(guò)過(guò)位置移移動(dòng)、旋旋轉(zhuǎn)、縮縮放等一一系列變變換過(guò)程程形成的的動(dòng)畫(huà)。該動(dòng)畫(huà)可可以真實(shí)實(shí)地記錄錄下物體體的各種種變換狀狀態(tài)。技能應(yīng)用用分析1使用用傳統(tǒng)補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)制作背背景的漸漸變效果果。2使用用遮罩動(dòng)動(dòng)畫(huà)制作作小路的的動(dòng)畫(huà)效效果。3通過(guò)過(guò)修改元元件實(shí)例例的屬性性，制作作樹(shù)、人人物等的的傳統(tǒng)補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)效果。知識(shí)總結(jié)結(jié)補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)的制作作動(dòng)作補(bǔ)間間動(dòng)畫(huà)是是 Flash 中最最常使用用的一種種動(dòng)畫(huà)形形式，可可以制作作出對(duì)象象位移、放大、縮小、變形、色彩、透明度度、顏色色亮度、旋轉(zhuǎn)等等變化的的

7、動(dòng)畫(huà)效效果。制作動(dòng)作作補(bǔ)間動(dòng)動(dòng)畫(huà)需滿(mǎn)滿(mǎn)足以下下條件：（1）在在一個(gè)動(dòng)動(dòng)作補(bǔ)間間動(dòng)畫(huà)中中至少要要有兩個(gè)個(gè)關(guān)鍵幀幀。（2）兩兩個(gè)關(guān)鍵鍵幀中的的對(duì)象必必須是同同一個(gè)對(duì)對(duì)象。（3）兩兩個(gè)關(guān)鍵鍵幀中的的對(duì)象必必須有一一些變化化。成功創(chuàng)建建動(dòng)作補(bǔ)補(bǔ)間動(dòng)畫(huà)畫(huà)后，兩兩個(gè)關(guān)鍵鍵幀之間間會(huì)形成成一個(gè)具具有淺藍(lán)藍(lán)色背景景的實(shí)線線箭頭。如果兩個(gè)個(gè)關(guān)鍵幀幀之間形形成的是是一條虛虛線，則則說(shuō)明動(dòng)動(dòng)作補(bǔ)間間動(dòng)畫(huà)沒(méi)沒(méi)有創(chuàng)建建成功。原因可能能是兩個(gè)個(gè)關(guān)鍵幀幀中的動(dòng)動(dòng)畫(huà)對(duì)象象不是同同一個(gè)對(duì)對(duì)象，也也可能是是動(dòng)畫(huà)對(duì)對(duì)象的類(lèi)類(lèi)型不對(duì)對(duì)，需要要調(diào)整后后再重新新創(chuàng)建。任務(wù)4遮罩動(dòng)畫(huà)畫(huà)的制作作遮罩動(dòng)畫(huà)畫(huà)是利用用 Flash 的遮遮罩層功功

8、能制作作出的動(dòng)動(dòng)畫(huà)效果果。遮罩層是是一種特特殊的圖圖層，位位于遮罩罩層下方方的圖層層內(nèi)容會(huì)會(huì)根據(jù)當(dāng)當(dāng)前遮罩罩層上的的圖形及及文字內(nèi)內(nèi)容進(jìn)行行相應(yīng)的的遮罩，從而實(shí)實(shí)現(xiàn)類(lèi)似于擋擋板或鏤鏤空的效效果。技能應(yīng)用用分析1使用用幾個(gè)圖圖片來(lái)制制作遮罩罩動(dòng)畫(huà)的的背景，bg4素材用用來(lái)制作作文字的的“材質(zhì)質(zhì)流動(dòng)”動(dòng)畫(huà)效效果。2制作作“遮罩罩”、“百葉窗窗遮罩”和“材材質(zhì)流動(dòng)動(dòng)”3個(gè)個(gè)影片剪剪輯元件件。其中中，“百百葉窗遮遮罩”元元件是通通過(guò)“遮遮罩”剪剪輯元件件制作的的。1、制作作“百葉葉窗遮罩罩”影片片剪輯元元件。2、制作作出材質(zhì)質(zhì)流動(dòng)文文字效果果。效果3、利用用幾張圖圖片制作作出兩種種百葉窗窗遮罩效效果。

9、4、添加加背景、文字，得到最最終效果果。知識(shí)總結(jié)結(jié)遮遮罩動(dòng)畫(huà)畫(huà)的制作作要點(diǎn)遮罩動(dòng)畫(huà)畫(huà)需要具具備兩個(gè)個(gè)圖層：遮罩層層和被遮遮罩層。遮罩層在在上方，就像一一個(gè)鏤空空的圖層層，鏤空空的形狀狀是遮罩罩層中的的動(dòng)畫(huà)對(duì)對(duì)象形狀狀，從鏤鏤空的位位置可以以看到被被遮罩層層對(duì)象。當(dāng)圖層中中的圖形形作為一一個(gè)遮罩罩層時(shí)，在被遮遮罩層中中只可以以顯示出出遮罩層層中圖形形所在位位置的圖圖形。在遮罩層層與被遮遮罩層中中不僅可可以顯示示圖形，還可以以顯示動(dòng)動(dòng)畫(huà)。當(dāng)遮罩層層或被遮遮罩層是是動(dòng)畫(huà)時(shí)時(shí)，此時(shí)時(shí)的動(dòng)畫(huà)畫(huà)就會(huì)顯顯示出一一種特殊殊的遮罩罩效果。任務(wù)5引導(dǎo)動(dòng)畫(huà)畫(huà)的制作作引導(dǎo)動(dòng)畫(huà)畫(huà)即路徑動(dòng)動(dòng)畫(huà)，是是指物體沿著著指定的的路

10、徑進(jìn)進(jìn)行位移移變換的的過(guò)程。制作引導(dǎo)導(dǎo)動(dòng)畫(huà)的的過(guò)程中中，首先先需要?jiǎng)?chuàng)建物體體元件，并制作作成移動(dòng)動(dòng)動(dòng)畫(huà)；然后在在該圖層層上再創(chuàng)建引導(dǎo)導(dǎo)層，并在引引導(dǎo)層中中繪制相應(yīng)應(yīng)線條作為元件件運(yùn)動(dòng)的的路徑；最后，調(diào)整元件件的運(yùn)動(dòng)起起始位置置和運(yùn)動(dòng)動(dòng)結(jié)束位位置，使使它們分分別與路徑的的兩個(gè)端端點(diǎn)重合合。技能應(yīng)用用分析1利用用遮罩層層制作出出水波效效果。2使用用多個(gè)色色標(biāo)放射射狀漸變變填充制制作水泡泡，并使使用引導(dǎo)導(dǎo)線制作作水泡動(dòng)動(dòng)畫(huà)。3使用用引導(dǎo)線線制作游游魚(yú)動(dòng)畫(huà)畫(huà)。1利用用遮罩層層制作出出水波效效果。2使用用多個(gè)色色標(biāo)放射射狀漸變變填充制制作水泡泡3、使用用引導(dǎo)線線制作水水泡動(dòng)畫(huà)畫(huà)4、制作作成堆氣氣泡影片片

11、剪輯元元件5、制作作游魚(yú)影影片剪輯輯元件。6、使用用引導(dǎo)線線制作游游魚(yú)動(dòng)畫(huà)畫(huà)。 7、拖入入元件，添加流流水聲。知識(shí)點(diǎn)總總結(jié)引導(dǎo)動(dòng)動(dòng)畫(huà)的制制作要點(diǎn)點(diǎn)1、制作作引導(dǎo)動(dòng)動(dòng)畫(huà)必須須具備兩兩個(gè)圖層層：引導(dǎo)導(dǎo)層與被被引導(dǎo)層層。添加引導(dǎo)導(dǎo)層的方方法有兩兩種：（1）通通過(guò)“添添加傳統(tǒng)統(tǒng)運(yùn)動(dòng)引引導(dǎo)層”命令添添加引導(dǎo)導(dǎo)層。（2）通通過(guò)圖層層屬性來(lái)來(lái)創(chuàng)建引引導(dǎo)層。示例1：通過(guò)“添添加運(yùn)動(dòng)動(dòng)引導(dǎo)層層”命令令創(chuàng)建引引導(dǎo)層對(duì)某圖層層使用“添加運(yùn)運(yùn)動(dòng)引導(dǎo)導(dǎo)層”命命令后，該圖層層會(huì)自動(dòng)動(dòng)轉(zhuǎn)化為為被引導(dǎo)導(dǎo)層。 在“圖層1”上方添加引導(dǎo)層后，“圖層1”自動(dòng)轉(zhuǎn)換為被引導(dǎo)層（比普通圖層向里縮進(jìn)了一部分）。 引導(dǎo)層前面的圖標(biāo)變?yōu)?，說(shuō)明引導(dǎo)層創(chuàng)建成功。示例2：通過(guò)圖層層屬性創(chuàng)創(chuàng)建引導(dǎo)導(dǎo)層通過(guò)圖層層屬性創(chuàng)創(chuàng)建引導(dǎo)導(dǎo)層時(shí)，需要先將將其下方方的圖層層轉(zhuǎn)換為為被引導(dǎo)導(dǎo)層，才才能使用用該方法法制做出出引導(dǎo)動(dòng)動(dòng)畫(huà)。 “圖層2” 雖然被轉(zhuǎn)換成了引導(dǎo)層，但前面的圖標(biāo)仍然是 ，說(shuō)明其下方?jīng)]有被引導(dǎo)層。即“圖層1”仍然是普通圖層（沒(méi)有縮進(jìn)）。解決方案案：先把把“圖層層1