制作基本動(dòng)畫(huà)

1、 制作基本動(dòng)畫(huà)教案 通州市三余中學(xué) 徐鈺烊一、教學(xué)內(nèi)容分析：在學(xué)習(xí)本節(jié)課之前，學(xué)生已經(jīng)學(xué)習(xí)了動(dòng)畫(huà)的基礎(chǔ)知識(shí)，認(rèn)識(shí)了flash軟件并且能制作簡(jiǎn)單的FLASH動(dòng)畫(huà)。FLASH是當(dāng)前非常流行的二維動(dòng)畫(huà)制作軟件，通過(guò)網(wǎng)絡(luò)、電視見(jiàn)到的動(dòng)畫(huà)大多由flash制作的。本節(jié)主要是更深層次的學(xué)習(xí)動(dòng)畫(huà)制作的規(guī)律，領(lǐng)悟動(dòng)畫(huà)制作的實(shí)質(zhì)。二、學(xué)情分析：學(xué)生對(duì)flash動(dòng)畫(huà)并不陌生，通過(guò)網(wǎng)絡(luò)，電視，學(xué)生對(duì)flash動(dòng)畫(huà)有強(qiáng)烈的學(xué)習(xí)興趣，這為我們的教學(xué)提供了一個(gè)很好的條件，但是學(xué)生動(dòng)畫(huà)制作的基礎(chǔ)不是太好，缺乏耐心和細(xì)心，光有興趣是不夠的，因此在本節(jié)里要注重引導(dǎo)和培養(yǎng)。三、教學(xué)目標(biāo)：1、知識(shí)與技能：（1）掌握“動(dòng)畫(huà)補(bǔ)間”的概念

2、和制作的主要步驟。（2）元件的概念和元件的操作方法。（3）掌握在屬性面板設(shè)置“旋轉(zhuǎn)”、顏色等屬性的方法。（4）掌握“移動(dòng)的太陽(yáng)”、“旋轉(zhuǎn)的太陽(yáng)”的制作方法。2、過(guò)程與方法：（1）通過(guò)引導(dǎo)學(xué)生完成一段flash動(dòng)畫(huà)，了解動(dòng)畫(huà)制作的規(guī)律，領(lǐng)悟動(dòng)畫(huà)制作的實(shí)質(zhì)，并能舉一反三，觸類(lèi)旁通。（2）培養(yǎng)學(xué)生自主學(xué)習(xí)能力、探索創(chuàng)新能力和綜合運(yùn)用知識(shí)的能力。3、情感態(tài)度與價(jià)值觀：（1）將學(xué)生的興趣轉(zhuǎn)變成培養(yǎng)、激發(fā)學(xué)生的創(chuàng)作熱情，感受其中的樂(lè)趣。（2）通過(guò)協(xié)作學(xué)習(xí)培養(yǎng)學(xué)生的合作精神、通過(guò)作品評(píng)價(jià)提高他們的鑒賞能力與審美水平。四、教學(xué)重點(diǎn)、難點(diǎn)：教學(xué)重點(diǎn)：掌握“動(dòng)畫(huà)補(bǔ)間”的概念和制作的主要步驟。教學(xué)難點(diǎn)：元件的概念和

3、元件的操作方法。五、教學(xué)策略：教學(xué)流程：欣賞作品、情境導(dǎo)入新課教學(xué)，確定學(xué)習(xí)目標(biāo)合作上自主探究，完成目標(biāo)課堂擴(kuò)展。“情境導(dǎo)入”環(huán)節(jié)：首先通過(guò)精彩的Flash作品來(lái)引起學(xué)生的興趣，然后制作一個(gè)簡(jiǎn)單的Flash動(dòng)畫(huà)，不僅復(fù)習(xí)了前面學(xué)到的動(dòng)畫(huà)知識(shí)，更是引導(dǎo)學(xué)生快速進(jìn)入了學(xué)習(xí)狀態(tài)。 “新課教學(xué)，確定學(xué)習(xí)目標(biāo)”、 “合作上自主探究，完成目標(biāo)”2個(gè)環(huán)節(jié)：通過(guò)一個(gè)任務(wù)，讓學(xué)生在合作的基礎(chǔ)上完成，培養(yǎng)學(xué)生自主學(xué)習(xí)能力、探索創(chuàng)新能力和綜合運(yùn)用知識(shí)的能力。接著又在上一個(gè)任務(wù)的基礎(chǔ)上，增加了難度，讓學(xué)生繼續(xù)完成，逐層引導(dǎo)，符合學(xué)生的思維方式，又培養(yǎng)了學(xué)生的探究能力?！罢n堂擴(kuò)展”環(huán)節(jié)：根據(jù)前面學(xué)到的知識(shí)，讓學(xué)生自由發(fā)

4、揮，自主創(chuàng)作。這環(huán)節(jié)主要針對(duì)學(xué)有余力的學(xué)生，這樣既可以基本使每個(gè)學(xué)生完成學(xué)習(xí)目標(biāo)，又照顧了學(xué)有余力的學(xué)生，培養(yǎng)了他們的創(chuàng)造能力，同時(shí)又為下一節(jié)課的內(nèi)容做好了前期準(zhǔn)備。六、教學(xué)方法：演示法、分層教學(xué)法、自主探究學(xué)習(xí)法。七、教學(xué)課時(shí)：1課時(shí)八、教學(xué)過(guò)程：（一）情境導(dǎo)入師：“同學(xué)們，在前面我們已經(jīng)學(xué)習(xí)了動(dòng)畫(huà)的基礎(chǔ)知識(shí)，認(rèn)識(shí)了FLASH軟件并且能制作簡(jiǎn)單的FLASH動(dòng)畫(huà)。下面首先請(qǐng)同學(xué)們欣賞flash動(dòng)畫(huà)。”學(xué)生：觀看。師：“大家覺(jué)得怎么樣，想不想一起來(lái)制作這樣的flash動(dòng)畫(huà)?。肯氩幌胱龅帽冗@個(gè)更好呢？”學(xué)：“想。”師：“好，但是我們都知道這樣一句話：溫故而知新。所以在此之前，一起來(lái)制作一個(gè)簡(jiǎn)單的f

5、lash動(dòng)畫(huà)，復(fù)習(xí)前面的知識(shí)?？凑l(shuí)制作的最快？”任務(wù)一：制作一個(gè)移動(dòng)的小球。步驟：1、執(zhí)行修改文檔，在“文檔屬性”對(duì)話框中，設(shè)置大小為450px×120px，背景設(shè)置一種顏色。選擇“橢圓”工具，畫(huà)一個(gè)圓。再點(diǎn)擊“填充”工具，選擇一鐘顏色，也可以設(shè)置成漸變顏色。2、選中你畫(huà)的圓，單擊“修改“轉(zhuǎn)換為元件”，類(lèi)型中選圖形，如右圖所示。3、在時(shí)間軸那兒用右鍵點(diǎn)擊20幀，如右圖所示。4、點(diǎn)擊“插入關(guān)鍵幀”，進(jìn)入到20幀，將球移到你想要的位置，在第1幀點(diǎn)一下右鍵，又彈出菜單，點(diǎn)擊“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”?，F(xiàn)在執(zhí)行“控制”“播放”,看一下效果。可以把這個(gè)flash導(dǎo)出：在flash中指的是生成一個(gè)擴(kuò)展名為

6、swf的文件，方法是“文件”“導(dǎo)出”“導(dǎo)出影片”。（二）新課教學(xué)，確定學(xué)習(xí)目標(biāo)師：“好，利用FLASH軟件同學(xué)們基本都能制作簡(jiǎn)單的動(dòng)畫(huà)，剛才同學(xué)們有沒(méi)有注意到在制作剛才動(dòng)的小球的過(guò)程中，我們創(chuàng)作了“動(dòng)畫(huà)補(bǔ)間”，那到底什么是“動(dòng)畫(huà)補(bǔ)間”呢，那今天這堂課，我們就深入學(xué)習(xí)這種動(dòng)畫(huà)類(lèi)型“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)?！睅煟骸皠?dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)是制作FLASH動(dòng)畫(huà)時(shí)最常用的一種動(dòng)畫(huà)類(lèi)型。”它是指在兩個(gè)關(guān)鍵幀上分別設(shè)置同一運(yùn)動(dòng)對(duì)象不同的屬性，如位置移動(dòng)、大小變化和角度旋轉(zhuǎn)等，從而創(chuàng)建這兩個(gè)關(guān)鍵幀之間變化的動(dòng)畫(huà)效果。這句話的意思是，在時(shí)間軸上有兩個(gè)關(guān)鍵幀，我們分別可以稱(chēng)之為“起始關(guān)鍵幀”和“結(jié)束關(guān)鍵幀”。在起始幀上我們先確定

7、元件的位置，在結(jié)束幀上我們對(duì)這個(gè)元件的位置、大小或者角度等屬性進(jìn)行改變，最后我們創(chuàng)建這兩個(gè)關(guān)鍵幀之間變化的動(dòng)畫(huà)效果。師：“好，下面就讓我們一起來(lái)完成一個(gè)動(dòng)畫(huà)的制作，一起學(xué)習(xí)動(dòng)畫(huà)補(bǔ)間的制作?！保ㄈ┖献魃献灾魈骄浚瓿赡繕?biāo)任務(wù)二：制作動(dòng)畫(huà)“移動(dòng)的太陽(yáng)” （通過(guò)實(shí)例的展示以及師生共同分析，進(jìn)一步加深學(xué)生對(duì)元件的理解。）師：“首先我來(lái)演示給同學(xué)們看，同學(xué)們可以一邊聽(tīng)一邊跟著操作。”1、建立一個(gè)新文檔，雙擊圖層1，將圖層1改名為“背景”。2、執(zhí)行“文件導(dǎo)入導(dǎo)入到庫(kù)”命令，將一幅名為“綠色家園”的背景圖片導(dǎo)入到元件庫(kù)中。3、執(zhí)行“窗口庫(kù)”命令，打開(kāi)元件庫(kù)。選擇“背景”層的第1幀，將元件庫(kù)中的“綠色家園”

8、圖片拖入場(chǎng)景，并調(diào)整好大小和位置。選中第40幀，插入幀，使動(dòng)畫(huà)延長(zhǎng)到40幀，即在140幀均能顯示這幅圖片，再鎖定“背景”層。單擊圖層區(qū)左下角的“插入圖層”按鈕創(chuàng)建圖層2，并改名為“太陽(yáng)”。4、執(zhí)行“文件導(dǎo)入導(dǎo)入到庫(kù)”命令，將一幅名為“太陽(yáng)”的圖片導(dǎo)入到元件庫(kù)中，并拖放到場(chǎng)景的左上方。選中“太陽(yáng)”圖片，執(zhí)行“修改位圖轉(zhuǎn)換為矢量圖”命令，將“太陽(yáng)”圖片轉(zhuǎn)換為矢量圖。用“選擇”工具選取圖片邊緣的部分，按delete鍵刪除。（flash動(dòng)畫(huà)主要由矢量圖組成，體積小，放大和縮小圖片不會(huì)失真。和點(diǎn)陣圖相反。）5、選中“太陽(yáng)”圖片，執(zhí)行“修改轉(zhuǎn)換為元件”命令，將其轉(zhuǎn)換成為名為“太陽(yáng)”的圖形元件。6、在圖層“

9、太陽(yáng)”的第40幀插入關(guān)鍵幀，將元件“太陽(yáng)”移動(dòng)到場(chǎng)景右側(cè)。單擊第1幀，在幀“屬性”面板中，設(shè)置“補(bǔ)間”框中的選項(xiàng)為“動(dòng)畫(huà)”。7、執(zhí)行“控制播放”命令，觀看效果。并保存。（導(dǎo)出：在flash中指的是生成一個(gè)擴(kuò)展名為swf的文件，方法是“文件”“導(dǎo)出”“導(dǎo)出影片”。）學(xué)生完成作品以后，先讓每組內(nèi)部進(jìn)行互評(píng)，再選出幾個(gè)作品師生互評(píng)。師：“通過(guò)剛才的作品，請(qǐng)同學(xué)們要注意幾下幾點(diǎn)：1、 構(gòu)成“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的元素是元件，在“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)中運(yùn)動(dòng)對(duì)象必須是元件。2、 元件的概念和元件的操作方法。在使用flash制作動(dòng)畫(huà)時(shí)，常常會(huì)遇到重復(fù)使用同一個(gè)圖形、按鈕或者影片剪輯的問(wèn)題，這時(shí)可以將重復(fù)使用的部分定義為

10、“元件”，這樣可以方便操作并有效地減少作品的大小。元件發(fā)生改變時(shí)，所有引用該元件的對(duì)象都將隨之改變。3、 先在結(jié)束幀插入關(guān)鍵幀，然后編輯對(duì)象（太陽(yáng)）。4、 單擊開(kāi)始幀，創(chuàng)建動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)?！睅煟骸皠?dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)不但可以改變同一運(yùn)動(dòng)對(duì)象的位置，還可改變它的大小、顏色、透明度、旋轉(zhuǎn)等。我們可以通過(guò)屬性面板的相應(yīng)設(shè)置來(lái)改變運(yùn)動(dòng)對(duì)象和幀的屬性?！薄熬弰?dòng)”：0到-100，速度由慢到快，加速補(bǔ)間。 0到100，速度由快到慢，減速補(bǔ)間?！靶D(zhuǎn)”：無(wú)：禁止元件旋轉(zhuǎn)。 自動(dòng)：在需要最小動(dòng)作的方向上旋轉(zhuǎn)對(duì)象依次。 順時(shí)針、逆時(shí)針：后面輸入數(shù)字，可以使元件在運(yùn)動(dòng)時(shí)旋轉(zhuǎn)相應(yīng)的角度?！罢{(diào)整到路徑”：將補(bǔ)間元素的基線調(diào)整到運(yùn)

11、動(dòng)路徑，此項(xiàng)主要用于引導(dǎo)線運(yùn)動(dòng)?！巴健保菏箞D形元件實(shí)例的動(dòng)畫(huà)與主時(shí)間軸同步?！皩?duì)齊”：根據(jù)對(duì)象中點(diǎn)的位置將補(bǔ)間元素附加到運(yùn)動(dòng)路徑，此項(xiàng)也主要用于引導(dǎo)項(xiàng)運(yùn)動(dòng)。師：“我們既然知道了屬性面板里的知識(shí)，就一定要應(yīng)用起來(lái)，這才是學(xué)到了知識(shí)?，F(xiàn)在請(qǐng)同學(xué)們看這樣一個(gè)flash動(dòng)畫(huà)，看看有什么不一樣啊？”學(xué)：“在旋轉(zhuǎn)。”師：“對(duì)，很明顯，太陽(yáng)在旋轉(zhuǎn)，好，現(xiàn)在我們一起在完成任務(wù)三。”任務(wù)三：制作動(dòng)畫(huà)“旋轉(zhuǎn)的太陽(yáng)”旋轉(zhuǎn)：指的是物體在運(yùn)動(dòng)過(guò)程中自身發(fā)生翻轉(zhuǎn)；可以在起始關(guān)鍵幀屬性頁(yè)面上的“旋轉(zhuǎn)”選項(xiàng)中進(jìn)行修改。注意：要單擊這段動(dòng)畫(huà)的開(kāi)始幀，在其相應(yīng)屬性面板里進(jìn)行屬性的設(shè)置。安排學(xué)生分成小組，每組選出一名組長(zhǎng)，在合作

12、的基礎(chǔ)上自主制作動(dòng)畫(huà)“移動(dòng)的太陽(yáng)”。教師巡視，個(gè)別指導(dǎo)。最后請(qǐng)學(xué)生回答是如何操作的，并挑出幾個(gè)作品進(jìn)行評(píng)價(jià)。（四）課堂擴(kuò)展：主要針對(duì)學(xué)有余力的學(xué)生，基礎(chǔ)差的學(xué)生繼續(xù)學(xué)習(xí)前面的內(nèi)容。任務(wù)四：現(xiàn)在我給同學(xué)們提供一些圖片，請(qǐng)大家自由發(fā)揮，制作出精彩的flash動(dòng)畫(huà)。（自由發(fā)揮、自主創(chuàng)作）提示：給大家的都是gif圖片，所以和前面的制作有點(diǎn)不一樣。 1、在場(chǎng)景中新建一圖層。2、新建一個(gè)元件（插入創(chuàng)建新元件），可以自己取個(gè)名稱(chēng)（元件1），在類(lèi)型中選擇圖形。3、把gif圖片導(dǎo)入到舞臺(tái)。（文件導(dǎo)入導(dǎo)入到舞臺(tái)）4、回到場(chǎng)景，從庫(kù)中拖剛才新件的元件（元件1）到場(chǎng)景中，下面的操作和前面一樣，比如，可以在第40幀（自己決定）插入關(guān)鍵幀，把元件1拖到另一個(gè)位置。單擊第1幀，設(shè)置動(dòng)畫(huà)補(bǔ)間。評(píng)價(jià)作品，請(qǐng)學(xué)生講講你是如何制作的，構(gòu)思又是如何的。（五）小結(jié)：本章是全書(shū)的重點(diǎn)，主要講述了運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)和形狀補(bǔ)間動(dòng)畫(huà)動(dòng)畫(huà)的方法和步驟。其中，