《Flash動畫設(shè)計(jì)與制作（第三版）》項(xiàng)目二 逐幀動畫制作

Flash動畫設(shè)計(jì)與制作（第三版）64項(xiàng)目二

逐幀動畫制作65項(xiàng)目二

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

逐幀動畫制作68任務(wù)一

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

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

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

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

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

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