第4章基礎動畫本章要點本章導讀本章任務上機實訓本章要點4.1時間軸和幀時間軸圖層幀4.2創建逐幀動畫逐幀動畫的概念和在時間幀上的表現形式創建逐幀動畫的幾種方法使用繪圖紙外觀

本章要點4.3補間動畫的分類4.4補間形狀制作補間形狀的特點

補間形狀的制作方法

4.5使用形狀提示形狀提示的作用使用形狀提示應遵循的準則

使用形狀提示的方法

查看所有形狀提示

刪除形狀提示

本章要點4.6補間動畫制作補間動畫的特點

補間形狀和補間動畫的區別

補間動畫的制作方法

4.7補間動畫的屬性補間動畫屬性面板

補間動畫屬性面板的應用本章導讀本章介紹Flash基本動畫的制作方法。主要包括時間軸、圖層、幀的概念和基本操作；創建逐幀動畫的方法和應用形狀提示創建逐幀動畫的技巧；補間動畫的分類；補間形狀和補間動畫的制作方法。本章任務1.了解時間軸的概念和時間軸面板的組成；2.掌握創建和編輯圖層的基本方法；3.掌握幀的分類和基本操作；4.了解創建逐幀動畫的幾種方法；5.能使用繪圖紙外觀功能創建逐幀動畫；6.掌握補間形狀的制作方法；7.能使用形狀提示功能創建補間形狀動畫；8.掌握補間動畫的制作方法；9.初步掌握補間動畫屬性面板的應用。4.1時間軸和幀時間軸用于組織和控制一定時間內的圖層和幀中的文檔內容。時間軸面板包括圖層和時間幀兩部分，如圖所示。1．時間軸時間軸面板2．圖層圖層可以幫助組織文檔中的插圖，可以在圖層上繪制和編輯對象，而不會影響其它圖層上的對象。在圖層上沒有內容的舞臺區域中，可以透過該圖層看到下面的圖層，有關圖層的部分工具和顯示狀態如圖所示。4.1時間軸和幀圖層的部分工具和顯示狀態（1）選擇幀

Flash提供兩種不同的方法在時間軸中選擇幀，基于幀的選擇（默認情況）和基于整體范圍的選擇。指定“基于整體范圍的選擇”，可執行菜單“編輯→首選參數”命令，打開“首選參數”對話框如圖所示，選擇“常規”類別，在“時間軸”部分選擇“基于整體范圍的選擇”，單擊“確定。3．幀

幀是Flash動畫中最基本的組成單位，幀分為普通幀、關鍵幀和過渡幀三種類型。4.1時間軸和幀“首選參數”對話框（1）選擇幀選擇多個連續的幀，按住Shift并單擊其它幀。選擇多個不連續的幀，按住Ctrl并單擊其它幀。選擇時間軸中的所有幀，選擇“編輯→時間軸→選擇所有幀”。選擇多個連續的幀選擇多個不連續的幀3．幀4.1時間軸和幀（2）插入幀插入新幀，執行菜單“插入→時間軸→幀”命令，或按F5鍵。創建新關鍵幀，執行菜單“插入→時間軸→關鍵幀”命令，或者右鍵單擊要在其中放置關鍵幀的幀，然后從上下文菜單中選擇“插入關鍵幀”。創建新的空白關鍵幀，執行菜單“插入→時間軸→空白關鍵幀”命令，或者右鍵單擊要在其中放置關鍵幀的幀，然后從上下文菜單中選擇“插入空白關鍵幀”。插入空白關鍵幀3．幀4.1時間軸和幀

（3）復制或粘貼幀

選擇幀或序列并選擇“編輯→時間軸→復制幀”。選擇要替換的幀或序列，然后選擇“編輯→時間軸→粘貼幀”。按住Alt鍵單擊并將關鍵幀拖到要粘貼的位置。（4）刪除幀選擇幀或序列并選擇“編輯→時間軸→刪除幀”，或者右鍵單擊幀或序列，從上下文菜單中選擇“刪除幀”,周圍的幀保持不變。下圖為刪除幀前后的對比效果。3．幀4.1時間軸和幀刪除幀前后的對比效果（5）移動關鍵幀及其內容將關鍵幀或序列拖到目標位置。（6）將關鍵幀轉換為幀選擇關鍵幀并選擇“編輯→時間軸→清除關鍵幀”，或者右鍵單擊關鍵幀并從上下文菜單中選擇“清除關鍵幀”。被清除的關鍵幀以及到下一個關鍵幀之前的所有幀的舞臺內容都將由被清除的關鍵幀之前的幀的舞臺內容所替換。3．幀4.1時間軸和幀4.2創建逐幀動畫

1．逐幀動畫的概念和在時間幀上的表現形式在時間幀上逐幀繪制幀內容稱為逐幀動畫。逐幀動畫在時間幀上表現為連續出現的關鍵幀，如圖所示。逐幀動畫是一種常見的動畫手法，其原理是在“連續的關鍵幀”中分解動畫動作，即每一幀中的內容不同，連續播放而成動畫。逐幀動畫在時間幀上的表現

2．創建逐幀動畫的幾種方法（1）用導入的靜態圖片建立逐幀動畫將jpg、png等格式的靜態圖片連續導入Flash中，建立一段逐幀動畫。

（2）導入GIF格式的逐幀動畫導入GIF格式的圖像與導入同一序列的JPG格式的圖像類似，只是將GIF格式的圖像導入到舞臺，會在舞臺上直接生成動畫；而將GIF格式的圖像導入到“庫”面板中，則會生成一個由GIF格式轉化成的剪輯動畫。如圖所示為分別執行“導入到舞臺”和“導入到庫”命令時，“庫”面板對應的效果。4.2創建逐幀動畫導入到舞臺導入到庫用鼠標或壓感筆在場景中一幀幀地畫出幀內容,再用導入靜態圖片的方法建立逐幀動畫。繪制矢量逐幀動畫具有非常大的靈活性，可以表現任何想表現的內容，而不受現有資源的限制，但需要一定的專業基礎。下兩幅圖為繪制矢量逐幀動畫截圖。（3）繪制矢量逐幀動畫4.2創建逐幀動畫繪制矢量逐幀動畫截圖3．使用繪圖紙外觀通常情況下，在某個時間舞臺上僅顯示動畫序列的一個幀。為便于定位和編輯逐幀動畫，可以使用繪圖紙外觀在舞臺上一次查看兩個或更多的幀。播放頭下面的幀用全彩色顯示，但是其余的幀是暗淡的，看起來就好像每個幀是畫在一張半透明的繪圖紙上，而且這些繪圖紙相互層疊在一起，無法編輯暗淡的幀。在時間軸面板中，繪圖紙外觀的主要選項如圖所示。4.2創建逐幀動畫繪圖紙外觀主要選項（1）在舞臺上同時查看動畫的多個幀打開素材文件“小鴨踱步.fla”，隱藏“背景”圖層，單擊“繪圖紙外觀”按鈕。在“起始繪圖紙外觀”和“結束繪圖紙外觀”標記之間的所有幀被重疊為“文檔”窗口中的一個幀，如圖所示。4.2創建逐幀動畫3．使用繪圖紙外觀打開“繪圖紙外觀”效果（2）控制繪圖紙外觀的顯示單擊“繪圖紙外觀輪廓”按鈕，將具有繪圖紙外觀的幀顯示為輪廓。將“繪圖紙外觀標記”的指針拖到一個新位置，如左圖所示。單擊“編輯多個幀”按鈕，編輯繪圖紙外觀標記之間的所有幀，如右圖所示。4.2創建逐幀動畫3．使用繪圖紙外觀更改“開始繪圖紙外觀”標記的位置編輯多個幀單擊“修改繪圖紙標記”按鈕，在彈出的下拉列表中選擇，可改變繪圖標記。總是顯示標記：不管繪圖紙外觀是否打開，都在時間軸標題中顯示繪圖紙外觀標記。錨定繪圖紙：將繪圖紙外觀標記鎖定在它們在時間軸標題中的當前位置。通常情況下，繪圖紙外觀范圍是和當前幀指針以及繪圖紙外觀標記相關的。通過錨定繪圖紙外觀標記，可以防止它們隨當前幀指針移動。繪圖紙2：在當前幀的兩邊各顯示兩個幀，如圖左所示。繪圖紙5：在當前幀的兩邊各顯示五個幀，如圖右所示。繪制全部：在當前幀的兩邊顯示所有幀。4.2創建逐幀動畫3．使用繪圖紙外觀（3）更改繪圖紙標記的5種形式選擇“繪圖紙2”

選擇“繪圖紙5”4.3補間動畫的分類補間動畫是創建隨時間移動或更改的動畫的一種有效方法，運用它可以變幻出各種奇妙的變形效果。由于在補間動畫中，僅保存幀之間更改的值，所以能最大程度地減小所生成的文件大小。Flash可以創建兩種類型的補間動畫。補間形狀：在一個特定時間繪制一個形狀，然后在另一個特定時間更改該形狀或繪制另一個形狀。Flash會內插二者之間的幀的值或形狀來創建動畫。補間動畫：在一個特定時間定義一個實例、組或文本塊的位置、大小和旋轉等屬性，然后在另一個特定時間更改這些屬性。也可以沿著路徑應用補間動畫。4.4補間形狀制作1．補間形狀的特點（1）組成元素：補間形狀只能針對分離的矢量圖形，若要使用實例、組或位圖圖像等，需先分離這些元素。若要對文本應用補間形狀，需將文本分離兩次，將文本轉換為對象。若要在一個文檔中快速準備用于補間形狀的元素，可將對象分散到各個圖層中。（2）在時間軸面板上的表現形式：創建補間形狀后，兩個關鍵幀之間的背景變為淡綠色，在起始幀和結束幀之間有一個長長的箭頭。如果開始幀與結束幀之間不是箭頭而是虛線，說明補間沒有成功，原因可能是動畫組成元素不符合補間形狀規范。補間形狀在時間軸上的表現如圖所示。形狀補間在時間軸上的表現2．補間形狀的制作方法

（1）準備工作若為多個對象創建補間，使用“分散到圖層”命令將每個對象分散到一個獨立的圖層中，沒有選中的對象將保留在它們的原始位置。若使用實例、組、文字或位圖圖像時，先分離這些元素。要使文本塊中的單個字符分別動起來，則要將每個字符放在獨立的文本塊中。（2）創建補間形狀①打開素材文檔“丑小鴨.fla”，如圖所示“丑小鴨”和“天鵝”均在“圖層1”的第1幀中。4.4補間形狀制作素材文檔②選擇“圖層1”和“背景”圖層的第30幀，單擊右鍵選擇“插入關鍵幀”。③選擇“圖層1”的第1幀將“天鵝”刪除，即設定補間形狀的起始幀中只有“丑小鴨”，如左圖所示。④選擇“圖層1”的第30幀將“丑小鴨”刪除，即設定補間形狀的結束幀中只有“天鵝”，如右圖所示。2．補間形狀的制作方法

4.4補間形狀制作補間形狀起始幀

補間形狀結束幀

⑤選擇“圖層1”中1－30幀范圍內的任意幀，執行下列操作之一：單擊右鍵選擇“創建補間形狀”，如左圖所示。在屬性面板的“補間”下拉列表中選擇“形狀”，如右圖所示。執行菜單“插入→時間軸→創建補間形狀”命令。2．補間形狀的制作方法

4.4補間形狀制作創建補間形狀

屬性面板⑥應用緩動效果在屬性面板中向上拖動“緩動”滑塊到100，如圖所示。2．補間形狀的制作方法

4.4補間形狀制作默認情況下，補間幀之間的變化速率是不變的。緩動可以通過逐漸調整變化速率創建更為自然的加速或減速效果。拖動“緩動值”旁邊的箭頭或輸入一個值，以調整補間幀之間的變化速率：向上拖動滑塊或輸入一個介于-1和-100之間的負值，則緩慢地開始補間動畫，并朝著動畫的結束方向加速補間向下拖動滑塊或輸入一個1到100之間的正值，則快速地開始補間動畫，并朝著動畫的結束方向減速補間。設置緩動效果

⑦按Ctrl+S保存文件，按Ctrl+Enter測試影片，變形的中間效果如圖所示。2．補間形狀的制作方法

4.4補間形狀制作變形的中間效果4.5使用形狀提示1．形狀提示的作用形狀提示功能用于控制復雜的形狀變化，它會標識起始形狀和結束形狀中相對應的點。例如，補間臉部圖畫時，可以使用形狀提示來標記眼睛、嘴巴。這樣在形狀發生變化時，臉部就不會亂成一團，而是在轉換過程中分別變化，如圖所示。起始形狀和結束形狀中的形狀提示2．使用形狀提示應遵循的準則在復雜的補間形狀中，需要創建中間形狀然后再進行補間，而不要只定義起始和結束的形狀。確保形狀提示是符合邏輯的。例如，在一個三角形中使用三個形狀提示，則在原始三角形和要補間的三角形中它們的順序應相同。按逆時針順序從形狀的左上角開始放置形狀提示，補間的效果最好。4.5使用形狀提示3．使用形狀提示的方法（1）打開素材文件“丑小鴨1.fla”,選擇補間形狀序列中的第一個關鍵幀。（2）選擇“修改→形狀→添加形狀提示”。起始形狀提示在“丑小鴨”的某處顯示為一個帶有字母a的紅色圓圈，如左圖所示。（3）將形狀提示移動到要標記的點。（4）選擇補間序列中的最后一個關鍵幀，在這兒，結束形狀提示顯示為一個帶有字母a的紅色圓圈（當在一條曲線上時為綠色），如右圖所示。4.5使用形狀提示起始形狀提示結束形狀提示3．使用形狀提示的方法（5）將形狀提示移動到結束形狀中與標記的第一點對應的點。（6）查看形狀提示如何更改補間形狀，再次播放動畫，移動形狀提示微調補間。（7）重復這個過程，添加其它的形狀提示，提示點分布如圖所示。

4.5使用形狀提示提示點分布

添加形狀提示后的播放效果如上圖所示，與添加形狀提示前相比，動畫變形的過程有了很大的改善，參見下圖。4.5使用形狀提示變形的中間效果4．查看所有形狀提示選擇“視圖→顯示形狀提示”，僅當包含形狀提示的圖層和關鍵幀處于活動狀態下時，“顯示形狀提示”才可用。5．刪除形狀提示要刪除某個形狀提示,可將其拖離舞臺。要刪除所有形狀提示，選擇“修改→形狀→刪除所有提示”。

4.5使用形狀提示4.6補間動畫制作補間動畫也是Flash中非常重要的表現手段之一，與“形狀補間動畫”不同的是，補間動畫的對象必須是“元件”或“成組對象”。運用補間動畫，可以設置元件的大小、位置、顏色、透明度、旋轉等屬性。

1．補間動畫的特點（1）組成元素：制作補間動畫時，兩個關鍵幀上的對象必須是元件實