《制作Flash動(dòng)畫(huà)》教學(xué)設(shè)計(jì)

黃晶晶

● 教材分析

《制作Flash動(dòng)畫(huà)》選自江蘇省教研室編著的《初中信息技術(shù)（8年級(jí)）》教材（江蘇科學(xué)技術(shù)出版社，2019年修訂）第1章《設(shè)計(jì)與制作動(dòng)畫(huà)》第3節(jié)，本節(jié)課是其中的第1課時(shí)。本節(jié)課的主要內(nèi)容包括元件、補(bǔ)間、層，通過(guò)對(duì)元件的類型、作用以及制作動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的主要步驟的講解，讓學(xué)生進(jìn)一步體會(huì)用計(jì)算機(jī)制作動(dòng)畫(huà)與人工的不同及其優(yōu)勢(shì)，以激發(fā)學(xué)生的學(xué)習(xí)興趣，為后續(xù)學(xué)習(xí)打下基礎(chǔ)。

● 學(xué)情分析

本節(jié)課的學(xué)習(xí)對(duì)象是初二學(xué)生，他們已經(jīng)學(xué)習(xí)了第1章《設(shè)計(jì)與制作動(dòng)畫(huà)》第1、2節(jié)的內(nèi)容，了解了動(dòng)畫(huà)的基本原理，進(jìn)行了逐幀動(dòng)畫(huà)的制作，初步體驗(yàn)了用計(jì)算機(jī)制作動(dòng)畫(huà)。本節(jié)課旨在讓學(xué)生了解元件在動(dòng)畫(huà)制作中的作用，學(xué)會(huì)制作圖形元件、影片剪輯元件，掌握制作動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的主要步驟，了解計(jì)算機(jī)處理動(dòng)畫(huà)信息的優(yōu)勢(shì)，為后續(xù)完整的動(dòng)畫(huà)制作打下基礎(chǔ)。

● 教學(xué)目標(biāo)

（1）了解元件的類型及其在動(dòng)畫(huà)制作中的作用，學(xué)會(huì)制作圖形元件、影片剪輯元件。

（2）了解補(bǔ)間動(dòng)畫(huà)的基本概念，掌握制作補(bǔ)間動(dòng)畫(huà)的基本步驟。

（3）在制作補(bǔ)間動(dòng)畫(huà)的過(guò)程中，培養(yǎng)分析、歸納能力。

（4）通過(guò)補(bǔ)間動(dòng)畫(huà)的制作，進(jìn)一步了解用計(jì)算機(jī)處理動(dòng)畫(huà)信息的優(yōu)勢(shì)。

● 教學(xué)重難點(diǎn)

元件的使用，動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的制作。

● 教學(xué)方法

任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)、合作學(xué)習(xí)。

● 教學(xué)準(zhǔn)備

網(wǎng)絡(luò)機(jī)房、任務(wù)卡、課件。

● 教學(xué)過(guò)程

課間循環(huán)播放視頻：2019年無(wú)錫市天一實(shí)驗(yàn)學(xué)校運(yùn)動(dòng)會(huì)開(kāi)幕式走方陣和升國(guó)旗（時(shí)長(zhǎng)2分37秒）。

1.新課導(dǎo)入

師：同學(xué)們，大家好，我來(lái)自無(wú)錫市天一實(shí)驗(yàn)學(xué)校，剛才播放的是無(wú)錫市天一實(shí)驗(yàn)學(xué)校今年運(yùn)動(dòng)會(huì)開(kāi)幕式上走方陣和升國(guó)旗的視頻，聽(tīng)說(shuō)我們宜興市實(shí)驗(yàn)中學(xué)這周五也要開(kāi)運(yùn)動(dòng)會(huì)，我相信開(kāi)幕式肯定也很精彩。運(yùn)動(dòng)會(huì)，是我們大家都喜歡的活動(dòng)，從開(kāi)幕式走方陣開(kāi)始，每個(gè)班都使出渾身解數(shù)，每個(gè)人都心系集體，共同維護(hù)集體的榮譽(yù)，在陣陣加油聲中我們真正凝聚成一個(gè)溫暖的大家庭。

教師展示“01開(kāi)幕式ok.swf”，引出課題：今天我們就一起來(lái)合作學(xué)習(xí)，嘗試做一個(gè)簡(jiǎn)單的運(yùn)動(dòng)會(huì)開(kāi)幕式Flash動(dòng)畫(huà)。一個(gè)復(fù)雜動(dòng)畫(huà)可以分解成若干個(gè)簡(jiǎn)單的動(dòng)畫(huà)，那么我們這個(gè)動(dòng)畫(huà)是由幾個(gè)場(chǎng)景組成的？

生：走方陣、放飛氣球、升國(guó)旗。

師：非常好，我們先來(lái)完成第一個(gè)場(chǎng)景——走方陣。

設(shè)計(jì)意圖：以無(wú)錫市天一實(shí)驗(yàn)學(xué)校運(yùn)動(dòng)會(huì)開(kāi)幕式導(dǎo)入，貼近學(xué)生的生活實(shí)際，不僅可以激起學(xué)生想看看其他學(xué)校的學(xué)生怎樣在學(xué)校的運(yùn)動(dòng)會(huì)上展現(xiàn)班級(jí)風(fēng)采的好奇心，還可以在分析動(dòng)畫(huà)的過(guò)程中，培養(yǎng)學(xué)生的分析、歸納能力。

2.任務(wù)1：添加氣球（建立氣球元件）

師：（展示PPT：手持氣球方陣圖片）現(xiàn)在即將朝我們走來(lái)的是手持氣球方陣，同學(xué)們已經(jīng)在工作區(qū)候場(chǎng)了，但是手里卻沒(méi)拿氣球，老師想請(qǐng)大家給每位同學(xué)的手里添上紅色氣球。你們會(huì)怎么做呢？

生：直接畫(huà)。

師：那全班50位同學(xué)，我們就需要畫(huà)50個(gè)氣球，是不是有點(diǎn)煩瑣?。?/p>

生：復(fù)制粘貼。

師：這是一種辦法，但老師今天要和大家一起學(xué)習(xí)教材P10上的辦法——元件。元件是組成動(dòng)畫(huà)的重要元素，是指在Flash動(dòng)畫(huà)中創(chuàng)建且保存在庫(kù)面板中的元素，然后可在整個(gè)文檔或其他文檔中反復(fù)調(diào)用該元件。使用元件可以減小文檔的文件大小，還可以加快SWF文件的回放速度，因?yàn)樵恍柘螺d到Flash Player中一次。

教師打開(kāi)“01學(xué)生用開(kāi)幕式.fla”，展示已經(jīng)設(shè)置好的3個(gè)場(chǎng)景，先做第1個(gè)場(chǎng)景。

教師邊演示邊講解制作氣球圖形元件的三個(gè)步驟：①執(zhí)行插入菜單的新建元件命令，出現(xiàn)創(chuàng)建新元件對(duì)話框;②輸入元件名稱“氣球”，類型選擇圖形后，單擊確定按鈕，進(jìn)入元件編輯區(qū);③在元件編輯區(qū)中繪制紅色氣球的圖形，所建立的“氣球”元件會(huì)自動(dòng)進(jìn)入庫(kù);④單擊時(shí)間軸上方的“場(chǎng)景走方陣”，進(jìn)入場(chǎng)景，將庫(kù)中的元件拖動(dòng)到舞臺(tái)的合適位置，再用“任意變形工具”改變圖形的大小、角度等屬性，改好一個(gè)后可以復(fù)制粘貼節(jié)省時(shí)間，也可以反復(fù)調(diào)用每一個(gè)設(shè)置不同的位置、大小、角度。

師：在桌面上，老師給大家發(fā)了“01學(xué)生用開(kāi)幕式.fla”，請(qǐng)同學(xué)們打開(kāi)這個(gè)文件直接操作，“02小結(jié)闖關(guān)”是學(xué)完本節(jié)課的知識(shí)后需要做的闖關(guān)題，“03加油站”是老師提供給大家的幫助視頻，里面有每一個(gè)知識(shí)點(diǎn)的詳細(xì)操作。

學(xué)生合作學(xué)習(xí)：①結(jié)合教材P10以及參考視頻“01建立氣球元件”，給每位同學(xué)的手里添上紅色氣球;②填寫(xiě)任務(wù)卡上任務(wù)1中的問(wèn)題——元件的3種類型分別是什么？同桌兩人為一組，一臺(tái)電腦播放幫助視頻，一臺(tái)電腦進(jìn)行討論操作，共同完成一個(gè)作品，填寫(xiě)一份任務(wù)卡，完成后可以去幫助其他需要幫助的小組。

教師講解元件的3種類型：圖形元件是靜止圖片，影片剪輯元件是動(dòng)畫(huà)，按鈕元件主要用來(lái)存放程序代碼。

設(shè)計(jì)意圖：給每一位同學(xué)的手中添加氣球，如果一個(gè)個(gè)畫(huà)會(huì)很煩瑣，利用元件可以節(jié)省時(shí)間，很方便，并分析得出元件的作用：作用1——可以反復(fù)調(diào)用;作用2——可以減小文件容量大小，便于傳輸。也有學(xué)生會(huì)提出先畫(huà)一個(gè)，然后復(fù)制粘貼，教師先不講解為什么不采用復(fù)制粘貼的辦法，為后面引出元件作用3——便于修改埋下伏筆。

3.任務(wù)2：在氣球上加上班級(jí)（修改氣球元件）

師：當(dāng)我們換上最整齊的服裝，邁著最堅(jiān)定的步伐，喊著最響亮的口號(hào)，以最飽滿的情緒走向舞臺(tái)的時(shí)候，每一個(gè)人心中都有著滿滿的集體榮譽(yù)感，我們肯定希望大家一眼就能看出最棒的我們是幾班的，那有什么辦法可以讓大家一眼就能看到嗎？我們可以在氣球上印上我們的班級(jí)。

學(xué)生合作學(xué)習(xí)：①參考視頻“02修改氣球元件”，以最快的方法給所有氣球加上我們的班級(jí);②填寫(xiě)任務(wù)卡上任務(wù)2中的3個(gè)問(wèn)題——畫(huà)好一個(gè)氣球，再進(jìn)行復(fù)制和粘貼，也能快速地在每位同學(xué)手里添加氣球，為什么要建立氣球元件呢？修改元件除了可以增加文字，我們還可以修改元件的什么呢？元件的作用是什么？同桌兩人為一組，共同討論完成一個(gè)作品，填寫(xiě)一份任務(wù)卡，完成后可以去幫助其他需要幫助的小組。

教師請(qǐng)學(xué)生上臺(tái)演示操作并且具體講解。

設(shè)計(jì)意圖：在氣球上加上班級(jí)，是修改元件知識(shí)點(diǎn)的體現(xiàn)，通過(guò)修改一個(gè)元件，舞臺(tái)上所有實(shí)例全部發(fā)生改變，所有氣球一下子都加上了班級(jí)，讓學(xué)生從實(shí)踐中分析出元件作用3——元件便于修改。

4.任務(wù)3：制作動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)

師：現(xiàn)在，同學(xué)們都拿好了氣球在工作區(qū)準(zhǔn)備好了，馬上就要走向舞臺(tái)，如果用我們之前學(xué)過(guò)的逐幀動(dòng)畫(huà)知識(shí)來(lái)做，一個(gè)完整的30幀走方陣動(dòng)畫(huà)，我們就需要做30幀位置不同的畫(huà)面，感覺(jué)是不是有點(diǎn)煩瑣？今天我們一起來(lái)學(xué)習(xí)一種新的動(dòng)畫(huà)制作的方法——補(bǔ)間動(dòng)畫(huà)，只需要3步就能完成。

學(xué)生合作學(xué)習(xí)：①結(jié)合教材P12-13以及參考視頻“03走方陣”，完成方陣從準(zhǔn)備區(qū)到舞臺(tái)的動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà);②填寫(xiě)任務(wù)卡上任務(wù)3中的問(wèn)題——制作補(bǔ)間動(dòng)畫(huà)的主要步驟有哪些？同桌兩人為一組，共同討論完成一個(gè)作品，填寫(xiě)一份任務(wù)卡，完成后可以去幫助其他需要幫助的小組。

教師請(qǐng)學(xué)生上臺(tái)演示操作并且具體講解。

教師補(bǔ)充補(bǔ)間動(dòng)畫(huà)技術(shù)的三個(gè)步驟：①建立開(kāi)始關(guān)鍵幀，并在場(chǎng)景中編輯對(duì)象;②建立結(jié)束關(guān)鍵幀，并在場(chǎng)景中編輯對(duì)象;③生成兩關(guān)鍵幀之間的補(bǔ)間動(dòng)畫(huà)。在第1幀到最后一幀之間任意一幀右擊選擇創(chuàng)建補(bǔ)間動(dòng)畫(huà)，會(huì)自動(dòng)產(chǎn)生一條箭頭實(shí)線，補(bǔ)間動(dòng)畫(huà)自動(dòng)生成。

設(shè)計(jì)意圖：通過(guò)自主探究、合作學(xué)習(xí)來(lái)完成課堂任務(wù)，培養(yǎng)學(xué)生的合作精神，把逐幀動(dòng)畫(huà)的操作步驟和補(bǔ)間動(dòng)畫(huà)的操作步驟進(jìn)行對(duì)比，進(jìn)一步了解用計(jì)算機(jī)處理動(dòng)畫(huà)的優(yōu)勢(shì)，激發(fā)學(xué)生的學(xué)習(xí)興趣，讓其對(duì)以后學(xué)習(xí)復(fù)雜動(dòng)畫(huà)增加信心。

5.任務(wù)4：放飛氣球

師：手持氣球方陣走到舞臺(tái)上，放飛了手中的氣球，很多氣球一起飛到天空，那么多氣球是否需要一個(gè)個(gè)來(lái)做？用我們剛剛學(xué)過(guò)的什么知識(shí)點(diǎn)來(lái)做？

生：元件。

師：很好，這里的氣球和前面拿在手里的氣球有所區(qū)別——這里的是運(yùn)動(dòng)的氣球，前面的是靜止的氣球。用元件的影片剪輯類型，我們只需要完成一個(gè)放飛氣球的影片剪輯元件，然后反復(fù)調(diào)用到舞臺(tái)就可以了。請(qǐng)大家切換到場(chǎng)景放飛氣球。

學(xué)生合作學(xué)習(xí)：①參考視頻“04放飛氣球”，完成任務(wù)4——放飛氣球;②分析開(kāi)始和結(jié)束兩個(gè)關(guān)鍵幀中，對(duì)象的哪些屬性可以被改變。同桌兩人為一組，共同討論完成一個(gè)作品，填寫(xiě)一份任務(wù)卡，完成后可以去幫助其他需要幫助的小組。

教師請(qǐng)學(xué)生上臺(tái)演示操作并且具體講解。

發(fā)現(xiàn)問(wèn)題：在測(cè)試影片時(shí)，放飛氣球場(chǎng)景一閃而過(guò)，幾乎看不見(jiàn)。

解決問(wèn)題：為了延長(zhǎng)顯示時(shí)間，可以在30幀處插入幀，表示這個(gè)畫(huà)面需要30幀。

教師小結(jié)：動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)可以實(shí)現(xiàn)位置、大小和角度的改變。

設(shè)計(jì)意圖：放飛氣球也是元件在動(dòng)畫(huà)制作中的體現(xiàn)，是影片剪輯類型，同時(shí)，在制作放飛氣球影片剪輯時(shí)又用到了之前建立的氣球圖形元件，方便快捷，反復(fù)調(diào)用，真正學(xué)會(huì)了元件的使用。

6.拓展任務(wù)：升國(guó)旗

師：學(xué)有余力的同學(xué)，可以以小組為單位，結(jié)合視頻“05升國(guó)旗”，討論如何完成場(chǎng)景升國(guó)旗，每個(gè)小組完成一個(gè)作品。

設(shè)計(jì)意圖：拓展任務(wù)的設(shè)置是為了分層教學(xué)，在完成課堂基本任務(wù)的基礎(chǔ)上，學(xué)有余力的學(xué)生可以根據(jù)視頻去學(xué)習(xí)，去挑戰(zhàn)。

學(xué)生上交作品，教師展示學(xué)生的作品，經(jīng)過(guò)自評(píng)、互評(píng)、教師評(píng)來(lái)更好地完善作品，更好地理解本節(jié)課的教學(xué)內(nèi)容。

7.小結(jié)

師：今天我們學(xué)習(xí)了制作Flash動(dòng)畫(huà)的相關(guān)知識(shí)，我們一起來(lái)回憶一下元件的建立、類型（圖形、影片剪輯、按鈕）、修改以及作用（可以反復(fù)調(diào)用;減小文件容量，便于傳輸;便于修改）。我們也掌握了制作補(bǔ)間動(dòng)畫(huà)的主要步驟——建立開(kāi)始關(guān)鍵幀，并在場(chǎng)景中編輯對(duì)象;建立結(jié)束關(guān)鍵幀，并在場(chǎng)景中編輯對(duì)象;生成兩關(guān)鍵幀之間的補(bǔ)間動(dòng)畫(huà)。

師：同學(xué)們，我們?cè)谏凶铋W亮的年紀(jì)走到了一起，或許是源于對(duì)知識(shí)的渴求，或許是源于對(duì)夢(mèng)想的憧憬，無(wú)論我們來(lái)自哪里，我們都擁有同一個(gè)夢(mèng)，相聚在同一個(gè)班級(jí)。集體榮譽(yù)感并不是必須通過(guò)一些轟轟烈烈的大事體現(xiàn)的，更多的時(shí)候需要我們從身邊的小事做起，比如，我們下課后全班每一位同學(xué)把桌子上的鼠標(biāo)、鍵盤(pán)、教材整理一下，回教室的過(guò)程中不打鬧、不喧嘩，這些都能體現(xiàn)我們的集體榮譽(yù)感。

設(shè)計(jì)意圖：教師畫(huà)龍點(diǎn)睛、提綱挈領(lǐng)地將本節(jié)課所學(xué)的內(nèi)容加以簡(jiǎn)明扼要的概括，便于學(xué)生抓住教學(xué)內(nèi)容的重點(diǎn)，將所學(xué)的知識(shí)系統(tǒng)化，并能在頭腦中構(gòu)建出一定的知識(shí)結(jié)構(gòu)。教師再次強(qiáng)調(diào)集體榮譽(yù)感應(yīng)該從身邊的小事做起，引導(dǎo)學(xué)生樹(shù)立正確的價(jià)值觀。

● 教學(xué)反思

本節(jié)課學(xué)生通過(guò)自主學(xué)習(xí)、合作學(xué)習(xí)來(lái)完成“運(yùn)動(dòng)會(huì)開(kāi)幕式之走方陣”動(dòng)畫(huà)，掌握了圖形元件、影片剪輯元件的制作方法以及創(chuàng)建動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的三個(gè)步驟，并且從實(shí)踐中分析得出元件的作用。

課間循環(huán)播放無(wú)錫市天一實(shí)驗(yàn)學(xué)校運(yùn)動(dòng)會(huì)開(kāi)幕式各班精彩的走方陣表演視頻，牢牢地吸引了學(xué)生的興趣。宜興市實(shí)驗(yàn)中學(xué)也將在本周五開(kāi)展運(yùn)動(dòng)會(huì)，學(xué)生都在緊張地準(zhǔn)備自己班級(jí)的開(kāi)幕式，這個(gè)導(dǎo)入就是來(lái)源于學(xué)生真實(shí)的學(xué)習(xí)生活，一下子就把本節(jié)課的學(xué)習(xí)內(nèi)容變成了和他們自身密切相關(guān)的事情，激發(fā)了學(xué)生的學(xué)習(xí)積極性，運(yùn)動(dòng)會(huì)所帶來(lái)的集體榮譽(yù)感油然而生。

整個(gè)教學(xué)過(guò)程都是圍繞運(yùn)動(dòng)會(huì)開(kāi)幕式走方陣進(jìn)行的，從一開(kāi)始的手持氣球方陣入場(chǎng)，思考如何快速給每位同學(xué)手中添加氣球（新建圖形元件），到想讓所有觀眾一下子得知舞臺(tái)上最棒的我們是幾班的，在氣球上添加文字（修改元件），走到舞臺(tái)上（動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)），再到同學(xué)們放飛手中的氣球（影片剪輯元件），整個(gè)過(guò)程一氣呵成，充滿了濃濃的趣味。

本節(jié)課教師提供了每個(gè)知識(shí)點(diǎn)的操作參考視頻和任務(wù)卡。同桌兩人為一組，通過(guò)教師引導(dǎo)學(xué)生自主學(xué)習(xí)、合作學(xué)習(xí)來(lái)完成本節(jié)課的教學(xué)內(nèi)容，還設(shè)計(jì)了闖關(guān)小結(jié)和拓展任務(wù)。

宜興市實(shí)驗(yàn)中學(xué)的學(xué)生在自主學(xué)習(xí)、合作學(xué)習(xí)方面的能力是非常強(qiáng)的。在小組合作學(xué)習(xí)中，兩位學(xué)生一起觀看視頻，一個(gè)負(fù)責(zé)講解并記錄任務(wù)卡，另一個(gè)負(fù)責(zé)操作，只要本小組先完成了任務(wù)，就可以去當(dāng)小老師，幫助需要幫助的小組完成任務(wù)。學(xué)生在實(shí)踐中探索，在探索中獲取知識(shí)和能力，最終解決自己課堂之初提出的為什么要用元件的所有疑惑。一節(jié)課下來(lái)，學(xué)生不僅掌握了基本的操作技能，還培養(yǎng)了溝通能力、講解能力、傾聽(tīng)能力。本節(jié)課真正地體現(xiàn)了“學(xué)生才是課堂的主體”，大膽放手，真正地把課堂交還給了學(xué)生。

點(diǎn)? 評(píng)

本節(jié)課是無(wú)錫市優(yōu)質(zhì)課評(píng)比活動(dòng)中的一節(jié)課，在整個(gè)教學(xué)過(guò)程中黃老師沒(méi)有采用傳統(tǒng)的“教師講—學(xué)生練”的模式，而是大膽地采用了學(xué)生自主學(xué)習(xí)、小組合作學(xué)習(xí)來(lái)完成課堂教學(xué)任務(wù)。第一，本節(jié)課的導(dǎo)入從學(xué)生的身邊事出發(fā)，緊密聯(lián)系生活實(shí)際，激發(fā)了學(xué)生的學(xué)習(xí)積極性。本周學(xué)校正在準(zhǔn)備運(yùn)動(dòng)會(huì)，其他學(xué)校開(kāi)幕式視頻的播放迅速吸引了學(xué)生的注意，制作開(kāi)幕式動(dòng)畫(huà)的學(xué)習(xí)內(nèi)容拉近了與學(xué)生的距離，激發(fā)了學(xué)生創(chuàng)作動(dòng)畫(huà)的欲望。第二，本節(jié)課設(shè)置了四個(gè)基本課堂任務(wù)，一個(gè)拓展任務(wù)，環(huán)環(huán)相扣，課堂銜接緊湊，層次分明。在分析動(dòng)畫(huà)的過(guò)程中，培養(yǎng)了學(xué)生的分析、歸納能力。同桌兩人為一組，根據(jù)教師提供的知識(shí)點(diǎn)操作參考視頻，通過(guò)自主、合作、探究來(lái)完成任務(wù)卡上的任務(wù)，充分發(fā)揮學(xué)生學(xué)習(xí)的自主性。第三，本節(jié)課在講授新知識(shí)時(shí)都是讓學(xué)生先去發(fā)現(xiàn)問(wèn)題，通過(guò)參考視頻以及小組同伴相互討論嘗試解決問(wèn)題，教師給予一定的幫助。每個(gè)任務(wù)在展示階段都請(qǐng)小組成員進(jìn)行演示，把操作要領(lǐng)與同學(xué)進(jìn)行交流、討論，培養(yǎng)了學(xué)生的傾聽(tīng)、溝通能力。