蝴蝶飛揚(yáng)——“Flash曲線運(yùn)動(dòng)”教學(xué)設(shè)計(jì)

1、蝴蝶飛楊flash曲線運(yùn)動(dòng) 教學(xué)設(shè)計(jì)蘇州田家炳實(shí)驗(yàn)中學(xué) 丁麗麗【引言】每個(gè)新學(xué)期開(kāi)學(xué)初，我都會(huì)針對(duì)高一的新生做有關(guān)信息技術(shù)學(xué)習(xí)調(diào)查。通過(guò)調(diào)查，了解學(xué)生的原先學(xué)習(xí)基礎(chǔ)和學(xué)習(xí)興趣所在。在“你愿意在信息課上學(xué)什么?”的調(diào)查中，很多同學(xué)選擇了“動(dòng)畫(huà)制作”。高一信息技術(shù)基礎(chǔ)第五章音頻、視頻、圖像信息的加工，第二節(jié)音頻、視頻、動(dòng)畫(huà)信息加工中，涉及簡(jiǎn)單的flash 動(dòng)畫(huà)制作。學(xué)完本節(jié)后，學(xué)生對(duì)其中“flash動(dòng)畫(huà)制作”很感興趣，學(xué)習(xí)勁頭也很足?？紤]到現(xiàn)在flash動(dòng)畫(huà)在網(wǎng)絡(luò)應(yīng)用中非常的流行，而且flash新型的構(gòu)思和創(chuàng)意非常符合高中生的年齡特征。在近幾年的省學(xué)業(yè)水平測(cè)試中，我發(fā)現(xiàn)增加了多媒體部分考題，題目考

2、核比例和難度都在增加。于是我在平時(shí)教學(xué)中拓展了flash動(dòng)畫(huà)制作的教學(xué)內(nèi)容，增加了4節(jié)課的內(nèi)容學(xué)習(xí)flash?！窘虒W(xué)分析】本節(jié)蝴蝶飛楊flash曲線運(yùn)動(dòng)是flash制作中的一個(gè)重要的教學(xué)內(nèi)容。前面的幾節(jié)課中，已經(jīng)教學(xué)了直線運(yùn)動(dòng)和形狀漸變的內(nèi)容。曲線運(yùn)動(dòng)是flash動(dòng)畫(huà)制作中一個(gè)基礎(chǔ)而又十分重要的內(nèi)容,很多實(shí)際作品的制作都是在曲線運(yùn)動(dòng)的基礎(chǔ)上產(chǎn)生的。所以學(xué)好這部分內(nèi)容對(duì)于理解和掌握整個(gè)flash的動(dòng)畫(huà)制作很重要。這部分教學(xué)內(nèi)容比較的生動(dòng)有趣，學(xué)生也是很感興趣，如果老師能夠精心的設(shè)計(jì)，能夠讓課堂的教學(xué)豐富多彩。這部分內(nèi)容與實(shí)際的生活結(jié)合起來(lái)會(huì)產(chǎn)生好的效果。把教學(xué)的要點(diǎn)融合在例子的制作中，經(jīng)過(guò)這節(jié)課

3、的學(xué)習(xí)，對(duì)時(shí)間軸、關(guān)鍵幀，圖層的這些重要概念的理解會(huì)進(jìn)一步的加深。這部分內(nèi)容沒(méi)有現(xiàn)成的教材，是我自己結(jié)合學(xué)習(xí)經(jīng)驗(yàn)和網(wǎng)絡(luò)資源設(shè)計(jì)?！緦W(xué)情分析】 學(xué)生雖然對(duì)flash比較感興趣，但整體flash學(xué)習(xí)基礎(chǔ)比較的薄弱，部分學(xué)生有興趣小組或校本課的經(jīng)驗(yàn)，基礎(chǔ)較好，所以要讓這部分學(xué)生帶頭，幫助基礎(chǔ)特差的學(xué)生。學(xué)生在小學(xué)和初中有靜態(tài)圖像的處理技術(shù)，對(duì)動(dòng)態(tài)的圖像處理還是比較的陌生。之前通過(guò)學(xué)生幾節(jié)課flash教學(xué)內(nèi)容的學(xué)習(xí)，大家已掌握了時(shí)間軸、關(guān)鍵幀的基本概念、圖層的含義，動(dòng)作補(bǔ)間、直線運(yùn)動(dòng)的制作方法。在課前我也布置了自學(xué)任務(wù)，要求大家利用自己的資源，書(shū)籍或者網(wǎng)絡(luò)預(yù)習(xí)曲線運(yùn)動(dòng)的制作方法。因?yàn)楸竟?jié)內(nèi)容是拓展的內(nèi)

4、容，所以教學(xué)的難度要降低，對(duì)不同層次的學(xué)生采用不同的教學(xué)要求。基礎(chǔ)差的同學(xué)只要做出小球曲線運(yùn)動(dòng)，就算成功，比較好的學(xué)生可以完成一個(gè)引導(dǎo)層曲線應(yīng)用作品，好的學(xué)生可以完成應(yīng)用多個(gè)引導(dǎo)層動(dòng)畫(huà)作品，要多鼓勵(lì)學(xué)生，遇到困難不要?dú)怵H，多思考，總之要讓學(xué)生快樂(lè)的學(xué)習(xí)flash動(dòng)畫(huà)?！窘虒W(xué)目標(biāo)】1知識(shí)與技能目標(biāo)：l 掌握物體沿固定軌跡運(yùn)動(dòng)的動(dòng)畫(huà)制作方法；l 理解引導(dǎo)層的作用，掌握引導(dǎo)層的添加和引導(dǎo)線的設(shè)置;l 進(jìn)一步深化對(duì)元件、時(shí)間軸、圖層概念的理解和認(rèn)識(shí)，學(xué)生能夠靈活運(yùn)用制作具體曲線運(yùn)動(dòng)動(dòng)畫(huà)；2過(guò)程與方法 通過(guò)講解制作飛舞蝴蝶例子的具體過(guò)程，讓學(xué)生模仿、體驗(yàn)、曲線運(yùn)動(dòng)的實(shí)質(zhì)。設(shè)計(jì)完成一個(gè)曲線運(yùn)動(dòng)作品的制作，

5、通過(guò)請(qǐng)教、協(xié)助、評(píng)價(jià)的方法，讓每個(gè)學(xué)生都有所收獲。 3情感態(tài)度與價(jià)值觀：通過(guò)欣賞、制作、評(píng)價(jià)作品，培養(yǎng)學(xué)生欣賞美的能力，培養(yǎng)學(xué)生自主創(chuàng)新學(xué)習(xí)和探究學(xué)習(xí)的能力。通過(guò)老師自己做的“天平楓葉”作品，培養(yǎng)學(xué)生熱愛(ài)生活、熱愛(ài)自然的品德。通過(guò)幫助同學(xué)教學(xué)，使大家團(tuán)結(jié)友愛(ài)，共同提高;【教學(xué)重點(diǎn)與難點(diǎn)】1、重點(diǎn)：物體沿固定軌跡運(yùn)動(dòng)的動(dòng)畫(huà)制作方法與要點(diǎn)，學(xué)會(huì)引導(dǎo)層建立方法，加深理解和認(rèn)識(shí)元件、時(shí)間軸、圖層的概念。2、難點(diǎn)：綜合運(yùn)用引導(dǎo)層制作曲線運(yùn)動(dòng)動(dòng)畫(huà)作品【教學(xué)方法】一節(jié)好的成功的課堂教學(xué)，需要在教學(xué)過(guò)程中綜合應(yīng)用多種教學(xué)方法。在這節(jié)課中，我根據(jù)教學(xué)經(jīng)驗(yàn)的累積，綜合運(yùn)用了多種教學(xué)法。傳統(tǒng)的演示法，仍然有著不可替

6、代的作用，學(xué)生通過(guò)觀察，模仿老師的曲線運(yùn)動(dòng)演示步驟，掌握操作的流程和要點(diǎn)；任務(wù)驅(qū)動(dòng)法，任務(wù)驅(qū)動(dòng)學(xué)生產(chǎn)生學(xué)習(xí)和探究的動(dòng)力，在讓學(xué)生完成具體作品的制作中，掌握知識(shí)點(diǎn)；分組教學(xué)，讓同學(xué)們產(chǎn)生互相幫助的動(dòng)力，讓小組學(xué)習(xí)的動(dòng)力帶著大家一起進(jìn)步，既激勵(lì)好的同學(xué)，又帶動(dòng)差的同學(xué)；曲線運(yùn)動(dòng)的具體方法做成flash，讓差的同學(xué)自主學(xué)習(xí)，可以考慮學(xué)生之間的差異，照顧到了差的同學(xué)。演示法、舉例法、分組教學(xué)、差異教學(xué)、激勵(lì)法、自學(xué)法 【教學(xué)環(huán)境】網(wǎng)絡(luò)教室   大屏幕 電子教學(xué)系統(tǒng) macromedia flash 6.0 簡(jiǎn)體中文【教學(xué)過(guò)程】一、導(dǎo)入新課 教師展示上節(jié)課動(dòng)畫(huà)學(xué)習(xí)內(nèi)容沿直線運(yùn)動(dòng)小球動(dòng)

7、畫(huà)“move ball1.swf”請(qǐng)同學(xué)欣賞一段flash片斷，梁祝約2分鐘，大家沉浸在美好的音樂(lè)中。提問(wèn)學(xué)生：該flash片斷中的蝴蝶動(dòng)畫(huà)和上節(jié)課講的小球補(bǔ)間運(yùn)動(dòng)動(dòng)畫(huà)的區(qū)別？學(xué)生答：小球是直線運(yùn)動(dòng)，而蝴蝶是曲線運(yùn)動(dòng)。教師講解：在實(shí)際flash制作中更多的是讓物體沿固定軌跡運(yùn)動(dòng)，今天這節(jié)課我們就來(lái)學(xué)習(xí)物體的曲線運(yùn)動(dòng)設(shè)計(jì)意圖：展示小球直線運(yùn)動(dòng)喚起大家對(duì)上節(jié)課內(nèi)容的回憶，為今天的曲線運(yùn)動(dòng)做對(duì)比。由梁祝flash開(kāi)場(chǎng)引入，起到點(diǎn)題作用，營(yíng)造一個(gè)良好的教學(xué)情境，為曲線運(yùn)動(dòng)的教學(xué)做鋪墊。梁祝是中國(guó)的傳統(tǒng)故事，翩翩起舞的美麗蝴蝶，憂傷的音樂(lè)可以給學(xué)生美的視覺(jué)享受。二、 新課展示 課題： 蝴蝶飛楊flash

8、曲線運(yùn)動(dòng) 物體的曲線運(yùn)動(dòng)在生活中很常見(jiàn)，教師展示若干曲線運(yùn)動(dòng)的動(dòng)畫(huà)例子，如翻跟頭的飛機(jī)、飛翔的小鳥(niǎo)、飄落的葉子等，這么有趣的動(dòng)畫(huà)是如何做成的？軌跡動(dòng)畫(huà)是在直線運(yùn)動(dòng)的基礎(chǔ)上進(jìn)行的，別著急，先來(lái)復(fù)習(xí)一下看看直線運(yùn)動(dòng)時(shí)如何做的？復(fù)習(xí)直線運(yùn)動(dòng)的基本方法 請(qǐng)學(xué)生操作演示：一個(gè)基本的小球直線運(yùn)動(dòng)幀動(dòng)畫(huà)，（直線運(yùn)動(dòng)的三部曲）步驟：第一步：第一幀畫(huà)一小球，轉(zhuǎn)化為元件； 第二步：第30幀插入關(guān)鍵幀，將小球移動(dòng)到另一位置； 第三步：創(chuàng)建補(bǔ)間動(dòng)畫(huà) 學(xué)生操作時(shí)，老師要重點(diǎn)提示將小球轉(zhuǎn)化元件和關(guān)鍵幀設(shè)計(jì)意圖：翻跟頭的飛機(jī)、飛翔的小鳥(niǎo)、飄落的葉子是生活中常見(jiàn)的曲線運(yùn)動(dòng)動(dòng)畫(huà)，展示出來(lái)后大家哈哈大笑，激發(fā)了學(xué)習(xí)興趣，由于例子

9、很普遍，學(xué)生也會(huì)覺(jué)得今天的學(xué)習(xí)內(nèi)容很有用。曲線運(yùn)動(dòng)的方法是在直線運(yùn)動(dòng)的基礎(chǔ)上進(jìn)行的，所以直線運(yùn)動(dòng)的步驟很重要，是學(xué)習(xí)曲線運(yùn)動(dòng)的基礎(chǔ)。三 簡(jiǎn)單曲線運(yùn)動(dòng)小球的制作方法 教師講解：曲線運(yùn)動(dòng)看似復(fù)雜，其實(shí)很簡(jiǎn)單，只要在直線運(yùn)動(dòng)的基礎(chǔ)上添加一個(gè)引導(dǎo)線就可以了。教師變講解邊操作示范： 1、制作一個(gè)直線運(yùn)動(dòng)的小球（過(guò)程見(jiàn)前）2、用 按鈕創(chuàng)建一個(gè)引導(dǎo)層引導(dǎo)層 圖標(biāo)：在引導(dǎo)層下方的圖層稱為“被引導(dǎo)層”,被引導(dǎo)層會(huì)比其它圖層往里縮進(jìn)一些。引導(dǎo)層內(nèi)容：只放置繪制的運(yùn)動(dòng)路徑引導(dǎo)線引導(dǎo)層作用：使對(duì)象沿著繪制的運(yùn)動(dòng)路徑（引導(dǎo)線）運(yùn)動(dòng)3、 繪制一條簡(jiǎn)單的引導(dǎo)線4、 在圖層1的第1幀將小球的中心控制點(diǎn)移動(dòng)到路徑的起點(diǎn)。5、

10、在圖層1的第30幀將小球的中心控制點(diǎn)移動(dòng)到路徑的終點(diǎn) 播放動(dòng)畫(huà)，小球就可以沿曲線動(dòng)起來(lái)了！布置任務(wù)：學(xué)生制作一個(gè)簡(jiǎn)單曲線運(yùn)動(dòng)小球 可以采用小組幫助的方法，4人一組，小組長(zhǎng)記錄成功完成曲線運(yùn)動(dòng)的人數(shù)，制作失敗的同學(xué)可以請(qǐng)教完成的同學(xué)。4人全部完成很好的小組可以獲得表?yè)P(yáng)。學(xué)生活動(dòng)： 學(xué)生練習(xí)制作一個(gè)簡(jiǎn)單的曲線運(yùn)動(dòng)小球動(dòng)畫(huà) （制作過(guò)程中，老師注意輔導(dǎo)出學(xué)生，提醒學(xué)生注意操作步驟。）提示如果在制作過(guò)程中遇到困難，可以看下發(fā)的“曲線運(yùn)動(dòng)自主學(xué)習(xí)教程.swf”展示ppt制作的要點(diǎn) 教師活動(dòng)：演示3位失敗學(xué)生的作品強(qiáng)調(diào)注意事項(xiàng)：1、沒(méi)有將小球轉(zhuǎn)化為元件，所以導(dǎo)致錯(cuò)誤； 2、沒(méi)有將小球的中心點(diǎn)和起終點(diǎn)吻合。

11、3、引導(dǎo)線過(guò)于復(fù)雜 設(shè)計(jì)意圖：老師講解曲線運(yùn)動(dòng)的過(guò)程中，肯定有學(xué)生沒(méi)有掌握注意點(diǎn)，老師輔導(dǎo)也來(lái)不及，就可以借助學(xué)生自己幫助來(lái)糾正，通過(guò)記錄小組成績(jī)，促使大家好好完成任務(wù)，否則影響小組成績(jī)。“曲線運(yùn)動(dòng)自主學(xué)習(xí)教程.swf”幫助基礎(chǔ)差的同學(xué)觀看曲線運(yùn)動(dòng)的操作過(guò)程，自學(xué)演示失敗的學(xué)生作品，為了強(qiáng)調(diào)曲線運(yùn)動(dòng)容易出錯(cuò)的注意點(diǎn)。 四、 軌跡運(yùn)動(dòng)的實(shí)際應(yīng)用學(xué)會(huì)了曲線小球運(yùn)動(dòng)，那么蝴蝶飛揚(yáng)就很簡(jiǎn)單了 展示蝴蝶沿一定軌跡運(yùn)動(dòng)動(dòng)畫(huà)實(shí)例；提問(wèn)：請(qǐng)同學(xué)思考分析回答創(chuàng)作思路:需要幾個(gè)圖層？簡(jiǎn)單步驟？ 答：2個(gè)圖層、一個(gè)引導(dǎo)層結(jié)合學(xué)生回答教師列出簡(jiǎn)單操作思路：1、 導(dǎo)入背景和蝴蝶圖片；2、 圖層一放背景圖片；3、 圖層二

12、放運(yùn)動(dòng)主體蝴蝶，制作直線運(yùn)動(dòng)4、 添加引導(dǎo)層，畫(huà)引導(dǎo)線5、 蝴蝶吸附引導(dǎo)線起點(diǎn)和終點(diǎn) 學(xué)生探索活動(dòng)：要求每個(gè)小組利用下發(fā)素材選擇主題進(jìn)行創(chuàng)作：如回家的小熊，飄落的樹(shù)葉，飛舞的蝴蝶、游泳的魚(yú)等嘗試運(yùn)動(dòng)實(shí)例的創(chuàng)作。要求每組至少有2位同學(xué)完成作品。 設(shè)計(jì)意圖：讓學(xué)生自己選擇實(shí)例的主題，大家會(huì)很感興趣，做的時(shí)候會(huì)積極。讓學(xué)生探索嘗試自己做動(dòng)畫(huà)實(shí)例，然后老師再演示講解，那么大家聽(tīng)得就會(huì)比較的用心。教師演講具體步驟：一、 導(dǎo)入背景：花.jpg, die1.png到庫(kù); 二、 圖層一拖入背景花,調(diào)整大小與場(chǎng)景合適,60幀插入幀 使圖片延續(xù); 三、 圖層二拖入 蝴蝶到第一幀 轉(zhuǎn)化為關(guān)鍵幀，60幀插入關(guān)鍵幀，移

13、動(dòng)位置，創(chuàng)建補(bǔ)間動(dòng)畫(huà)四、 創(chuàng)建建引導(dǎo)層，畫(huà)一跳引導(dǎo)線，五、 蝴蝶所在層移動(dòng)第一幀的蝴蝶到引導(dǎo)線的起始點(diǎn)，60幀移動(dòng)蝴蝶到引導(dǎo)線的重點(diǎn)，注意終點(diǎn)的吸附。小提示：要使對(duì)象沿著路徑旋轉(zhuǎn)，需在被引導(dǎo)層的起始幀屬性中，設(shè)置“調(diào)整到路徑”學(xué)生活動(dòng)：繼續(xù)完善作品的制作，基礎(chǔ)好的同學(xué)可以嘗試多引導(dǎo)層作品的創(chuàng)作學(xué)生遇到問(wèn)題可以舉手，老師要注意輔導(dǎo)。導(dǎo)出五 上交作業(yè)，并簡(jiǎn)單評(píng)價(jià)每組完成情況對(duì)有創(chuàng)意的作品加以表?yè)P(yáng)， 設(shè)計(jì)意圖：表?yè)P(yáng)有創(chuàng)意的作品鼓勵(lì)大家，學(xué)習(xí)要有創(chuàng)新精神，激勵(lì)做的好的同學(xué)繼續(xù)努力。六 演示老師的課余時(shí)間自創(chuàng)作品：天平楓葉情.swf 無(wú)可奈何葉落去.swf課后作業(yè)：圣誕節(jié)到了利用所學(xué)知識(shí)制作一個(gè)曲線運(yùn)動(dòng)

14、動(dòng)畫(huà)送給你的同學(xué)。（如紛紛落下的雪花，圣誕老人送禮物）設(shè)計(jì)意圖：由于我前幾天剛好去蘇州天平山看楓葉，回來(lái)后我自己用在天平山拍的原創(chuàng)照片，結(jié)合楓葉做了2個(gè)flash動(dòng)畫(huà)，意在引導(dǎo)學(xué)生flash作品來(lái)源生活，我們要做一個(gè)熱愛(ài)生活的人，把學(xué)的課堂知識(shí)應(yīng)用到生活中去。【教學(xué)反思】 如何讓我們的課堂生動(dòng)起來(lái)？是我教學(xué)中一直思考的問(wèn)題。教學(xué)內(nèi)容本身是一個(gè)方面，教學(xué)手段和教學(xué)的智慧卻是永遠(yuǎn)可以挖掘的。一直覺(jué)得教師設(shè)計(jì)一節(jié)課很像一個(gè)節(jié)目導(dǎo)演策劃一個(gè)節(jié)目，要考慮方方面面的問(wèn)題，所謂的臺(tái)上5分鐘，臺(tái)下10年功。要在短短的45分鐘之內(nèi)，傳授知識(shí)，達(dá)到效果，就必須精心設(shè)計(jì)好課堂的每個(gè)環(huán)節(jié)、步驟。我一直喜歡看藝術(shù)人生之

15、類的專題節(jié)目，然后借鑒他們?cè)O(shè)計(jì)的方法，應(yīng)用到課堂中。教師是教學(xué)的設(shè)計(jì)者，前期的前期準(zhǔn)備工作和教學(xué)設(shè)計(jì)往往傾注很多的心血。教學(xué)的過(guò)程中，教師始終是個(gè)引導(dǎo)者，貫穿教學(xué)的始終，帶領(lǐng)學(xué)生探索信息技術(shù)知識(shí)的領(lǐng)域。一節(jié)課是否成功，關(guān)鍵是看學(xué)生掌握如何，感受如何？你的教學(xué)意圖有沒(méi)有達(dá)到目的。這節(jié)課我在教學(xué)中，經(jīng)過(guò)高一5個(gè)班級(jí)實(shí)踐，總體效果良好。教學(xué)過(guò)程中，學(xué)生學(xué)習(xí)興趣教高，配合度也高，教學(xué)各個(gè)環(huán)節(jié)的隨著教學(xué)進(jìn)程的開(kāi)展有條不紊的進(jìn)行著。上完課，學(xué)生普遍認(rèn)為這節(jié)課蠻有意思，也學(xué)有收獲。我利用此教案在全校范圍開(kāi)設(shè)了公開(kāi)課，得到了同行老師的好評(píng)。經(jīng)過(guò)這節(jié)課學(xué)習(xí)，所有學(xué)生完成曲線運(yùn)動(dòng)小球?qū)嵗?，完成教學(xué)基本目標(biāo)；大部分學(xué)生完成簡(jiǎn)單作品實(shí)例的制作，完成教學(xué)任務(wù)；個(gè)別學(xué)生完成多個(gè)引導(dǎo)層動(dòng)畫(huà)，為創(chuàng)意作品的產(chǎn)生提高了拓展的空間。各個(gè)層次的學(xué)生都學(xué)有提高，都覺(jué)得有所成就感。小組的互相學(xué)習(xí)，讓同學(xué)之間關(guān)系活躍起來(lái)。很多同