Flash動畫設計與制作（第三版）64項目二

逐幀動畫制作65項目二

逐幀動畫制作66逐幀動畫是一種最基礎的動畫，不需要Flash的其他功能配合。它需要一幀一幀地去繪制，表現力比較強，常用于表現一些動作復雜、無規律和形態發生變化的對象，如模擬寫字、人物走路和奔跑等。任務1制作微風拂過動畫任務2制作模擬寫字動畫任務3制作自動折合的扇子動畫任務4制作孫悟空走路動畫67項目二

逐幀動畫制作68任務一

制作微風拂過動畫學習目標了解幀的基本概念，掌握幀的基本操作能將位圖轉換為矢量圖能制作簡單的逐幀動畫69任務描述70本任務是一個簡單的逐幀動畫制作實例，主要利用播放連續圖片來產生動畫，效果如圖2-1-1所示。要完成本任務，除了掌握幀的基本操作外，還要掌握將位圖轉換為矢量圖的方法以及調整幀頻的方法。圖2-1-1?微風拂過動畫效果圖相關知識711.?幀幀構成了Flash動畫的一系列畫面，是進行動畫制作的最基本單位，它在時間軸上顯示為空白的矩形。2.?空白幀空白幀指沒有定義的幀。3.?關鍵幀關鍵幀是定義動畫變化、更改狀態的幀，它在時間軸上顯示為實心的圓點。4.?空白關鍵幀空白關鍵幀是沒有任何內容的關鍵幀，它在時間軸上顯示為空白的圓點。空白關鍵幀上一旦放置了對象，它就變成了關鍵幀。一、幀的基本概念相關知識72時間軸上的各類幀如圖2-1-2所示。一、幀的基本概念圖2-1-2?時間軸上的各類幀相關知識731.?插入與刪除幀（1）插入幀在需要插入幀的位置上單擊，選中幀，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“插入幀”選項或按“F5”鍵插入幀。（2）刪除幀在需要刪除幀的位置上單擊，選中幀，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“刪除幀”選項即可刪除幀。二、幀的基本操作相關知識742.?插入與清除關鍵幀（1）插入關鍵幀在需要插入關鍵幀的位置上單擊，選中幀，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“插入關鍵幀”選項或按“F6”鍵插入關鍵幀。（2）清除關鍵幀在需要清除關鍵幀的位置上單擊，選中幀，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“清除關鍵幀”選項即可清除關鍵幀。二、幀的基本操作相關知識753.?插入空白關鍵幀在需要插入空白關鍵幀的位置上單擊，選中幀，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“插入空白關鍵幀”選項或按“F7”鍵插入空白關鍵幀。4.?復制、粘貼、剪切、清除幀選中要復制的幀，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“復制幀”選項即可復制幀。選中要粘貼幀的位置，單擊鼠標右鍵，在彈出的快捷菜單中選擇“粘貼幀”選項即可粘貼幀。如果要剪切某個幀，只要選中該幀，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“剪切幀”選項即可。如果要清除某個幀，只要選中該幀，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“清除幀”選項即可。二、幀的基本操作相關知識765.?翻轉幀在時間軸面板中選擇需要翻轉的一段幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇“翻轉幀”選項即可進行翻轉。二、幀的基本操作相關知識77執行“修改”→“位圖”→“轉換位圖為矢量圖”命令，彈出“轉換位圖為矢量圖”對話框，如圖2-1-3所示，設置參數值后，單擊“確定”按鈕，可以將位圖轉換為矢量圖。“轉換位圖為矢量圖”對話框中各選項的含義如下。三、將位圖轉換為矢量圖圖2-1-3?“轉換位圖為矢量圖”對話框相關知識781.?顏色閾值顏色閾值用于設置將位圖轉換為矢量圖時的色彩細節。數值的輸入范圍為0～500，該參數值設置得越大，圖像越細膩。2.?最小區域最小區域用于設置將位圖轉換為矢量圖時色塊的大小。數值的輸入范圍為0～1000，該參數值設置得越大，色塊越大。三、將位圖轉換為矢量圖相關知識793.?曲線擬合曲線擬合用于設置在轉換過程中對色塊處理的精細程度。圖形轉換時，邊緣越光滑，對原圖像細節的失真程度越高。可選參數包括像素、非常緊密、緊密、一般、平滑和非常平滑六個選項。4.?角閾值角閾值用于定義角轉換的精細程度。可選參數包括較多轉角、一般和較少轉角共三個。三、將位圖轉換為矢量圖80任務二

制作模擬寫字動畫學習目標了解逐幀動畫及其原理掌握各類幀的適用范圍和使用方法能熟練制作簡單的逐幀動畫81任務描述82本任務是一個逐幀動畫制作實例，在制作時，要求從文字的末筆開始逐幀擦除，然后翻轉幀，形成寫字效果，如圖2-2-1所示。要完成本任務，除了掌握逐幀動畫的制作原理及方法外，在動畫的制作過程中，還要注意毛筆與文字應保持同步移動。圖2-2-1?模擬寫字動畫效果圖相關知識83逐幀動畫就是一幀一幀畫出來的動畫，是一種最簡單的動畫，它不需要Flash的其他功能來配合。逐幀動畫的時間軸上緊密排列著許多關鍵幀，有時根據動作的需要，關鍵幀之間也可以間隔一些普通幀。逐幀動畫的時間軸如圖2-2-2所示。圖2-2-2?逐幀動畫的時間軸a）緊密排列關鍵幀

b）關鍵幀之間間隔普通幀a）b）相關知識84逐幀動畫包含許多相互獨立的關鍵幀，每一幀都代表一個畫面，后一幀相對于前一幀都有一些細微的變化。當移動時間軸上的播放頭或播放動畫時，播放頭依次通過每個關鍵幀，讓每個畫面依次展現在舞臺中，觀察者就會產生“對象在運動”的錯覺。85任務三

制作自動折合的扇子動畫學習目標能熟練使用“變形”面板實現對象的縮放和旋轉等變形操作熟練掌握幀的基本操作能利用連續關鍵幀、“變形”面板和翻轉幀來制作逐幀動畫86任務描述87本任務是一個逐幀動畫制作實例，主要利用連續關鍵幀、“變形”面板和翻轉幀來制作一個能自動折合的扇子，效果如圖2-3-1所示。要完成本任務，除了掌握逐幀動畫的原理及幀的操作方法外，還要能熟練使用“變形”面板。圖2-3-1?自動折合的扇子動畫效果圖相關知識88一、逐幀動畫的表現方法在制作逐幀動畫時，如果將每一幀上的動作細節都畫出來，顯然很費力，使用再加工法，則可以減少一定的工作量。再加工法就是借助于參照物或簡單的變形進行加工，得到復雜的動畫。相關知識89二、“變形”面板“變形”面板可以實現對象的變形操作。執行“窗口”→“變形”命令，可打開圖2-3-2所示的“變形”面板。在“變形”面板中可以縮放、旋轉和傾斜對象，單擊“變形”面板右下角的“復制并應用變形”按鈕可以在復制對象的同時變形對象；單擊“變形”面板右下角的“重置”按鈕，可以取消當前的設置，等待用戶重新設置變形操作。圖2-3-2?“變形”面板相關知識90三、設置幀頻幀頻就是每秒鐘播放的幀數，幀頻越大，動畫的播放速度就越快。在默認情況下，Flash的幀頻是12fps，即每秒鐘可以播放12幀畫面。幀頻的大小可以通過“文檔屬性”對話框進行設置，如圖2-3-3所示。也可以在“屬性”面板中進行設置，如圖2-3-4所示。圖2-3-4?“屬性”面板圖2-3-3?“文檔屬性”對話框91任務四

制作孫悟空走路動畫學習目標掌握人物走路的運動規律，并能制作人物走路的動畫能使用繪圖紙功能修改幀上的動作能使用預覽模式邊制作邊預覽動畫效果92任務描述93本任務是一個逐幀動畫制作實例，主要利用人物走路的運動規律來制作孫悟空原地循環走路的動畫，效果如圖2-4-1所示。要完成本任務，除了理解人物走路的運動規律外，還要掌握人物走路動畫的制作方法。圖2-4-1?孫悟空走路動畫效果圖相關知識94一、運動規律人物走路的運動規律是：左、右兩腳交替向前，帶動軀干向前運動。為了保持身體平衡，配合兩條腿的屈伸和跨步，雙臂需要前、后擺動。人在走路時為了保持重心，總是一條腿支撐，另一條腿才能提起跨步。因此，在走路過程中，頭頂的高度必然呈波浪形運動。當邁出步子，雙腳著地時，頭頂略低；當一只腳著地，另一只腳提起向前跨步時，頭頂略高。另外，在走路過程中，跨步的那只腳從離地到向前伸展落地，中間膝關節必然呈彎曲狀，腳踝相對于地面呈弧形運動路線，如圖2-4-2所示。圖2-4-2?人物走路的運動規律相關知識95二、繪圖紙功能在通常情況下，Flash動畫在舞臺中一次顯示動畫序列的一個幀。為了幫助定位和編輯逐幀動畫，有時需要在舞臺中一次查看兩個或多個幀，這時可以利用繪圖紙功能。繪圖紙功能不僅可以一次瀏覽多個幀的內容，還可以對選中的幀進行編輯。啟用繪圖紙功能后，播放頭下面的幀為全彩顯示，其余的幀是暗淡的，看起來就好像每個幀都是畫在一張透明的繪圖紙上，而這些繪圖紙相互疊在一起。繪圖紙功能如圖2-4-3所示。圖2-4-3?繪圖紙功能相關知識96二、繪圖紙功能1.“繪圖紙外觀”按鈕按下“繪圖紙外觀”按鈕后，在時間軸的上方會出現繪圖紙外觀標記

，拉動外觀標記的兩端，可以擴大或縮小顯示范圍。2.“繪圖紙外觀輪廓”按鈕按下“繪圖紙外觀輪廓”按鈕后，場景中顯示各幀內容的輪廓線，填充色消失，特別適合觀察對象輪廓，而且可以節省系統資源，加快顯示過程。相關知識97二、繪圖紙功能3.“編輯多個幀”按鈕按下“編輯多個幀”按鈕后，可以同時編輯多個幀。4.“修改繪圖紙標記”按鈕按下“修改繪圖紙標記”按鈕后，彈出快捷菜單