熊貓的夢繪制圖像與逐幀動畫完整版

熊貓的夢——繪制(huìzhì)圖像與逐幀動畫第一頁，共二十三頁。任務(wù)(rènwu)導(dǎo)航熊貓是我國的國寶，它吃竹子時憨憨的模樣讓人過目難忘，可是竹子開花導(dǎo)致竹子大面積的枯死(kūsǐ)，熊貓缺少了生存的食物，國寶將面臨滅絕的可能。讓我們及時動手種一株小竹苗，幫助熊貓渡過難關(guān)吧。本課，我們將利用Flash中提供的繪圖工具繪制圖像，并制作簡單的逐幀動畫。制作完成的動畫畫面如下圖所示。實例(shílì)效果圖第二頁，共二十三頁。1.啟動并認識(rènshi)Flash的工作界面認識Flash的工作界面可以更快速地找到所需工具，為制作動畫提供便利。執(zhí)行“開始(kāishǐ)”→“所有程序”→AdobeFlash命令，即可啟動Flash，進入Flash的“基本功能”工作界面，如圖所示。第三頁，共二十三頁。Flash的“基本功能”工作(gōngzuò)界面第四頁，共二十三頁。工具面板：可以進行對象選擇、圖形繪制、文本(wénběn)錄入與編輯、對象控制等操作。時間軸：主要由圖層和幀組成，用于組織和控制影片內(nèi)容在一定時間內(nèi)播放。舞臺：創(chuàng)作影片各幀內(nèi)容的區(qū)域。浮動面板：包含各種不同特定功能，如屬性、庫、顏色、變形、對齊等。其中屬性面板使用較多，主要反映正在使用的工具和資源情況，可以進行詳細設(shè)置。第五頁，共二十三頁。2.設(shè)置(shèzhì)文檔屬性單擊新建ActionScript2.0，需要修改(xiūgǎi)舞臺的尺寸、背景顏色等，默認的背景顏色為白色，尺寸為550像素×400像素?？梢詧?zhí)行“修改”→“文檔”命令，在彈出的“文檔設(shè)置”對話框中，通過調(diào)整各項參數(shù)來調(diào)整文檔設(shè)置，也可以在界面右上方的“屬性”浮動面板中設(shè)置。修改文檔設(shè)置的尺寸為“550像素×400像素”，背景顏色為“黃色”，以便區(qū)分熊貓臉部的白色區(qū)域，如圖所示。第六頁，共二十三頁?！拔臋n設(shè)置(shèzhì)”對話框第七頁，共二十三頁。3.制作第1幀畫面

使用各種(ɡèzhǒnɡ)繪圖類工具，繪制熊貓和小竹苗（1）利用橢圓工具繪制熊貓(xióngmāo)外形步驟1：單擊工具面板中的“橢圓工具”，設(shè)置筆觸顏色為“黑色”，填充色為“沒有顏色”。

“橢圓工具”的“屬性(shǔxìng)”面板第八頁，共二十三頁。步驟2：在舞臺中拖動鼠標，繪制熊貓(xióngmāo)的臉部。使用工具面板中的“選擇工具”，單擊繪制完成的圓形并將其拖動至畫面合適位置。繪制熊貓(xióngmāo)的五官并調(diào)整位置第九頁，共二十三頁。步驟3：繪制熊貓的嘴部輪廓可以先繪制一個橢圓形，然后利用工具面板中的“線條工具”在圓形中間繪制一條直線。使用“選擇工具”單擊上面的半圓，按Delete鍵將其刪除后，將剩余(shèngyú)的半圓形放在合適位置即可，如圖所示。繪制(huìzhì)熊貓的嘴第十頁，共二十三頁。步驟4：利用“線條工具”、繪制豎線，連接鼻子(bízi)和嘴。步驟5：單擊工具面板中的“鉛筆工具”，在“屬性”面板中進行相應(yīng)的設(shè)置，如圖所示。“鉛筆工具”的“屬性(shǔxìng)”面板第十一頁，共二十三頁。繪制(huìzhì)熊貓的毛發(fā)步驟6：使用“鉛筆工具(gōngjù)”繪制熊貓的毛發(fā)，然后將多余的線條刪除，如圖所示。第十二頁，共二十三頁。（2）利用顏料桶工具(gōngjù)填充顏色步驟1：單擊工具(gōngjù)面板中的“顏料桶工具(gōngjù)”，設(shè)置填充色為“黑色”。步驟2：在需要填充黑色的區(qū)域單擊。熊貓?zhí)畛?tiánchōng)顏色后的效果圖第十三頁，共二十三頁。（3）利用刷子(shuāzi)工具繪制小苗步驟1：選擇工具面板中的“刷子(shuāzi)工具”，設(shè)置填充色為“棕色”，繪制出土地的效果。步驟2：使用“刷子工具”分別繪制深色的土塊和綠色小竹苗，如圖所示。繪制(huìzhì)“小竹苗”的效果圖第十四頁，共二十三頁。4.制作(zhìzuò)第2幀畫面完全相同的兩個畫面(huàmiàn)是不可能出現(xiàn)動畫效果的，因此第2幀畫面要在第1幀畫面的基礎(chǔ)上繪制竹子，使兩幀畫面不同，為制作動畫做好準備。第十五頁，共二十三頁。步驟1：在圖層1第2幀的位置右擊，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令。步驟2：使用“橢圓工具”、“鉛筆工具”繪制帶提示角的空心輪廓圖形。步驟3：選擇“矩形工具”，設(shè)置筆觸顏色(yánsè)為“黑色”，填充色為“綠色”，繪制3個縱向排列的矩形。第十六頁，共二十三頁。步驟4：單擊“選擇工具”，將鼠標指向矩形邊線，待鼠標變?yōu)闋顟B(tài)時向里拖動矩形邊線。然后(ránhòu)使用“刷子工具”繪制竹葉，完成竹子的繪制，如圖所示。繪制(huìzhì)“竹子”效果圖第十七頁，共二十三頁。5.調(diào)整動畫時間

通過添加普通幀的方法可以(kěyǐ)讓關(guān)鍵幀之間的動畫過渡時間延長。步驟1：執(zhí)行“控制”→“測試影片”→“在Flashprofessional中”命令，此時彈出測試影片的窗口，觀察動畫效果，可以看到動畫播放頻率(pínlǜ)過快，動畫內(nèi)容看不清楚。步驟2：關(guān)閉測試影片窗口，在第1幀上右擊，在彈出的快捷菜單中選擇“插入幀”命令，同樣在第2幀上也插入幀，使動畫時間延長。步驟3：測試影片效果，如不滿意可繼續(xù)插入幀延長時間。第十八頁，共二十三頁。6.保存(bǎocún)文件步驟1：執(zhí)行“文件(wénjiàn)”→“保存”命令，在彈出的對話框中選擇保存的位置，將文件(wénjiàn)命名為“熊貓的夢”，單擊“保存”按鈕后，動畫源文件(wénjiàn)就以fla格式保存起來。步驟2：執(zhí)行測試影片命令，自動生成swf格式的動畫播放文件。第十九頁，共二十三頁。知識(zhīshi)著陸1.利用繪圖工具配合“屬性”面板可以完成圖像的繪制，為了(wèile)便于修改可先繪制空心輪廓，再進行調(diào)整外形、填色等制作。2.通過插入關(guān)鍵幀調(diào)整每一幀的畫面效果，像眨眼睛的小動物、閃爍的星星……只要幾個關(guān)鍵幀畫面不同，最終都能實現(xiàn)單一圖層的簡單逐幀動畫效果。3.fla格式的文件是Flash動畫源文件，可以隨時進行編輯修改。swf格式的文件是動畫播放文件，文件占用的存儲空間較小，便于網(wǎng)絡(luò)傳輸。第二十頁，共二十三頁。創(chuàng)作(chuàngzuò)天地配合工具面板中的“橡皮擦工具”，制作(zhìzuò)逐漸被吃掉的蘋果，如圖所示。逐漸(zhújiàn)被吃掉的蘋果第二十一頁，共二十三頁。謝謝第二十二頁，共二十三頁。內(nèi)容(nèiróng)總結(jié)熊貓的夢——繪制圖像與逐幀動畫。本課，我們將利用Flash中提供的繪圖工具繪制圖像，并制