第3章-時間軸、幀與圖層

時間軸、幀與圖層第3章1案例3-1制作“瓢蟲爬行”動畫2案例3-2制作“遮罩文字”動畫2教學目標本章將全面介紹FlashCS6中的時間軸、圖層以及關鍵幀的基本概念和應用方法，使學習者能夠掌握Flash中時間軸、圖層和幀的基本概念和應用方法，為后面的動畫制作奠定堅實的基礎。3教學目標4案例3-1制作“瓢蟲爬行”動畫3.1.1案例效果5案例3-1制作“瓢蟲爬行”動畫3.1.3制作步驟6案例3-1制作“瓢蟲爬行”動畫3.1.3制作步驟7案例3-1制作“瓢蟲爬行”動畫3.1.3制作步驟8案例3-1制作“瓢蟲爬行”動畫3.1.3制作步驟9案例3-1制作“瓢蟲爬行”動畫3.1.3制作步驟10案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識從本質上講,Flash動畫是以圖層為單位來進行組織，以時間軸中的幀為主線來實現(xiàn)的。時間軸又稱時間線，用來貫穿和組織每個影片內容，使之成為一個完整流暢的動畫。一部復雜的Flash影片可以包含各種功能不同的圖層，而時間軸就是要將這些層和層中的幀進行有機組合，從而控制影片的正常播放。在“時間軸”面板上，影片中的“圖層”在時間軸左側的列中，每個層中包含的幀則顯示在該層名稱右側的一行中。在時間軸上可以查看每一幀的情況，調整動畫播放的速度，安排幀的內容，改變幀與幀之間的關系以及添加各種特效，從而可以實現(xiàn)不同的動畫效果。因此，對時間軸的了解以及對圖層與幀的操作顯得尤為重要。11案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識12案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識（1）幀頻率幀頻率是動畫播放的速度，以每秒播放的幀數(shù)(fps)為度量單位。幀頻率太慢會使動畫看起來一頓一頓的，幀頻率太快會使動畫的細節(jié)變得模糊。24fps的幀速率是Flash文檔的默認設置，通常在Web上提供最佳效果。標準的動畫速率也是24fps。13案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識(2)幀的類型關鍵幀:關鍵幀是指時間軸中其元件實例首次出現(xiàn)在舞臺上的幀，用來定義動畫變化，也包括含有動作腳本的幀。在時間軸中關鍵幀以黑色的實心圓點顯示，用來實現(xiàn)無法用漸變動畫實現(xiàn)的效果。空白關鍵幀:空白關鍵幀是特殊的關鍵幀，以空心圓表示，它的作用是將前面的關鍵幀內容清除掉，從而使畫面的內容變?yōu)榭瞻?，即使動畫中的對象消失掉。屬性關鍵幀:屬性關鍵幀是在補間范圍中為補間目標對象顯示定義一個或多個屬性值的幀。補間幀:補間幀是作為補間動畫的一部分的任何幀。Flash能補間，即自動填充屬性關鍵幀之間的屬性值，以便生成流暢的動畫。靜態(tài)幀:靜態(tài)幀也稱為普通幀，顯示同一層上最后一個關鍵幀的內容。在時間軸上關鍵幀14案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識(3)圖層屬性15案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識（1）在時間軸中插入幀在動畫制作的時候，通常會制作跨越許多幀的靜態(tài)圖像或延長動畫，這就需要在這個層中插入更多的幀，使其在所有時間都被顯示。（2）在時間軸中選擇幀F(xiàn)lash提供了兩種在時間軸中選擇幀的方法。在基于幀的選擇(默認情況)中，可以在時間軸中選擇單個幀。在基于整體范圍的選擇中，在單擊一個關鍵幀到下一個關鍵幀之間的任何幀時，整個幀序列都將被選中。在Flash首選參數(shù)中可以指定“基于整體范圍”的選擇。16案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識

(3)復制幀或幀序列選擇幀或序列并選擇“編輯”→“時間軸”→“復制幀”。選擇要替換的幀或序列，然后選擇“編輯”→“時間軸”→“粘貼幀”?；虬醋lt鍵再單擊，并將關鍵幀拖到要粘貼的位置。(4)刪除幀或幀序列選擇幀或序列并選擇“編輯”→“時間軸”→“刪除幀”或者右擊幀或序列，從菜單中選擇“刪除幀”。17案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識(5)移動關鍵幀或幀序列及其內容將關鍵幀或序列拖到目標位置。18案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識(6)更改靜態(tài)幀序列的長度在按住Ctrl鍵的同時向左或向右拖動范圍內的開始或結束幀，可以更改靜態(tài)幀序列的長度。(7)將關鍵幀轉換為幀選擇關鍵幀并選擇“編輯”→“時間軸”→“清除關鍵幀”或者右擊關鍵幀并從菜單中選擇“清除關鍵幀”。(8)幀居中19案例3-1制作“瓢蟲爬行”動畫3.1.4相關知識使用鉛筆工具可以繪制線條和形狀，繪畫的方式與使用真實鉛筆大致相同。若要在繪畫平滑或伸直線條和形狀，可為“鉛筆工具”選擇一種繪制模式。20案例3-2制作“遮罩文字”動畫3.2.1案例效果21案例3-2制作“遮罩文字”動畫3.2.3制作步驟22案例3-2制作“遮罩文字”動畫3.2.3制作步驟23案例3-2制作“遮罩文字”動畫3.2.3制作步驟24案例3-2制作“遮罩文字”動畫3.2.3制作步驟25案例3-2制作“遮罩文字”動畫3.2.4相關知識26案例3-2制作“遮罩文字”動畫3.2.4相關知識27本章