2、熊貓的夢(mèng)----繪制圖像與逐幀動(dòng)畫(huà)

1、第一課 熊貓的夢(mèng)-繪制圖像與逐幀動(dòng)畫(huà)教案課題第一課 熊貓的夢(mèng)-繪制圖像與逐幀動(dòng)畫(huà)授課時(shí)間2課時(shí)教學(xué)目標(biāo)知識(shí)與技能1掌握Flash的啟動(dòng)與退出，了解Flash窗口的組成。2掌握在Flash中繪制圖像的方法，學(xué)會(huì)保存動(dòng)畫(huà)文件。3初步學(xué)習(xí)制作逐幀動(dòng)畫(huà)、預(yù)覽動(dòng)畫(huà)并生成swf格式的文件。過(guò)程與方法采用“任務(wù)驅(qū)動(dòng)法”，在老師的講授、引導(dǎo)、啟發(fā)下，學(xué)生理解后再去上機(jī)親身體驗(yàn)。情感、態(tài)度、價(jià)值觀1 培養(yǎng)學(xué)生應(yīng)用信息技術(shù)解決實(shí)際問(wèn)題的意識(shí)。2 培養(yǎng)學(xué)生對(duì)新軟件的自主觀察思考的良好習(xí)慣。重點(diǎn)認(rèn)識(shí)Flash 8的工作界面，學(xué)習(xí)使用繪圖工具繪制圖形并制作成逐幀動(dòng)畫(huà)。難點(diǎn)幀的理解與操作、保存文件。方法講授法、提問(wèn)法、任

2、務(wù)驅(qū)動(dòng)法教具網(wǎng)絡(luò)教室、多媒體課件。教學(xué)過(guò)程：引言：網(wǎng)絡(luò)信息時(shí)代帶給人們新的視覺(jué)沖擊，讓人們的生活更加豐富多彩。動(dòng)態(tài)網(wǎng)頁(yè)與廣告、電子賀卡、交互式游戲，這些作品幾乎都可以使用Flash動(dòng)畫(huà)軟件制作。Flash動(dòng)畫(huà)以其娛樂(lè)性、通俗化的特點(diǎn)，吸引越來(lái)越多的人們進(jìn)入閃客世界。我們從本學(xué)期開(kāi)始將通過(guò)學(xué)習(xí)Flash動(dòng)畫(huà)制作，踏入閃客之門(mén)。任務(wù)導(dǎo)航熊貓是我國(guó)的國(guó)寶，它吃竹子時(shí)憨憨的模樣讓人過(guò)目不忘，可是竹子開(kāi)花導(dǎo)致竹子大面積的枯死，熊貓缺少了生存的食物，國(guó)寶將面臨滅絕的可能。讓我們及時(shí)動(dòng)手種一株小竹苗，幫助熊貓度過(guò)難關(guān)吧！引入課題：本課，我們將利用flash8中提供的繪圖工具繪制圖像，并制作簡(jiǎn)單的逐幀動(dòng)畫(huà)。制

3、作完成的動(dòng)畫(huà)畫(huà)面如圖1.1所示。跟我學(xué)一、啟動(dòng)并認(rèn)識(shí)Flash的工作界面1、啟動(dòng)師提出：Flash的啟動(dòng)它跟我們上學(xué)期學(xué)過(guò)的Word的啟動(dòng)方法一樣，可以在Windows桌面單擊“開(kāi)始”“程序” “Macromedia” “Macromedia Flash 8”即可。（師演示操作，然后學(xué)生上機(jī)操作）2、認(rèn)識(shí)Flash窗口界面師引導(dǎo)學(xué)生分別介紹：1、標(biāo)題欄：2、菜單欄：3、工具面板：可以進(jìn)行對(duì)象選擇、圖形繪制、文本錄入與編輯、對(duì)象控制等操作。4、屬性面板：反映正在使用的工具和資源情況，可進(jìn)行詳細(xì)設(shè)置。5、時(shí)間軸：主要由圖層和幀組成。用于組織和控制影片內(nèi)容在一定時(shí)間內(nèi)播放。6、舞臺(tái)：創(chuàng)作影片各幀內(nèi)容

4、的區(qū)域。7、浮動(dòng)面板：包含各種不同的特定功能，如：顏色、變形、對(duì)齊等。二、設(shè)置文檔屬性師提出：舞臺(tái)的尺寸大小、背景顏色等是通過(guò)文檔屬性來(lái)設(shè)置的。具體設(shè)置：方法一：“修改”“文檔”命令，在彈出的“文檔屬性”對(duì)話(huà)框中，通過(guò)調(diào)整各項(xiàng)參數(shù)來(lái)設(shè)置文檔屬性方法二：在窗口界面的下方的“屬性”面板中設(shè)置。修改文檔屬性的背景顏色為“黃色”。其它參數(shù)參照教材P4圖1.3所示的文檔屬性面板。三、制作第1幀畫(huà)面師：使用各種繪圖工具，繪制熊貓和小竹苗。、利用橢圓工具繪制熊貓的外形1、單擊工具面板中的“橢圓工具”，設(shè)置筆觸顏色為“黑色”，填充顏色為“沒(méi)有顏色”?！綝IY】教材P4使用與繪制熊貓臉部相同的方法，分別繪制熊貓

5、的“耳朵”、“眼睛”、“鼻子”，并調(diào)整至合適位置，如教材P5圖1.5所示繪制熊貓的五官并調(diào)整位置。3、繪制熊貓的嘴部輪廓可以行繪制一個(gè)橢圓形，然后利用工具面板中的“線(xiàn)條工具”在圓形中間繪制一條直線(xiàn)。使用“選擇工具”單擊上面半圓，按Delete鍵將其刪除后，將剩余的半圓形放在合適位置即可，如教材P5圖1.6所示。4、利用“線(xiàn)條工具”繪制豎線(xiàn)，連接鼻子和嘴。5、單擊工具面板中的“鉛筆工具”在“屬性”面板中進(jìn)行相應(yīng)設(shè)置，如教材P5圖1.7所示。6、使用“鉛筆工具”繪制熊貓的毛發(fā)，然后將多余的線(xiàn)條刪除，如教材P5圖1.8所示。、利用顏料桶工具填充顏色1、單擊工具面板中的“顏料桶工具”，設(shè)置填充充為“黑

6、色”。2、在需要填充黑色的區(qū)域單擊。【DIY】使用填充黑色的方法，分別將熊貓的臉、眼球和嘴填充為白色。如教材P5圖1.9所示。、利用刷子工具繪制小苗1、選擇工具面板中的“刷子工具”，設(shè)置填充色為“棕色”，繪制出土地的效果。2、使用“刷子工具”分別繪制深色的土塊和綠色的小竹苗，如教材P6圖1.10所示。第2課時(shí)四、制作第2幀畫(huà)面關(guān)鍵幀F(xiàn)6幀F(xiàn)5空白區(qū)域空白關(guān)鍵幀F(xiàn)7師提出：完全相同的兩個(gè)畫(huà)面是不可能出現(xiàn)動(dòng)畫(huà)效果的。因此第2幀畫(huà)面要在第1幀畫(huà)面的基礎(chǔ)上繪制竹子，使兩幀畫(huà)面不同，為制作動(dòng)畫(huà)做好準(zhǔn)備?！局嵌嘈恰拷滩腜6 時(shí)間軸：主要由圖層和幀組成，動(dòng)畫(huà)效果主要是通過(guò)交替播放時(shí)間軸上不同幀中的相應(yīng)畫(huà)面而

7、實(shí)現(xiàn)的。幀：可分為普通幀、關(guān)鍵幀和空白幀幾種普通幀：兩個(gè)關(guān)鍵幀之間的過(guò)渡部分，使畫(huà)面處于保持不變的狀態(tài)。以“灰色”顯示，快捷鍵為F5。關(guān)鍵幀：一個(gè)動(dòng)作的開(kāi)始或結(jié)束，決定動(dòng)畫(huà)效果的關(guān)鍵部分。以“黑色實(shí)心圓點(diǎn)”顯示，快捷鍵為F6?？瞻讕簺](méi)有放置任何動(dòng)畫(huà)對(duì)象的關(guān)鍵幀，起到將當(dāng)前幀的內(nèi)容清除的作用。以“黑色空心圓點(diǎn)”顯示，快捷鍵為F7。師先做演示操作，然后學(xué)生上機(jī)操作實(shí)習(xí)。具體演示操作步驟：1、在圖層1第2幀的位置右擊，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令。2、使用“橢圓工具”、“鉛筆工具”繪制帶提示角的圖形。3、選擇“矩形工具”設(shè)置筆觸顏色為“黑色”，填充色為“綠色”，繪制的矩形。4、單擊“選

8、擇工具”，將鼠標(biāo)指向矩形邊線(xiàn)，待鼠標(biāo)變?yōu)槿缃滩腜6圖1.11所示狀態(tài)時(shí)，向里拖動(dòng)矩形邊線(xiàn)。完成后用“選擇工具”框選，再?gòu)?fù)制兩個(gè)，將其在縱向方向?yàn)橐恢本€(xiàn)，然后使用“刷子工具”繪制竹葉，完成竹子的繪制?！綝IY】教材P7。試著改變繪制圖形的顏色。 提示：1、使用工具面板中的“選擇工具”選中需要改變顏色的部分。2、更改工具面板選項(xiàng)中的筆觸顏色和填充色即可?！局嵌嘈恰拷滩腜7師提出：在計(jì)算機(jī)中顯示的圖形一般可以分為兩大類(lèi)-矢量圖和位圖。矢量圖：使用線(xiàn)段和曲線(xiàn)描述圖形，文件體積一般較小。矢量圖形最大的優(yōu)點(diǎn)是進(jìn)行放大、縮小或旋轉(zhuǎn)等操作都不會(huì)產(chǎn)生失真。矢量圖形最大的缺點(diǎn)是難以表現(xiàn)出色彩層次豐富的逼真圖像效果

9、。位圖：由一個(gè)個(gè)小色塊組成的圖像，這些色塊稱(chēng)為“像素點(diǎn)”。計(jì)算機(jī)屏幕其實(shí)就是一張包含大量像素的風(fēng)格。位圖圖形最大的優(yōu)點(diǎn)是能表現(xiàn)出色彩層次豐富的逼真圖像效果。位圖圖形最大的缺點(diǎn)是進(jìn)行放大、縮小或旋轉(zhuǎn)等操作就會(huì)看到馬賽克一樣的像素點(diǎn)。由于Flash動(dòng)畫(huà)是由一張張矢量圖構(gòu)成的，因此生成的動(dòng)畫(huà)文件存儲(chǔ)空間很小，在網(wǎng)絡(luò)中傳輸速度很快，可以很方便地下載觀看。一個(gè)幾分鐘長(zhǎng)度的Flash動(dòng)畫(huà)片，常常只有12M。五、調(diào)整動(dòng)畫(huà)時(shí)間師提出：通過(guò)添加普通幀的方法可以讓關(guān)鍵幀之間的動(dòng)畫(huà)過(guò)渡時(shí)間延長(zhǎng)。師先做演示操作，然后學(xué)生上機(jī)操作實(shí)習(xí)。具體演示操作步驟：1、執(zhí)行“控制” “測(cè)試影片”命令，此時(shí)彈出測(cè)試影片的窗口，觀察動(dòng)

10、畫(huà)效果，可以看到動(dòng)畫(huà)播放頻率過(guò)快，動(dòng)畫(huà)內(nèi)容看不清楚。2、關(guān)閉測(cè)試影片窗口，在第1幀上右擊，在彈出的快捷菜單中選擇“插入幀”命令，同樣在第2幀上也插入幀，使動(dòng)畫(huà)時(shí)間延長(zhǎng)。3、測(cè)試影片效果，如不滿(mǎn)意可繼續(xù)插入幀延長(zhǎng)時(shí)間?！局嵌嘈恰拷滩腜8快捷鍵：測(cè)試影片：Ctrl+Enter撤銷(xiāo)上一步操作：Ctrl+Z六、保存文件師先做演示操作，然后學(xué)生上機(jī)操作實(shí)習(xí)。具體演示操作步驟：1、執(zhí)行“文件”“保存”“ 在彈出的對(duì)話(huà)框中選擇保存位置”“我的電腦”“E”“個(gè)人文件（1100李忠貴）”“作業(yè)”，將文件命名為“熊貓的夢(mèng)”，單擊“保存”按鈕，此時(shí)動(dòng)畫(huà)源文件就以Flash格式保存起來(lái)。2、執(zhí)行測(cè)試影片命令，生成swf格式的動(dòng)畫(huà)播放文件?！局R(shí)著陸】1、利用繪圖工具配合對(duì)應(yīng)的屬性面板可以完成圖像的繪制。2、利用Flash制作簡(jiǎn)單動(dòng)畫(huà)時(shí)，只要幾個(gè)關(guān)鍵幀畫(huà)面不同，最終都能實(shí)現(xiàn)單一圖層的逐幀動(dòng)畫(huà)效果，如眨眼睛的小動(dòng)物、閃爍的星星等。3、fla格式的文件是Flash動(dòng)畫(huà)源文件，可以隨時(shí)進(jìn)行編輯修