1、實驗3 Flash動畫制作基礎 一實驗目的1.掌握Flash動畫制作中常見動畫的制作方法和技巧。2.掌握動畫制作的原理二實驗內容及基本要求（一）形狀補間動畫的制作。1.      制作一個時長為3秒的形狀補間動畫；2.      實現字母由A到B、再到C的形變動畫；3.      以“形狀補間動畫.swf”為名輸出影片。（二）動作補間動畫的制作。1.      制作一個時長為3秒的飛機運

2、動動畫。2.      實現飛機由畫面左邊飛進畫面，由快變慢飛至畫面中間位置。3.      以“動作補間動畫.swf”為名輸出影片。（三）遮照動畫的制作。1.      制作一個“舞臺燈”效果的動畫，燈光左右移動，以“遮照動畫.swf”為名輸出影片。（四）引導路徑動畫的制作。1.      實現小球做圓周運動的動畫效果； 2.      以“引導

3、路徑動畫.swf”為名輸出影片。三實驗原理（一）形狀補間動畫形狀補間動畫是Flash中非常重要的表現手法之一，運用它，你可以變幻出各種奇妙的、不可思議的變形效果。本節從形狀補間動畫基本概念入手，帶你認識形狀補間動畫在時間幀上的表現，了解補間動畫的創建方法，學會應用“形狀提示”讓圖形的形變自然流暢，最后，提供了二個實例，幫助你更深地理解形狀補間動畫。1形狀補間動畫的概念（1）形狀補間動畫的概念 在一個關鍵幀中繪制一個形狀，然后在另一個關鍵幀中更改該形狀或繪制另一個形狀，Flash 根據二者之間的幀的值或形狀來創建的動畫被稱為“形狀補間動畫”。（2）構成形狀補間動畫的元素形狀補間動畫可以實現兩個圖

4、形之間顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐幀動畫和動作補間動畫二者之間，使用的元素多為用鼠標或壓感筆繪制出的形狀，如果使用圖形元件、按鈕、文字，則必先“打散”才能創建變形動畫。（3）形狀補間動畫在時間幀面板上的表現形狀補間動畫建好后，時間幀面板的背景色變為淡綠色，在起始幀和結束幀之間有一個長長的箭頭，如下圖所示。（4）創建形狀補間動畫的方法在時間軸面板上動畫開始播放的地方創建或選擇一個關鍵幀并設置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結束處創建或選擇一個關鍵幀并設置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補間】旁邊的小三角，在彈出的菜單中選擇【形狀】，一

5、個形狀補間動畫就創建完畢。2認識形狀補間動畫的屬性面板Flash的【屬性】面板隨鼠標選定的對象不同而發生相應的變化。當我們建立了一個形狀補間動畫后，單擊幀，【屬性】面板如下圖所示。 形狀補間動畫的【屬性】面板上只有二個參數：（1）“簡易”選項單擊其右邊的 按鈕，會彈出滑動桿，拖動上面的滑塊可以調節參數值，當然也可以在文本框中直接輸入具體的數值，設置后，形狀補間動畫會隨之發生相應的變化。?   在1到 -100 的負值之間，動畫運動的速度從慢到快，朝運動結束的方向加速度補間。?    在1 到 100 的正值之間，動畫運動的速

6、度從快到慢，朝運動結束的方向減慢補間。?    默認情況下，補間幀之間的變化速率是不變的。（2）“混合”選項“混合”選項中有二項供選擇：?【角形】選項：創建的動畫中間形狀會保留有明顯的角和直線，適合于具有銳化轉角和直線的混合形狀。?【分布式】選項：創建的動畫中間形狀比較平滑和不規則。（二）動作補間1動作補間動畫的概念（1）動作補間動畫的概念在一個關鍵幀上放置一個元件，然后在另一個關鍵幀改變這個元件的大小、顏色、位置、透明度等，Flash 根據二者之間的幀的值創建的動畫被稱為動作補間動畫。（2）構成動作補間動畫的元素構成動作補間動畫的元素是元件，包括影片剪

7、輯、圖形元件、按鈕、文字、位圖、組合等等，但不能是形狀，只有把形狀“組合”或者轉換成“元件”后才可以做“動作補間動畫”。（3）動作補間動畫在時間幀面板上的表現動作補間動畫建立后，時間幀面板的背景色變為淡紫色，在起始幀和結束幀之間有一個長長的箭頭，如下圖所示。     （4）創建動作補間動畫的方法在時間軸面板上動畫開始播放的地方創建或選擇一個關鍵幀并設置一個元件，一幀中只能放一個項目，在動畫要結束的地方創建或選擇一個關鍵幀并設置該元件的屬性，再單擊開始幀，在【屬性】面板上單擊【補間】旁邊的“小三角”，在彈出的菜單中選擇【動作】，或單擊右鍵，在彈出

8、的菜單中選擇【創建補間動畫】，就建立了“動作補間動畫”。2認識動作補間動畫的屬性面板在時間線“動作補間動畫”的起始幀上單擊，幀屬性面板會變成如下圖所示。  （1）【簡易】選項用鼠標單擊【簡易】右邊的 按鈕，彈出拉動滑桿，拖動上面的滑塊，可設置參數值，當然也可以直接在文本框中輸入具體的數值，設置完后，補間動作動畫效果會以下面的設置作出相應的變化：?       在-1到-100的負值之間，動畫運動的速度從慢到快，朝運動結束的方向加速補間。?       在1

9、到100的正值之間，動畫運動的速度從快到慢，朝運動結束的方向減慢補間。?       默認情況下，補間幀之間的變化速率是不變的。（2）【旋轉】選項有四個選擇，選擇【無】（默認設置）可禁止元件旋轉；選擇【自動】可使元件在需要最小動作的方向上旋轉對象一次；選擇【順時針】(CW) 或【逆時針】(CCW) ，并在后面輸入數字，可使元件在運動時順時針或逆時針旋轉相應的圈數。（3）【調整到路徑】將補間元素的基線調整到運動路徑，此項功能主要用于引導線運動，我們在下一節中會介紹此功能。（4）【同步】復選框使圖形元件實例的動畫和主時間軸同步。（5）【對

10、齊】選項可以根據其注冊點將補間元素附加到運動路徑，此項功能主要也用于引導線運動。（三）遮罩動畫 在Flash的作品中，我們常常看到很多眩目神奇的效果，而其中不少就是用最簡單的“遮罩”完成的，如水波、萬花筒、百頁窗、放大鏡、望遠鏡等等。1遮罩動畫的概念（1）什么是遮罩遮罩動畫是Flash中的一個很重要的動畫類型，很多效果豐富的動畫都是通過遮罩動畫來完成的。在Flash的圖層中有一個遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創建一個任意形狀的“視窗”，遮罩層下方的對象可以通過該“視窗”顯示出來，而“視窗”之外的對象將不會顯示。（2）遮罩有什么用在Flash動畫中，“遮罩”主要有2種用途，

11、一個作用是用在整個場景或一個特定區域，使場景外的對象或特定區域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實現一些特殊的效果。2創建遮罩的方法（1）創建遮罩在Flash中沒有一個專門的按鈕來創建遮罩層，遮罩層其實是由普通圖層轉化的。在某個圖層上單擊右鍵，在彈出菜單中選擇【遮罩層】，使命令的左邊出現一個小勾，該圖層就會生成遮罩層，“層圖標”就會從普通層圖標 變為遮罩層圖標 ，系統會自動把遮罩層下面的一層關聯為“被遮罩層”，在縮進的同時圖標變為 ，如果關聯更多層被遮罩，只要把這些層拖到被遮罩層下面就行了，如下圖所示。 （2）構成遮罩和被遮罩層的元素遮罩層中的圖形對象在播放

12、時是看不到的，遮罩層中的內容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉化為“填充”。被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。（3）遮罩中可以使用的動畫形式可以在遮罩層、被遮罩層中分別或同時使用形狀補間動畫、動作補間動畫、引導線動畫等動畫手段，從而使遮罩動畫變成一個可以施展無限想象力的創作空間。（四）引導路徑動畫 1創建引導路徑動畫的方法（1）創建引導層和被引導層一個最基本“引導路徑動畫”由兩個圖層組成，上面一層是“引導層”，它的圖層圖標為 ，下面一層是“被引導層”，圖標為 ，同普通圖

13、層一樣。在普通圖層上單擊時間軸面板中的【添加運動引導層】按鈕 ，該層的上面就會添加一個引導層 ，同時該普通層縮進成為“被引導層”，如下圖所示。  （2）引導層和被引導層中的對象引導層是用來指示元件運行路徑的，所以“引導層”中的內容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而“被引導層”中的對象是跟著引導線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應用形狀。由于引導線是一種運動軌跡，不難想象，“被引導”層中最常用的動畫形式是動作補間動畫，當播放動畫時，一個或數個元件將沿著運動路徑移動。（3）向被引導層中添加元件“引導動畫”最基本的操作就

14、是使一個運動動畫“附著”在“引導線”上。所以操作時特別得注意“引導線”的兩端，被引導的對象起始、終點的2個“中心點”一定要對準“引導線”的2個端頭，如下圖所示。  2應用引導路徑動畫的技巧（1）“被引導層”中的對象在被引導運動時，還可作更細致的設置，比如運動方向，在【屬性】面板上，選中【路徑調整】復選框，對象的基線就會調整到運動路徑。而如果選中【對齊】復選框，元件的注冊點就會與運動路徑對齊，如下圖所示。  （2）引導層中的內容在播放時是看不見的，利用這一特點，可以單獨定義一個不含“被引導層”的“引導層”，該引導層中可以放置一些文字說明、元件位置參考等，此

15、時，引導層的圖標為 。（3）在做引導路徑動畫時，按下工具箱中的【對齊對象】按鈕 ，可以使“對象附著于引導線”的操作更容易成功，拖動對象時，對象的中心會自動吸附到路徑端點上。（4）過于陡峭的引導線可能使引導動畫失敗，而平滑圓潤的線段有利于引導動畫成功制作。（5）向被引導層中放入元件時，在動畫開始和結束的關鍵幀上，一定要讓元件的注冊點對準線段的開始和結束的端點，否則無法引導，如果元件為不規則形，可以點擊工具箱中的【任意變形工具】 ，調整注冊點。（6）如果想解除引導，可以把被引導層拖離“引導層”，或在圖層區的引導層上單擊右鍵，在彈出的菜單上選擇【屬性】，在對話框中選擇“正常”，作為正常圖層類型，如下

16、圖所示。 （7）如果想讓對象作圓周運動，可以在“引導層”畫一根圓形線條，再用【橡皮擦工具】擦去一小段，使圓形線段出現2個端點，再把對象的起始、終點分別對準端點即可。（8）引導線允許重疊，比如螺旋狀引導線，但在重疊處的線段必需保持圓潤，讓Flash能辨認出線段走向，否則會使引導失敗。四實驗步驟（一）形狀補間動畫的制作。1.      新建一個Flash文件，命名為形狀補間動畫.fla。更改動畫舞臺尺寸。2.      第1幀的畫面中央，利用文字工具輸入一個字母“A”，適當更改該文字的字體

17、、字號、顏色等屬性。3.      在第12幀處按F6鍵分別插入關鍵幀，將字母A修改為B，再在36幀處按F6鍵分別插入關鍵幀，將字母B修改為C。4.      按Ctrl+B鍵，將第1、12、36幀里的文字對象打散。5.      在將“形變動畫”層的第1與12幀間、第13與36幀間設置動畫補間屬性為“形狀” 6.      按Ctrl+Enter鍵測試影片，觀察動畫效果。7. 

18、;     修改無誤后，保存文件，輸出“形狀補間動畫.swf”。（二）動作補間動畫的制作。1.      新建一個Flash文件，命名為動作補間動畫.fla。更改動畫舞臺尺寸。2.      導入一幅飛機的圖片到舞臺上，將它轉化為圖形元件。3.      在第1幀，將飛機元件拖放到舞臺左邊界以外的地方，創建出一個飛機實例。4.      在第36幀處按F6鍵分別插入關鍵幀。調整該幀畫面中飛機實例的位置至舞臺的中心位置。5.      設置 “運動動畫”層的第1幀與第36幀間動畫補間屬性為“運動（或移動）”。6.      調整第36幀間的動作動畫補間的“簡易”屬性值為+100。“簡易”值的設置如下圖所示。 7.