fiash動(dòng)畫制作基礎(chǔ)-第5章課件

第三模塊：

Flash高級(jí)動(dòng)畫制作第5章高級(jí)動(dòng)畫導(dǎo)語補(bǔ)間動(dòng)畫是Flash最基礎(chǔ)的動(dòng)畫類型。在補(bǔ)間動(dòng)畫的基礎(chǔ)上，F(xiàn)lash提供了創(chuàng)建高級(jí)動(dòng)畫的技術(shù)—引導(dǎo)圖層、遮罩圖層、時(shí)間軸特效等。利用這些技術(shù)可以制作出更加豐富多彩的動(dòng)畫作品。本章主要內(nèi)容引導(dǎo)路徑動(dòng)畫遮罩動(dòng)畫自定義緩入/緩出動(dòng)畫時(shí)間軸特效動(dòng)畫多場景動(dòng)畫5.1引導(dǎo)路徑動(dòng)畫--臺(tái)風(fēng)天氣預(yù)報(bào)

第4章利用補(bǔ)間動(dòng)畫制作的位置移動(dòng)動(dòng)畫是沿直線進(jìn)行的，可在生活中，很多運(yùn)動(dòng)路徑是弧線或不規(guī)則的。引導(dǎo)路徑動(dòng)畫可以使對(duì)象完成曲線或不規(guī)則運(yùn)動(dòng)?；A(chǔ)實(shí)例--飛機(jī)沿圓周飛行實(shí)例--臺(tái)風(fēng)天氣預(yù)報(bào)知識(shí)點(diǎn)：引導(dǎo)路徑動(dòng)畫的制作方法5.1.1引導(dǎo)路徑動(dòng)畫的制作方法一個(gè)最基本“路徑動(dòng)畫”由兩個(gè)圖層組成，上面一層是“引導(dǎo)層”，下面一層是“被引導(dǎo)層，同普通圖層一樣。1、使用文本工具輸入飛機(jī)符號(hào)。實(shí)例“飛機(jī)沿圓周飛行”動(dòng)畫制作：2、在第50幀上插入一個(gè)關(guān)鍵幀，并改變飛機(jī)位置。3、創(chuàng)造補(bǔ)間動(dòng)畫。4、【添加運(yùn)動(dòng)引導(dǎo)層】按鈕。

5、繪制一個(gè)大圓，并將圓擦出一個(gè)小缺口。6、選擇第1幀上的飛機(jī)，拖動(dòng)它到圓缺口左端點(diǎn)。在【屬性】面板中選擇【調(diào)整到路徑】復(fù)選框。7、選擇第50幀上的飛機(jī)，拖動(dòng)它到圓缺口右端點(diǎn)。這里只所以將圓擦一個(gè)小缺口，是因?yàn)樵谝龑?dǎo)層上繪制的路徑不能是封閉的曲線，路徑曲線必須有兩個(gè)斷點(diǎn)，這樣才能進(jìn)行后續(xù)的操作。

5.1.2實(shí)例――臺(tái)風(fēng)天氣預(yù)報(bào)本節(jié)制作一個(gè)有關(guān)臺(tái)風(fēng)天氣預(yù)報(bào)的模擬演示動(dòng)畫。動(dòng)畫運(yùn)行時(shí)，三股臺(tái)風(fēng)按照不同的路徑從海面向大陸移動(dòng)，通過演示，可以使人們直觀、生動(dòng)的觀察和理解臺(tái)風(fēng)移動(dòng)的主要路徑。動(dòng)畫效果1．創(chuàng)建動(dòng)畫背景2．創(chuàng)建“臺(tái)風(fēng)”圖形元件3．創(chuàng)建臺(tái)風(fēng)沿路徑移動(dòng)的動(dòng)畫4．將路徑在動(dòng)畫中顯示出來5．增強(qiáng)動(dòng)畫效果這里創(chuàng)建了一個(gè)影片剪輯元件，讓它作為沿路徑動(dòng)畫的“演員”，從而使這個(gè)范例更加逼真。

實(shí)例講解實(shí)例―臺(tái)風(fēng)天氣預(yù)報(bào)步驟1創(chuàng)建動(dòng)畫背景新建Flash文檔，設(shè)置舞臺(tái)背景色為深藍(lán)色，其余默認(rèn)。命名圖層1=背景，導(dǎo)入位圖“海洋和陸地”，打散位圖。去掉位圖的背景。在舞臺(tái)右側(cè)輸入動(dòng)畫標(biāo)題=臺(tái)風(fēng)天氣預(yù)報(bào)。實(shí)例―臺(tái)風(fēng)天氣預(yù)報(bào)步驟2創(chuàng)建“臺(tái)風(fēng)”圖形元件新建“臺(tái)風(fēng)”圖形元件。“基本橢圓工具”繪制圓環(huán)，筆觸顏色=無，填充顏色=紅色到淺紅色放射狀漸變，并用“漸變變形工具”做適當(dāng)調(diào)整。分離圓環(huán)成形狀，將顯示比例=400%，按住Alt鍵，調(diào)整圓環(huán)如圖，得到臺(tái)風(fēng)的圖形。實(shí)例―臺(tái)風(fēng)天氣預(yù)報(bào)步驟3創(chuàng)建臺(tái)風(fēng)沿路徑移動(dòng)的動(dòng)畫返回“場景1”，在背景圖層上方添加一圖層，命名為“南線”，導(dǎo)入庫中的“臺(tái)風(fēng)”。選擇“南線”圖層，單擊右鍵“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”，并在引導(dǎo)層繪制白色虛線如圖。在背景和引導(dǎo)圖層插入普通幀。在“南線”圖層插入關(guān)鍵幀，并創(chuàng)建動(dòng)畫，“緊貼至對(duì)象”處于按下狀態(tài)，選擇第1幀的臺(tái)風(fēng)使它吸附到弧線的右端點(diǎn)，選擇第30幀的臺(tái)風(fēng)使它吸附到弧線的左端點(diǎn)。同樣步驟制作中線和北線臺(tái)風(fēng)沿路徑的動(dòng)畫。實(shí)例―臺(tái)風(fēng)天氣預(yù)報(bào)步驟4將路徑在動(dòng)畫中顯示出來在“背景”圖層上新插入一個(gè)圖層，命名為“路徑”，選擇引導(dǎo)層：南線圖層上的弧線，并復(fù)制，然后在“路徑”圖層，“粘貼到當(dāng)前位置”。類似的方法，制作“中線”、“北線”的引導(dǎo)弧線。在“路徑”圖層上用線條工具在3條弧線的左端分別繪制一個(gè)箭頭。實(shí)例―臺(tái)風(fēng)天氣預(yù)報(bào)步驟5增強(qiáng)動(dòng)畫效果新建“旋轉(zhuǎn)臺(tái)風(fēng)”影片剪輯元件。在影片剪輯元件中，在第1幀拖入庫中的“臺(tái)風(fēng)”圖形元件，在第10幀插入關(guān)鍵幀，創(chuàng)建動(dòng)畫，并在第1幀，設(shè)置順時(shí)針旋轉(zhuǎn)1周的動(dòng)畫效果。返回場景1，交換元件。5.2遮罩動(dòng)畫遮罩動(dòng)畫的原理是，在舞臺(tái)前增加一個(gè)“電影鏡頭”。這個(gè)“電影鏡頭”不僅僅局限于圓形，可以是任意形狀，甚至可以是文字。將來導(dǎo)出的影片，并不是將舞臺(tái)上的全部對(duì)象都顯示出來，而是只顯示“電影鏡頭”拍攝出來的對(duì)象，其他不在“電影鏡頭”區(qū)域內(nèi)的舞臺(tái)對(duì)象不顯示?；A(chǔ)實(shí)例—圓形遮罩實(shí)例--動(dòng)畫中的電影鏡頭效果5.2.1

遮罩動(dòng)畫的制作方法

簡單實(shí)例—圓形遮罩制作方法導(dǎo)入圖像到舞臺(tái)。新建圖層，并繪制圓。右擊“圖層2”，選擇“遮罩層”命令。改變“電影鏡頭”的形狀。改變“電影鏡頭”的位置。5.2.2實(shí)例-動(dòng)畫中的電影鏡頭效果

在制作FlashMTV或者Flash動(dòng)畫短片時(shí)，需要很多電影鏡頭效果。比如推/拉鏡頭效果、移動(dòng)鏡頭效果、升/降鏡頭效果等。1、導(dǎo)入圖像。2、在第40幀插入關(guān)鍵幀。3、創(chuàng)造補(bǔ)間動(dòng)畫。4、新建圖層，繪制矩形。5、右擊“圖層2”，選擇“遮罩層”命令。6、制作推鏡頭效果。7、“圖層1”的第70幀插入關(guān)鍵幀。選中圖片，設(shè)置寬和高同時(shí)放大到300％。8、定義第40幀到第70幀之間的補(bǔ)間動(dòng)畫。“圖層2”的第70幀，按F5鍵添加幀。

5.2.3課后練習(xí)――水波文字利用文字這個(gè)特殊的“電影鏡頭”作為遮罩制作一個(gè)隨水波流淌的文字動(dòng)畫。水波在文字上面慢慢淌過，給人一種特殊的視覺感受。動(dòng)畫效果1．制作動(dòng)畫中的“演員”。2．創(chuàng)建黑白文字漸變動(dòng)畫。3．創(chuàng)建水波字動(dòng)畫5.3自定義緩入/緩出動(dòng)畫實(shí)例效果展示--由遠(yuǎn)及近的彈跳小球前面所學(xué)知識(shí)復(fù)習(xí)：“緩動(dòng)”選項(xiàng)，在-1~-100負(fù)值間，動(dòng)畫運(yùn)動(dòng)速度從慢到快；在1~100正值間，動(dòng)畫運(yùn)動(dòng)速度從快到慢。一般情況下為0，動(dòng)畫運(yùn)動(dòng)速度是勻速?！白远x緩入/緩出”對(duì)話框用曲線表示動(dòng)畫隨時(shí)間變化的規(guī)律。幀由水平軸表示，動(dòng)畫變化的速率（百分比）由垂直軸表示。第一個(gè)關(guān)鍵幀表示為0%，最后一個(gè)關(guān)鍵幀表示為100%。曲線水平時(shí)（無斜率），動(dòng)畫變化速率為零；曲線垂直時(shí)，變化速率最大，一瞬間完成變化。5.3.1自定義緩入/緩出動(dòng)畫的簡單實(shí)例1、輸入文本。實(shí)例：2、第50幀插入關(guān)鍵幀，并拖放文本到舞臺(tái)的右下角。3、創(chuàng)造補(bǔ)間動(dòng)畫。定義補(bǔ)間動(dòng)畫后，在“屬性”面板中單擊“緩動(dòng)”選項(xiàng)右邊的“編輯”按鈕。就可以進(jìn)入“自定義緩入/緩出動(dòng)畫”對(duì)話框,在其中可以進(jìn)行具體的設(shè)置。4、自定義緩入/緩出動(dòng)畫。5.3.2實(shí)例―由遠(yuǎn)及近的彈跳小球本節(jié)利用自定義緩入/緩出功能制作一個(gè)由遠(yuǎn)及近的彈跳小球的動(dòng)畫效果，這個(gè)范例充分展示了Flash在立體三維動(dòng)畫方面逼真的模擬性。動(dòng)畫效果1．創(chuàng)建動(dòng)畫背景2．創(chuàng)建“圓球”圖形元件3．制作圓球動(dòng)畫5.3.2實(shí)例―彈跳小球操作步驟動(dòng)畫背景新建Flash文檔，設(shè)置舞臺(tái)背景色=#990000.新建“遠(yuǎn)景”圖形元件，在顏色面板中，筆觸顏色=無，填充線性漸變，并將右色塊左移，左色塊：顏色=#ffffff，Alpha=0%；右色塊：顏色=#990000，Alpha=100%。在元件舞臺(tái)上繪制一個(gè)矩形，并用漸變變型工具調(diào)整填充色。5.3.2實(shí)例―彈跳小球操作步驟新建“近景”圖形元件，設(shè)置筆觸顏色=紅色，然后用矩形工具和線條工具繪制矩形，如圖。在每個(gè)方格中填充白色到紅色的線性漸變色?？蜻x所有圖形，按Ctrl+G組合對(duì)象，并用任意變型工具，旋轉(zhuǎn)變形圖形，如圖。新建“舞臺(tái)”圖形元件，將圖層1命名=近景，圖層2命名=遠(yuǎn)景5.3.2實(shí)例―彈跳小球操作步驟制作圓球動(dòng)畫返回“場景1”，將圖層1命名=舞臺(tái)，導(dǎo)入“舞臺(tái)”圖形元件。新建圖層=圓球跳動(dòng)，導(dǎo)入圓球圖形元件，設(shè)置圓球尺寸=40×40，并將它放置在舞臺(tái)正上方，在第45幀插入一個(gè)關(guān)鍵幀，設(shè)置圓球尺寸=65×65，并將它放置在舞臺(tái)中心位置。選擇第1幀創(chuàng)建動(dòng)畫，并對(duì)位置設(shè)置“自定義緩入/緩出動(dòng)畫”，如圖5.3.2實(shí)例―彈跳小球操作步驟制作圓球動(dòng)畫在第65幀插入關(guān)鍵幀，設(shè)置圓球尺寸=120×120，并將它放置在舞臺(tái)正下方，創(chuàng)建從第45幀到第65幀動(dòng)畫。新建一個(gè)圖層，重命名=圓球陰影，復(fù)制“圓球跳動(dòng)”層的所有幀，修改每個(gè)關(guān)鍵幀上的圓球?qū)嵗鼳lpha=50%，并根據(jù)透視關(guān)系修改“圓球”實(shí)例的位置。保存測試動(dòng)畫。5.3.3自定義緩入/緩出動(dòng)畫的參數(shù)詳解

“自定義緩入/緩出”對(duì)話框用曲線表示動(dòng)畫隨時(shí)間變化的規(guī)律。幀由水平軸表示，動(dòng)畫變化的速率（百分比）由垂直軸表示。第一個(gè)關(guān)鍵幀表示為0%，最后一個(gè)關(guān)鍵幀表示為100%。曲線水平時(shí)（無斜率），動(dòng)畫變化速率為零；曲線垂直時(shí)，變化速率最大，一瞬間完成變化。1．“為所有屬性使用一種設(shè)置”復(fù)選框2．“屬性”下拉菜單3．“播放”、“停止”和“重置”按鈕4．編輯控制點(diǎn)的方法5．復(fù)制曲線5.5多場景動(dòng)畫

Flash影片文檔并不是只能包含一個(gè)場景，而是可以包含多個(gè)場景。每個(gè)場景都包括自己的時(shí)間軸，可以根據(jù)需要將復(fù)雜的動(dòng)畫內(nèi)容分解到多個(gè)場景中進(jìn)行制作。實(shí)例――多場景動(dòng)畫場景和“場景”面板5.5.1實(shí)例―多場景動(dòng)畫

下面利用多場景技術(shù)把本章前幾節(jié)制作的動(dòng)畫范例組合在一個(gè)Flash影片中。通過具體的操作進(jìn)一步理解多場景動(dòng)畫的功能。范例運(yùn)行時(shí)，先播放“臺(tái)風(fēng)天氣預(yù)報(bào)”動(dòng)畫，播放完后接著播放“由遠(yuǎn)及近彈跳的球”動(dòng)畫，最后，播放“漫天花雨”動(dòng)畫。1．建立場景2．制作場景動(dòng)畫本范例制作的是3個(gè)場景動(dòng)畫自動(dòng)依次播放的效果。如果想利用動(dòng)作腳本（ActionScript）控制場