「動(dòng)畫制作」Flash基本動(dòng)畫的制作方法與實(shí)例

「動(dòng)畫制作」Flash基本動(dòng)畫的制作方法與實(shí)例：

在Flash中有三種基本的動(dòng)畫：逐幀動(dòng)畫、補(bǔ)間動(dòng)畫、引導(dǎo)路徑動(dòng)畫。

一、逐幀動(dòng)畫

原理：在連續(xù)的關(guān)鍵幀中分解動(dòng)畫動(dòng)作，也就是每一幀中的內(nèi)容不同，連續(xù)播放而成動(dòng)畫。

1)導(dǎo)入靜態(tài)圖片建立逐幀動(dòng)畫

【實(shí)例5-1】“走路的女孩”逐幀動(dòng)畫。

① 新建影片文檔

② 創(chuàng)建背景圖層(導(dǎo)入1個(gè)圖片到第1幀，末尾幀位置按F5)

③ 創(chuàng)建動(dòng)畫圖層，并導(dǎo)入系列圖片(在第1幀導(dǎo)入，自動(dòng)分配圖片)

④ 調(diào)整對(duì)象位置(注意鎖定背景層，再用到繪圖紙按鈕)

⑤ 創(chuàng)建文字圖層，并設(shè)置標(biāo)題文字 (用到“文本工具” )

⑥ 測(cè)試存盤

2)制作由變化文字組成的逐幀動(dòng)畫

【實(shí)例5-2】由變化數(shù)字組成的“倒計(jì)時(shí)”逐幀動(dòng)畫。

① 新建一個(gè)文檔，單擊“工具箱”中的“文本工具” ; 選中時(shí)間軸的第1幀，在舞臺(tái)中央輸入文本“9”。 …..

② 選中時(shí)間軸上第2幀，連續(xù)按9次“F6”鍵，插入9個(gè)關(guān)鍵幀(即第2到第10個(gè)關(guān)鍵幀為插入的關(guān)鍵幀)。每當(dāng)插入一個(gè)關(guān)鍵幀時(shí)，系統(tǒng)會(huì)自動(dòng)將前一幀的內(nèi)容復(fù)制到后一幀。

③ 選中時(shí)間軸的第2幀，雙擊舞臺(tái)中的文本，將其原來的文字“9”改為“8”。

④ 重復(fù)與步驟③相同的操作，將第3幀的文本由“9”改為“7”;直至將第10幀的文本由“9”改為“0”。這時(shí)，動(dòng)畫制作完畢。

3)繪制矢量逐幀動(dòng)畫

【實(shí)例5-3】“球形單擺的周期性擺動(dòng)”矢量逐幀動(dòng)畫。

(1)新建一個(gè)文檔，在圖層1畫一根水平直線和一個(gè)小圓球表示天花板和單擺的固定點(diǎn)。

(2)選中時(shí)間軸上第2幀，連續(xù)按9次“F6”鍵，插入9個(gè)關(guān)鍵幀，即第2到第10幀是插入的9個(gè)關(guān)鍵幀;使第1幀的圖形延續(xù)到2~10幀。再單擊“插入圖層”按鈕，添加圖層2。

(3)選擇圖層2的第1幀，畫出單擺圖形(含直線、球);轉(zhuǎn)換為圖形元件 ;并調(diào)整單擺圖形到相應(yīng)的位置方向。

(4)由第一個(gè)單擺圖形 “復(fù)制”出多個(gè)單擺圖形 ，并調(diào)整各單擺圖形到不同的位置方向。

(5)選中圖層2時(shí)間軸上第2幀，連續(xù)按9次“F6”鍵，在第2～第10幀處插入關(guān)鍵幀，于是第1幀的單擺圖案被復(fù)制到第2～第10幀。

(6)然后依次選定1幀，刪除該幀中多余的單擺圖形，每幀只保留1個(gè)相應(yīng)方向的單擺圖形。

二、補(bǔ)間動(dòng)畫

補(bǔ)間動(dòng)畫即過渡變形動(dòng)畫，包括動(dòng)作補(bǔ)間和形狀補(bǔ)間。補(bǔ)間動(dòng)畫只需制作動(dòng)畫的首末兩個(gè)關(guān)鍵幀，這樣可減少制作工作量和文件大小;中間幀由系統(tǒng)自動(dòng)生成，能使過渡效果平滑。

1)動(dòng)作補(bǔ)間動(dòng)畫的制作原理與實(shí)例

在Flash的時(shí)間軸面板上，在一個(gè)時(shí)間點(diǎn)(關(guān)鍵幀)放置一個(gè)元件，然后在另一個(gè)時(shí)間點(diǎn)(關(guān)鍵幀)改變這個(gè)元件的大小、顏色、位置、透明度等等。

【實(shí)例5-4】 “上下彈跳的小球”動(dòng)作補(bǔ)間動(dòng)畫。

(1)雙擊“層 1”的標(biāo)題并鍵入“跳動(dòng)的球”并按回車鍵重命名圖層。

(2)在該圖層的第l幀畫一個(gè)正圓。

(3)將舞臺(tái)中的正圓轉(zhuǎn)換為圖形元件。

(4)選擇第 30 幀 按 F6 鍵插入一個(gè)關(guān)鍵幀。

(5)選擇第 15 幀并按 F6 鍵以添加另一個(gè)關(guān)鍵幀。

(6)在播放頭仍處于第 15 幀上時(shí)，按住 Shift 鍵沿直線移動(dòng)小球，使它移動(dòng)到原位置正上方一定距離的位置。

【實(shí)例5-4】 “上下彈跳的小球”動(dòng)作補(bǔ)間動(dòng)畫。

(7)在“跳動(dòng)的球”圖層中，選擇第 2 幀與第14幀之間的任何幀。在屬性面板中，從“補(bǔ)間”下拉菜單中選擇“動(dòng)作”，

(8)選擇第16幀和第29幀之間的任何幀。同樣，使用屬性面板中的“補(bǔ)間”下拉菜單，選擇“動(dòng)作”菜單項(xiàng)。

(9)選擇“文件”→“保存”菜單命令，保存源文件;并按“Ctrl+Enter”鍵測(cè)試影片。

2)形狀補(bǔ)間動(dòng)畫的制作原理與實(shí)例

在Flash的時(shí)間軸面板上，在一個(gè)時(shí)間點(diǎn)(關(guān)鍵幀)繪制一個(gè)形狀，然后在另一個(gè)時(shí)間點(diǎn)(關(guān)鍵幀)更改該形狀或繪制另一個(gè)形狀，F(xiàn)lash 根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動(dòng)畫被稱為“形狀補(bǔ)間動(dòng)畫”。

【實(shí)例5-5】“五球連環(huán)”形狀補(bǔ)間動(dòng)畫的制作。

(1)新建一個(gè)Flash文檔，將該圖層名稱改成“變形的球”。

(2)在“變形的球”圖層的第1幀，用橢圓工具結(jié)合Shift鍵，畫5個(gè)大小差不多的圓。并調(diào)整相互位置到合適程度。

(3)在第30幀處插入關(guān)鍵幀;并刪除此幀里原來的5個(gè)園;最后在第30幀畫一個(gè)大園，大園的位置大約在原來5個(gè)園的中央。

(4)這是最后關(guān)鍵的一步，選定第1到第30幀間的任意一幀;再展開下面的屬性面板，選擇“補(bǔ)間”下拉菜單中的“形狀”。

(5)按“Ctrl+Enter”組合鍵測(cè)試影片。

三、引導(dǎo)路徑動(dòng)畫

將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫形式被稱為“引導(dǎo)路徑動(dòng)畫”。這種動(dòng)畫可以使一個(gè)或多個(gè)元件完成曲線或不規(guī)則運(yùn)動(dòng)。

1)創(chuàng)建引導(dǎo)路徑動(dòng)畫的一般方法

(1)創(chuàng)建引導(dǎo)層和被引導(dǎo)層

(2)引導(dǎo)層和被引導(dǎo)層中的對(duì)象

“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。

而“被引導(dǎo)層”中的對(duì)象可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應(yīng)用形狀。

(3)向被引導(dǎo)層中添加元件

“引導(dǎo)動(dòng)畫”最基本的操作就是使一個(gè)動(dòng)作補(bǔ)間動(dòng)畫“附著”在“引導(dǎo)線”上。所以操作時(shí)特別得注意“引導(dǎo)線”的兩端，被引導(dǎo)的對(duì)象起點(diǎn)、終點(diǎn)的2個(gè)“中心點(diǎn)”一定要對(duì)準(zhǔn)“引導(dǎo)線”的2個(gè)端頭。

2)應(yīng)用引導(dǎo)路徑動(dòng)畫的技巧

(1)“被引導(dǎo)層”中的對(duì)象在被引導(dǎo)運(yùn)動(dòng)時(shí)，還可作更細(xì)致的設(shè)置，比如運(yùn)動(dòng)方向。

(2)引導(dǎo)層中的內(nèi)容在播放時(shí)是看不見的，利用這一特點(diǎn)，可以單獨(dú)定義一個(gè)不含“被引導(dǎo)層”的“引導(dǎo)層”，該引導(dǎo)層中可以放置一些文字說明、元件位置參考等。

(3)在做引導(dǎo)路徑動(dòng)畫時(shí)，按下工具欄上的“對(duì)齊對(duì)象”功能按鈕，可以使“對(duì)象附著于引導(dǎo)線”的操作更容易成功。

(4)過于陡峭的引導(dǎo)線可能使引導(dǎo)動(dòng)畫失敗，而平滑圓潤的曲線段有利于引導(dǎo)動(dòng)畫成功制作。

(5)被引導(dǎo)對(duì)象的中心對(duì)齊場(chǎng)景中的十字星，也有助于引導(dǎo)動(dòng)畫的成功。

(6)向被引導(dǎo)層中放入元件時(shí)，在動(dòng)畫開始和結(jié)束的關(guān)鍵幀上，一定要讓元件的注冊(cè)點(diǎn)對(duì)準(zhǔn)線段的開始和結(jié)束的端點(diǎn)，否則無法引導(dǎo)。

(7)如果想解除引導(dǎo)，可以把被引導(dǎo)層拖離“引導(dǎo)層”;或?qū)⒁龑?dǎo)層的 “圖層屬性”設(shè)置為“正?！?，使它改變圖層類型。

(8)如果想讓對(duì)象作圓周運(yùn)動(dòng)，可以在“引導(dǎo)層”畫個(gè)圓形線條，再用橡皮擦去一小段，使圓形線段出現(xiàn)2個(gè)端點(diǎn)，再把對(duì)象的起始、終點(diǎn)分別對(duì)準(zhǔn)端點(diǎn)即可。

(9)引導(dǎo)線允許重疊，比如螺旋狀引導(dǎo)線，但在重疊處的線段必需保持圓潤，讓Flash能辨認(rèn)出線段走向，否則會(huì)使引導(dǎo)失敗。

3)引導(dǎo)路徑動(dòng)畫的制作實(shí)例

【實(shí)例5-6】“紙飛機(jī)沿引導(dǎo)線軌道飛行”的引導(dǎo)路徑動(dòng)畫制作。

(1)新建影片

屬性對(duì)話框中，設(shè)定尺寸400×300，背景顏色為藍(lán)色。

(2)制作紙飛機(jī)圖形元件

① 先利用矩形工具在舞臺(tái)上畫一個(gè)矩形;然后用部分選取工具向外拖拉矩形的一角，再將矩形另一對(duì)角向內(nèi)拖動(dòng);用直線工具連接剛拖過的兩個(gè)角;利用顏料桶工具填充直線兩邊三角區(qū)域的顏色，以便改變飛機(jī)兩三角翅的顏色。此時(shí)，飛機(jī)圖形畫好了。

② 將飛機(jī)圖形轉(zhuǎn)換為圖形元件，注冊(cè)點(diǎn)選為中心點(diǎn)。

(3)制作動(dòng)畫

① 雙擊圖層1名稱，將名稱改為“被引導(dǎo)層”;單擊被引導(dǎo)層的第1幀，將飛機(jī)拖放在場(chǎng)景中的左上角。用變形工具調(diào)整飛機(jī)大小方向，一直調(diào)到滿意為止。

② 選擇被引導(dǎo)層第40楨，按F6鍵插入關(guān)鍵幀。

【實(shí)例5-6】“紙飛機(jī)沿引導(dǎo)線軌道飛行”的引導(dǎo)路徑動(dòng)畫制作。

(3)制作動(dòng)畫

③ 單擊被引導(dǎo)層第1～第40幀之間的任何幀，找到下面的屬性面板，選擇“補(bǔ)間”下拉菜單的“動(dòng)作”，建立1～40幀之間的小飛機(jī)動(dòng)作補(bǔ)間動(dòng)畫;并將“調(diào)整到路經(jīng)”復(fù)選框選中。

④ 在第一圖層上就增加一個(gè)引導(dǎo)圖層，并將名稱改為“引導(dǎo)層”。單擊引導(dǎo)層第1幀，選擇鉛筆工具(附屬選項(xiàng)為“平滑”);然后用鉛筆工具在場(chǎng)景中畫一個(gè)平滑曲線(就是飛機(jī)的運(yùn)動(dòng)軌跡)。

⑤ 選擇被引導(dǎo)層的第1幀。拖動(dòng)第1幀上的飛機(jī)到曲線左端點(diǎn)上，注意一定要把飛機(jī)上的注冊(cè)點(diǎn)調(diào)到與曲線左端點(diǎn)重合。

⑥ 選擇被引導(dǎo)層的第40幀。用同樣的方法將飛機(jī)拖動(dòng)到曲線的右端點(diǎn)上，飛機(jī)注冊(cè)點(diǎn)與曲線的右端點(diǎn)重合。

⑦ 按Ctrl+Enter快捷鍵，測(cè)試影片效果。

(4)輸出和保存影片文件

黃鶴樓動(dòng)漫星空動(dòng)畫制作：027-82730702；82720703 移動(dòng)/微信：139-9566-0877 企鵝QQ：76211136