FlashCS6中文版基礎教程：第11章 創(chuàng)建逐幀動畫

1我們已經(jīng)知道，幀在Flash動畫中的意義，而Flash中所謂的逐幀動畫跟傳統(tǒng)動畫相似，同樣需要繪制動畫的每一幀。逐幀動畫的每一幀都需要我們單獨手動的創(chuàng)建、操控和處理，可以想象，逐幀動畫的工作量是非常大的，也是最花費時間的動畫類型。但是逐幀動畫給予了對SWF的所有外觀和感覺的完全控制，并且在花費一些時間來學習動畫技巧后，大家就可以用它創(chuàng)建一些不錯的效果。所以，學習逐幀動畫知識是值得的。第11章創(chuàng)建逐幀動畫211.1認識逐幀動畫插入關鍵幀的方法如下。(1)單擊一個圖層名稱使之成為活動圖層，然后在該圖層中選擇一個幀作為開始播放動畫的幀，如圖11-1所示。311.1認識逐幀動畫(2)如果該幀還不是關鍵幀，可以選擇【插入】|【時間軸】|【關鍵幀】菜單命令，如圖11-2所示；或直接右擊，在彈出的快捷菜單中選擇【插入關鍵幀】命令，如圖11-3所示。(4)制作完成后，若要測試動畫序列，可選擇【控制】|【播放】菜單命令或直接按Enter鍵。411.2人物動畫人物在動畫片中的出鏡率是最高的。一定程度上，人物動作的好壞與否，將直接影響整個動畫的效果。因此，掌握人物動作的基本制作規(guī)律是非常必要的。511.2.1Flash人物動畫的制作技巧1.人物走路動作的基本規(guī)律(1)人在走路中的基本規(guī)律是：左右兩腳交替向前，為了求得平衡，當左腳向前邁步時左手向后擺動；右腳向前邁步時右手向后擺動。(2)人的腳在走路時應遵循以下規(guī)律：腳跟著地——踏平——腳跟抬起——腳尖離開懸空運動——腳跟著地。(3)同樣，人在走路時，手部也有規(guī)律可循：首先手掌的指頭要放松，做前后擺動運動，當手運動到前方時腕部會相應地提高，并稍向內(nèi)彎曲。一般情況下走得越慢，步子越小，離地懸空過程不高，手的前后擺動幅度也不會太大；相反，當走得快時手腳的運動幅度要相應加大，抬的高度也都要略微提高。2.人走路的速度節(jié)奏變化611.2.2人物走路動畫制作了解了人物走路的一般規(guī)律以后，接下來，我們將通過逐幀動畫來完成人物跑步的動畫。其制作方法如下。(1)啟動FlashCS6，選擇【文件】|【新建】菜單命令，建立一個Flash文檔。(2)選擇【文件】|【保存】菜單命令，將文件保存為“人跑步.fla”，如圖11-4所示。(3)選擇【文件】|【導入】|【導入到庫】菜單命令，打開【導入到庫】對話框，選擇“背景.jpg”，如圖11-5所示。711.2.2人物走路動畫制作(4)單擊【打開】按鈕，圖形被導入到【庫】面板中，選擇【窗口】|【庫】命令，打開【庫】面板，通過鼠標拖曳的方式將圖像拖曳到舞臺中。(5)在圖像外任意一處單擊，打開【屬性】檢查器面板(如果【屬性】檢查器面板還沒有打開，可以通過選擇【窗口】|【屬性】菜單命令，打開【屬性】檢查器面板)，如圖11-6所示。(6)單擊【大小】選項后的【編輯文檔屬性】按鈕，出現(xiàn)【文檔設置】對話框，設置圖像的【尺寸】為“1440(寬)×900(高)”像素，如圖11-7所示。單擊【確定】按鈕，可以看到此時圖像和舞臺完全整合。811.2.2人物走路動畫制作(7)在【時間軸】面板的【圖層1】上雙擊，修改圖層名稱為“背景”，如圖11-8所示。(8)單擊【時間軸】面板左下側的【新建圖層】按鈕，新建圖層【人物】。(9)選擇【文件】|【導入】|【導入到庫】菜單命令，打開【導入到庫】對話框，選擇序列圖片1.png～12.png，如圖11-9所示。(10)將圖片導入到【庫】中，【庫】顯示如圖11-10。911.2.2人物走路動畫制作(11)將【背景】圖層延長至20幀。然后選擇【人物】圖層，選擇第1幀作為逐幀動畫的開始幀，右擊，在彈出的快捷菜單中選擇【插入關鍵幀】命令，或按F6鍵添加關鍵幀，如圖11-11所示。(12)然后將位圖1拖曳到舞臺中，并調整相應位置，如圖11-12所示。1011.2.2人物走路動畫制作(13)在當前關鍵幀的下一幀上按以上方法再新建一個關鍵幀，可以發(fā)現(xiàn)新建幀的內(nèi)容跟上一幀的內(nèi)容相同，可以在將位圖2拖入舞臺并調整好位置后，再將第2幀中的位圖１刪除；或按F7鍵插入空白關鍵幀，直接將位圖2拖曳到舞臺中，再調整其位置。(14)重復以上兩個步驟，以完成整個逐幀動畫的所有變化。如圖11-13所示的圖片是對應的【人物】圖層上的第2幀至第12幀。(15)完成后，按Ctrl+Enter組合鍵，預覽動畫。1111.3掌握繪圖紙功能下面我們將向大家詳細講解繪圖紙功能的具體操作方法。(1)在舞臺上同時查看動畫的多個幀。(2)控制繪圖紙外觀的顯示。(3)若要編輯繪圖紙外觀標記之間的所有幀。(4)更改繪圖紙外觀標記的顯示。1211.4上機實踐操作本范例完成文件：\11\逐幀動畫.fla、逐幀動畫.swf。多媒體教學路徑：光盤→多媒體教學→第11章。1311.4.1實例介紹和展示本例通過運用【矩形工具】、【橢圓工具】、【鉛筆工具】、【鋼筆工具】、【選擇工具】、【文字工具】、【屬性】面板、【顏色】面板、【聯(lián)合】命令、【轉換為元件】命令、【分離】命令以及編輯關鍵幀等方法制作逐幀動畫效果。動畫效果如圖11-18所示。1411.4.2創(chuàng)建新文檔啟動FlashCS6，選擇【文件】|【新建】菜單命令，創(chuàng)建一個新空白文檔，文檔大小為550300像素。1511.4.3繪制背景(1)繪制漸變背景。(2)繪制背景中的月亮。(3)在【顏色】面板中取消筆觸顏色，設置填充顏色類型為【徑向漸變】，如圖11-22所示。(4)在【工具】面板中選擇【鉛筆工具】并按住鼠標，單擊【工具】面板中的【鉛筆模式】按鈕，在彈出的下拉菜單中，選擇【平滑】命令。在舞臺上繪制一條曲線作為樹枝，如圖11-23所示。1611.4.3繪制背景(5)有了樹枝，接下來我們繪制樹葉。在【工具】面板中選擇【矩形工具】，在舞臺上繪制一個矩形，取消筆觸顏色，填充顏色類型設置為【線性漸變】，如圖11-24所示。(6)在【工具】面板中單擊【鋼筆工具】并按住鼠標，然后從彈出的快捷菜單中選擇【轉換錨點工具】，如圖11-25所示。(7)在舞臺上將矩形調整成樹葉形狀，如圖11-26所示。1711.4.3繪制背景(8)多復制幾個并調整其位置形狀，最終效果如圖11-27所示。(9)下面將這條樹枝結成組。分別將【背景】、【月亮】圖層鎖定，全選【樹枝】、【樹葉】，選擇【修改】|【合并對象】|【聯(lián)合】菜單命令，將對象結組，并將其復制三個，調整其位置、形狀，最終效果如圖11-28所示。(10)接著繪制草叢。選擇【矩形工具】，然后在打開的矩形工具【屬性】檢查器面板中進行設置，如圖11-29所示。1811.4.3繪制背景(11)在【顏色】面板中取消筆觸顏色，填充顏色類型為【線性漸變】，設置如圖11-30所示。(12)直接在矩形上右擊，彈出如圖11-31所示的快捷菜單，選擇【轉換為元件】命令。彈出如圖11-32所示的【轉換為元件】對話框，將其轉換為圖形元件，并將其命名為“草1”，單擊【確定】按鈕即可。1911.4.3繪制背景(13)在舞臺上將矩形調整為草的形狀，如圖11-33所示。(14)用同樣的制作方法，分別創(chuàng)建圖形元件【草2】、【草3】，分別如圖11-34和圖11-35所示。(15)編輯主場景?？稍谖枧_上單擊【編輯場景】按鈕，在彈出的下拉菜單中選擇主場景；或者直接在舞臺上方單擊【場景1】按鈕回到主場景。2011.4.3繪制背景(16)在舞臺中調整草叢形狀，如圖11-36所示。至此，整個背景就繪制完成了。2111.4.4輸入文字(1)單擊時間軸上的【新建圖層】按鈕，建立一個新圖層，圖層命名為“文字”。同時把我們剛才制作裝飾的圖層分別重命名為“背景”、“月亮”、“樹葉”、“草叢”，以便于我們區(qū)分和編輯。建立好新圖層并修改圖層名稱后，時間軸如圖11-37所示。(2)單擊【文字】圖層上的第1幀，然后在【工具】面板中選擇【文字工具】，在舞臺上輸入詩句：“思鄉(xiāng)夢斷夜雨稀，寄情無月歸無期?！比∠P觸顏色，填充色為“#ECEC02”，字體“黑體”，字號為“30”。效果如圖11-38所示。當然，大家可以自行決定想要輸入的文字、字體顏色和字體。2211.4.4輸入文字(3)再復制一行這個文字，顏色填充為“#169ED8”。放置在黃色字的下面，露出一點，制造出陰影的效果，選中舞臺上所有文字，按3次Ctrl+B組合鍵進行分離，這時文字已經(jīng)變成矢量圖了，如圖11-39所示。(4)最后我們將文字進行組合。選擇【修改】|【合并對象】|【聯(lián)合】命令，將文字組合，如圖11-40所示。2311.4.4輸入文字(5)為了方便制作文字部分，我們把除背景圖層以外的其他圖層隱藏，用鼠標選中其他圖層，單擊圖層上的【顯示/隱藏所有圖層】按鈕，圖層就隱藏了，舞臺上就看不到這個圖層里的內(nèi)容了，如圖11-41所示。(6)按3次Ctrl+B組合鍵進行分離，這時文字已經(jīng)變成矢量圖了，然后將文字進行部分組合，如圖11-42所示。2411.4.5設置多個圖層(1)選中舞臺上所有的字塊(它們已是矢量圖，而不是文字)，復制。隱藏文字圖層。(2)新建圖層，圖層名叫作“思”。選擇【思】圖層，使其處于編輯狀態(tài)，按Ctrl+Shift+V組合鍵，在舞臺上粘貼剛才復制的一行字塊，除了“思”字塊保留，其他字塊都刪除，如圖11-43所示。隨即把【思】圖層隱藏。2511.4.5設置多個圖層(3)新建圖層，圖層名叫作“鄉(xiāng)”，按Ctrl+Shift+V組合鍵，在舞臺上再粘貼剛才復制的一行字塊，保留“鄉(xiāng)”字塊，其他字塊都刪除，如圖11-44所示。隨即隱藏該圖層。(4)用同樣的方法，把詩句中16個字分別建立16個圖層，刪除文字圖層，現(xiàn)在圖層如圖11-45所示。2611.4.6編輯圖層(1)編輯【鄉(xiāng)】圖層。單擊關鍵幀，此時關鍵幀黑色塊顯示，表示此關鍵幀被選中。單擊鼠標按住該關鍵幀不放，向后拖曳一幀，也就是把這一關鍵幀放在【思】圖層的關鍵幀之后(第2幀的位置上)，如圖11-46所示。(2)編輯【夢】圖層。單擊關鍵幀，將此關鍵幀向后拖曳一幀，把這一關鍵幀放在【鄉(xiāng)】圖層的關鍵幀之后(第3幀的位置上)，如圖11-47所示。2711.4.6編輯圖層(3)用同樣的方法，把每一圖層的關鍵幀都放置在上個圖層關鍵幀之后，效果如圖11-48所示。(4)選擇【控制】|【測試影片】命令，測試播放