1、FLASH：制作簡單動畫：制作簡單動畫Flash制作計算機動畫原理計算機動畫原理 在計算機動畫制作中，構成動畫的一系列畫面稱為幀。一般情況下，連續的動畫播放速度不得低于24幀秒。早期的動畫影片是畫師用手工繪制，再由攝影師拍攝而產生的。計算機動畫的產生同手工制作動畫的原理相同，每一個動畫均是由多幅連續有序的靜止畫面構成。 Flash動畫是以時間軸為基礎的幀動畫，每個Flash動畫作品都以時間為順序，由先后排列的一系列幀組成，幀是構成動畫作品的基本單位。網上動畫播放速度通常為12幀/秒。動畫原理 將Flash動畫進行分類，一般是按動畫創作的方法來區分的。制作Flash動畫既可以一幀一幀的繪制，也可

2、以只設定兩個關鍵幀，由計算機運算逐漸改變的中間畫面來完成。因此，Flash動畫一般可分成兩大類：逐幀動畫與漸變動畫。漸變動畫又可以根據兩關鍵幀之間的變化對象分成形狀漸變動畫（變化對象是圖形）和移動漸變動畫（變化對象是元件），如圖所示。Flash動畫的分類時間線時間線把沿時間播放的這個方向稱為“時間線”。包括層(Layer)、幀(Frame)和播放頭(Playhead)功能：按照時間順序組織和控制動畫的內容重要概念層層列列表表播放頭播放頭幀幀幀幀 在時間軸上，一個一個的格子就是幀。幀是構成一個連續動畫最基本的元素，一個動畫是由若干個幀按照時間序列排列而成的。這些幀按照從左到右播放，就形成了動畫。

3、一幀代表Flash影片中的一個畫面。單擊一個格或把播放頭拖到某格可以進入該幀，工作區中將顯示該幀畫面。工作區總是顯示當前層當前幀畫面。 幀在Flash動畫中的作用和電影膠片在電影中所起的作用類似，可以表現畫面的內容。而且在幀中還能夠添加幀標簽或Actions語句，對Flash動畫中的元件進行運算和控制。關鍵幀關鍵幀 關鍵幀關鍵幀 是“實”的，不管有內容的還是空白關鍵幀 ，都確實存在，且可編輯。 普通幀普通幀 ：無法放置任何對象，起延長或配合動畫漸變作用。 形狀補間動畫形狀補間動畫 補間失敗補間失敗 動作補間動畫動作補間動畫 補間失敗補間失敗 幀的顯示狀態幀的顯示狀態 在Flash中，時間軸上幀

4、的顯示狀態可以根據實際需要進行不同的設置。單擊時間軸標尺右側的 按鈕，將彈出如圖所示幀的視圖菜單，選擇不同的選項可設置幀的顯示狀態。繪圖紙繪圖紙繪圖紙各個按鈕的介紹繪圖紙各個按鈕的介紹 繪圖紙外觀按鈕 按下此按鈕后，在時間幀的上方，出現 繪圖紙外觀標記。拉動外觀標記的兩端，可以擴大或縮小顯示范圍。 繪圖紙外觀輪廓按鈕 按下此按鈕后，場景中顯示各幀內容的輪廓線，填充色消失，特別適合觀察對象輪廓，另外可以節省系統資源，加快顯示過程。 繪圖紙顯示多幀按鈕，按下后可以顯示全部幀內容，并且可以進行“多幀同時編輯”。 修改繪圖紙標記按鈕 按下后，彈出菜單，菜單中有以下選項： “總是顯示標記”選項會在時間軸

5、標題中顯示繪圖紙外觀標記，無論繪圖紙外觀是否打開。“錨定繪圖紙外觀標記”選項會將繪圖紙外觀標記鎖定在它們在時間軸標題中的當前位置。通常情況下，繪圖紙外觀范圍是和當前幀的指針以及繪圖紙外觀標記相關的。通過錨定繪圖紙外觀標記，可以防止它們隨當前幀的指針移動。“繪圖紙 2”選項會在當前幀的兩邊顯示兩個幀。“繪圖紙 5”選項會在當前幀的兩邊顯示五個幀。“繪制全部”選項會在當前幀的兩邊顯示全部幀。逐幀動畫逐幀動畫 逐幀動畫的每一幅畫面均是由關鍵幀構成，通過每幀的內容變化產生動畫效果。如圖所示是一個逐幀動畫的時間軸示意，通過此圖可以看到連續的畫面都是關鍵幀。我們所做的逐幀動畫可以去使用繪圖工具在每一幀中繪

6、制，也可以從外部逐幀導入圖片。這里就不演示逐幀繪制畫面的逐幀動畫，下面介紹從外部導入圖片的兩種逐幀動畫制作方法。逐幀動畫方法一逐幀動畫方法一這種方法是先建立連續空白關鍵幀，再逐幀從外部導入圖片。操作步驟如下：先選中第1幀，接著按住Shift鍵選定逐幀動畫的最后1幀點擊鼠標右鍵，在彈出的快捷菜單中選擇“轉換為關鍵幀”命令，將所有選中的幀都轉換成空白關鍵幀。逐次選中每一空白關鍵幀，執行菜單命令“文件”“導入”，從預定的目標位置導入圖片。逐幀動畫方法二逐幀動畫方法二這種方法是先將準備導入的圖片放入同一文件夾中，然后依次將這些圖片文件取同一文件名且加上圖片出現的序號，最后導入到逐幀動畫的起始幀。操作步

7、驟如下：將準備導入的圖片放入同一文件夾中，然后依次將這些圖片文件取同一文件名且加上圖片出現的序號。例如：“image1”、 “image2”、 “image3”、 “image4”，如圖所示圖片文件的序號 在Flash MX的時間軸中，選定準備插入逐幀動畫的起始幀，執行菜單命令“文件”“導入”，從預定的文件夾中導入圖片，此時系統會彈出一個對話框如圖所示。 在上圖的對話框中選定“是”，系統將按序號導入所有的圖片形成逐幀動畫，完成這部分的逐幀動畫制作。在后面綜合實例中，還會運用到逐幀動畫的制作方法。形狀補間動畫的概念形狀補間動畫的概念 形變動畫是對象形狀隨時間發生變化的動畫，在時間軸的某幀繪制一個

8、對象，在時間軸的另一幀修改該對象的形狀或繪制其他對象，由Flash計算并插入兩幀之間的補間，創建出變形的動畫效果。形變動畫關鍵幀之間由黑色箭頭相連，單元格為淺綠色背景。形狀漸變（形狀補間）動畫形狀漸變（形狀補間）動畫構成形狀補間動畫的元素構成形狀補間動畫的元素 形狀補間動畫可以實現兩個圖形之間顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐幀動畫和動作補間動畫二者之間，使用的元素多為用鼠標或壓感筆繪制出的形狀。 形變動畫的起止對象一定都是圖形。用Flash提供的工具畫出的對象都是圖形。如果對象是圖形元件生成的實例，要把它轉換為圖形模式，方法：選中對象“修改”菜單“分離”。 創建形狀補間動

9、畫的方法創建形狀補間動畫的方法 在時間軸面板上動畫開始播放的地方創建或選擇一個關鍵幀并設置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結束處創建或選擇一個關鍵幀并設置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補間】旁邊的小三角，在彈出的菜單中選擇【形狀】，此時，時間軸上的變化如圖所示，一個形狀補間動畫就創建完畢。 認識形狀補間動畫的屬性面板認識形狀補間動畫的屬性面板 Flash的【屬性】面板隨鼠標選定的對象不同而發生相應的變化。當我們建立了一個形狀補間動畫后，點擊時間幀，【屬性】面板如圖所示。 使用形狀提示使用形狀提示 形狀補間動畫看似簡單，實則不然，Flash在“計算”2個關鍵

10、幀中圖形的差異時，遠不如我們想象中的“聰明”，尤其前后圖形差異較大時，變形結果會顯得亂七八糟，這時，“形狀提示”功能會大大改善這一情況。形狀提示的作用形狀提示的作用 在“起始形狀”和“結束形狀”中添加相對應的“參考點”，使Flash在計算變形過渡時依一定的規則進行，從而較有效地控制變形過程。 添加形狀提示的方法添加形狀提示的方法 先在形狀補間動畫的開始幀上單擊一下，再執行【修改】|【形狀】|【添加形狀提示】命令，該幀的形狀就會增加一個帶字母的紅色圓圈，相應地，在結束幀形狀中也會出現一個“提示圓圈”，用鼠標左鍵單擊并分別按住這2個“提示圓圈”，在適當位置安放，安放成功后開始幀上的“提示圓圈”變為

11、黃色，結束幀上的“提示圓圈”變為綠色，安放不成功或不在一條曲線上時，“提示圓圈”顏色不變，如圖所示。 添加形狀提示后各幀的變化添加形狀提示后各幀的變化 添加形狀提示的技巧添加形狀提示的技巧 “形狀提示”可以連續添加，最多能添加26個。 按逆時針順序從形狀的左上角開始放置形狀提示，它們的工作效果最好。 確保“形狀提示”是符合邏輯的。例如，前后關鍵幀中有2個三角形，我們使用3個“形狀提示”，那么2個三角形中的“形狀提示”順序必須是一致的，而不能第一個形狀是 abc，而在第二個形狀是 acb， 形狀提示要在形狀的邊緣才能起作用，在調整形狀提示位置前，要打開工具欄上【選項】下面的【吸咐開關】 ，這樣，

12、會自動把“形狀提示”吸咐到邊緣上，如果你發覺“形狀提示”仍然無效，則可以用工具欄上的放大工具 點擊形狀，放大到2000倍，以確保“形狀提示”位于圖形邊緣上。 另外，要刪除所有的形狀提示，選擇【修改】|【形狀】|【刪除所有提示】。刪除單個形狀提示，單擊右鍵，在彈出菜單中選擇【刪除提示】。動作補間動畫的概念動作補間動畫的概念 在Flash的時間幀面板上，在一個時間點（關鍵幀）放置一個元件，然后在另一個時間點（關鍵幀）改變這個元件的大小、顏色、位置、透明度等等，Flash 根據二者之間的幀的值創建的動畫被稱為動作變形動畫。移動漸變（動作補間）動畫移動漸變（動作補間）動畫構成動作補間動畫的元素構成動作

13、補間動畫的元素 構成動作補間動畫的元素是元件，包括影片剪輯、圖形元件、按鈕等等，除了元件,其他元素包括文本都不能創建補間動畫的,其他的位圖、文本等等都必須要轉換成元件才行，只有把形狀“組合”或者轉換成“元件”后才可以做“動作補間動畫”。 動作補間動畫在時間幀面板上的表現動作補間動畫在時間幀面板上的表現 動作補間動畫建立后，時間幀面板的背景色變為淡紫色，在起始幀和結束幀之間有一個長長的箭頭，如圖所示。 動作補間動畫在時間幀上的表現 形狀補間動畫和動作補間動畫的區別形狀補間動畫和動作補間動畫的區別 形狀補間動畫和動作補間動畫都屬于補間動畫。前后都各有一個起始幀和結束幀，二者之間的區別如下表所示。

14、區別之處區別之處 動作補間動畫 形狀補間動畫 在時間軸上的表現在時間軸上的表現 淡紫色背景加長箭頭 淡綠色背景加長箭頭 組成元素組成元素 影片剪輯、圖形元件、按鈕 形狀 如果使用圖形元件、 按鈕、文字，則必先打散再 變形。 完成的作用完成的作用 實現一個元件的大小、位置、 實現二個形狀之間的變化， 顏色、透明等的變化。 或一個形狀的大小、位置、 顏色等的變化。認識動作補間動畫的屬性面板在時間線“動作補間動畫”的起始幀上單擊，幀屬性面板會變成如圖所示。 動作補間動畫屬性面板 （1）“簡單簡單”選項選項 在“0”邊有個滑動拉桿按鈕 ，單擊后上下拉動滑桿或填入具體的數值，補間動作動畫效果會以下面的設置作出相應的變化： 在1到 -100 的負值之間，動畫運動的速度從慢到快，朝運動結束的方向加速補間。 在1 到 100 的正值之間，動畫運動的速度從快到慢，朝運動結束的方向減慢補間。 默認情況下，補間幀之間的變化速率是不變的。 （2）“旋轉旋轉”選項選項 有四個選擇，選擇“無”（默認設置）禁止元件旋轉；選