「動畫制作」Flash基本動畫的制作方法與實例

「動畫制作」Flash基本動畫的制作方法與實例：

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

一、逐幀動畫

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

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

【實例5-1】“走路的女孩”逐幀動畫。

① 新建影片文檔

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

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

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

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

⑥ 測試存盤

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

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

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

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

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

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

3)繪制矢量逐幀動畫

【實例5-3】“球形單擺的周期性擺動”矢量逐幀動畫。

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

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

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

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

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

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

二、補間動畫

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

1)動作補間動畫的制作原理與實例

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

【實例5-4】 “上下彈跳的小球”動作補間動畫。

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

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

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

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

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

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

【實例5-4】 “上下彈跳的小球”動作補間動畫。

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

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

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

2)形狀補間動畫的制作原理與實例

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

【實例5-5】“五球連環(huán)”形狀補間動畫的制作。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(1)新建影片

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

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

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

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

(3)制作動畫

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

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

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

(3)制作動畫

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

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

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

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

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

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

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