《制作彈性球動畫》教學(xué)設(shè)計

1、第5課 制作彈性球動畫（1）一、教材內(nèi)容分析： 本課選自選自人民教育出版社義務(wù)教育初級中學(xué)教科書信息技術(shù)八年級上冊，第一單元第五課。本課是在Flash動作補間動畫制作的基礎(chǔ)上設(shè)置的一節(jié)綜合運用課。二、教學(xué)對象分析：  本課教學(xué)對象是初中二年級學(xué)生，我根據(jù)我校初二學(xué)生的實際，旨在讓他們打好基礎(chǔ)，以基礎(chǔ)為指導(dǎo)，掌握舊知識，解決新問題。三、教學(xué)目標：1、知識與技能目標：掌握拷貝幀、粘貼幀的操作方法。了解“混色器” 、“網(wǎng)格”線 、“簡易”參數(shù)的運用。培養(yǎng)學(xué)生綜合運用所學(xué)知識觀察、分析和解決問題的能力。2、過程與方法目標：通過創(chuàng)設(shè)情境，任務(wù)驅(qū)動，啟發(fā)學(xué)生自主學(xué)習(xí)，分組合作探究，其間教師講解演

2、示適當加以引導(dǎo)的方式，掌握彈性球動畫制作的方法與技巧。3、情感、態(tài)度與價值觀目標：通過學(xué)生之間的合作探究，培養(yǎng)學(xué)生互相協(xié)助，增進學(xué)生之間的友誼。給學(xué)生以方法、以鼓勵、以創(chuàng)新，讓學(xué)生享受成就感，樹立學(xué)習(xí)的自信心。培養(yǎng)學(xué)生的信息素養(yǎng)，提高學(xué)習(xí)信息技術(shù)的興趣。四、教學(xué)重點： 鞏固動作補間動畫的知識與方法。 五、教學(xué)難點： 1、拷貝幀、粘貼幀的操作方法。 2、“混色器” 、“網(wǎng)格”線 、“簡易”參數(shù)的運用。六、教學(xué)方法： 任務(wù)驅(qū)動法，講解演示法，自主學(xué)習(xí)、合作探究法、練習(xí)法七、教學(xué)準備： 電腦室、WINDOWS XP3系統(tǒng)、FLASH MX軟件、極域電子教學(xué)平臺、FLASH教學(xué)演示

3、作品。八、教學(xué)課時： 二課時第 一 課 時九、 教學(xué)過程：（一）創(chuàng)設(shè)情境，導(dǎo)入新課：  師：首先請同學(xué)們欣賞2011年溫州初中學(xué)生籃球友誼賽視頻剪輯，注意觀察籃球健將運球時，籃球是怎樣運動的？生：籃球在人手掌的用力下，落下彈起有規(guī)律地運動。師：那你們有沒有想過利用自己已經(jīng)學(xué)過的知識制作一個模擬籃球運動的動畫呢？生：沒有想過。師：有位同學(xué)制作了籃球的模擬動畫彈性球動畫，下面請同學(xué)們觀察一下，動畫效果怎樣？看對自己有沒有什么啟發(fā)？師：屏幕播放彈性球動畫。師：你們想不想也來制作一個這樣的動畫呢？師：這節(jié)課我們就來學(xué)習(xí)制作彈性球動畫?！驹O(shè)計意圖：通過讓學(xué)生觀察籃球的運動，并聯(lián)系我們

4、以前所學(xué)知識，從而順理成章的引出本課要解決的新問題，激發(fā)學(xué)生們學(xué)習(xí)的興趣?！浚ǘ┤蝿?wù)驅(qū)動，探究新知：任務(wù)1：制作一個由上而下運動的圓。師：如果我們把剛才視頻中的籃球看作一個“彈性球” ，籃球的運動效果也就相當于一個彈性球上下有規(guī)律性地運動，這又怎么來實現(xiàn)呢？生：大體上來說，讓彈性球由上向下運動即可。師：前面我們已經(jīng)學(xué)過在flash里制作一個由屏幕的左上角向右下角運動的圓，那么我們能不能在些基礎(chǔ)上來實現(xiàn)這個動畫效果呢？師：下面請同學(xué)們在前面學(xué)習(xí)的基礎(chǔ)上創(chuàng)建一個由上向下運動的圓。生：同桌、小組交流，開始動手制作動畫。師：巡視，看誰做得又快又好。師：展示由上而下運動的圓動畫效果。【設(shè)計意圖：在新課

5、伊始，通過老師引導(dǎo)，學(xué)生互動，讓學(xué)生積極聯(lián)系已前學(xué)過的舊知識分析解決當前遇到的新問題，從而提高他們分析問題、解決問題的能力?！咳蝿?wù)2：制作“彈性球”圖形。 師：通過剛才的動畫演示，同學(xué)們發(fā)現(xiàn)兩個動畫中的運動對象“圓”和“彈性球”有什么相同點和不同點？生：回答（略）師：根據(jù)同學(xué)們的回答列表如下：圓彈性球備注相同點工具箱中的“橢圓工具”制作工具相同不同點單色漸變色填充的顏色不同平面立體動畫效果不同師：通過列表分析，要制作彈性球動畫首先要制作它的運動對象彈性球。下面大家能否自己動手來制作一個“彈性球”圖形（或彈性球元件）呢？師：展示“彈性球”圖形的制作步驟。（其中第1步、第2步、第4步同學(xué)們可以自己

6、獨立完成，第3步老師講解演示完成。）（提示：制作彈性球元件前面已經(jīng)學(xué)過，感興趣的學(xué)生課后可以對照課本進行練習(xí)。）第1步：啟動Flash MX(同時會自動新建一個Fash文檔),單擊“修改”菜單，執(zhí)行“文檔”命令，打開“文檔屬性”對話框，在尺寸框中把寬度和高度的 設(shè)為300px×400px,把背景色設(shè)為黑色。背景色也可自定。邊界色設(shè)置“混色器”面板設(shè)置第2步：先選定工具箱中的“橢圓工具” ，然后對顏色欄中的筆觸顏色設(shè)置為無色，填充色設(shè)置為漸變色（面板左下方第一個）。填充色設(shè)置第3步：單擊“窗口”菜單，執(zhí)行“混色器”命令，打開混色器面板，單擊漸變定義欄右端的滑塊，然后單擊左上方的顏色框，

7、在其中選擇黃色。第4步：按住shift鍵的同時拖動鼠標，在舞臺中就會畫出一個無邊界色的有漸變效果的圓?！驹O(shè)計意圖：通過兩個動畫中運動對象的列表對比，從而得出制作彈性動畫的運動對象是彈性球。在制作的過程中要注意使用“混色器”面板對彈性球進行漸變填充，突出立體效果?！咳蝿?wù)3：制作彈性球落地的動畫。師：觀察前面兩個動畫的運動過程，有什么區(qū)別和聯(lián)系？生：回答（略）師：根據(jù)同學(xué)們的回答列表如下：運動的圓動畫彈性球動畫備注聯(lián)系動作補間動畫動畫類型區(qū)別由上而下的過程1、彈性球下落過程2、彈性球下落被壓扁又恢復(fù)原狀的過程3、彈性球恢復(fù)原狀上彈的過程運動過程最終效果師：從上表我們不難看出，從運動過程來看，運動的

8、圓動畫（由上而下的過程）相當于彈性球動畫（下落過程）。師：既然我們完成了“彈性球”圖形的制作，就很容易地制作彈性球落地的動畫。師：請同學(xué)們根據(jù)我上面的提示制作彈性球落地的動畫。（要求：整個動畫的時間幀長度為25幀。）第5步：雙擊“時間軸”面板中的“圖層1”，將其改名為“彈性球”。第5步第7步第6步第6步：在“時間軸”面板的第25幀插入關(guān)鍵幀，然后選定箭頭工具將其拖至舞臺的下方。第7步：單擊彈性球圖層，然后在時間軸面板中的第1至25幀呈黑色區(qū)域的任易位置右擊，在彈出的快捷菜單中，執(zhí)行“創(chuàng)建補間動畫”命令。生：自己動手獨立完成。師：展示彈性球落地動畫效果?！驹O(shè)計意圖：通過兩個動畫中運動過程的列表對

9、比，從而得出制作彈性動畫的運動過程分3步走。此任務(wù)3為第一步。從而為后面學(xué)習(xí)任務(wù)的開展奠定基礎(chǔ)?！咳蝿?wù)4：制作彈性球落地后未發(fā)生形變又彈起的動畫。師：請同學(xué)們觀察上課前給大家演示的彈性球動畫。在它的運動變化過程中，運動對象的位置、形態(tài)發(fā)生了怎樣的變化？師：我們能不能根據(jù)運動對象的運動形態(tài)與位置變化確定制作彈性球動畫需要多少個關(guān)鍵幀以及“時間軸”面板中的幀數(shù)？第一關(guān)鍵幀 第二關(guān)鍵幀第三關(guān)鍵幀第四關(guān)鍵幀第五關(guān)鍵幀 各關(guān)鍵幀的通過分析得出， 各關(guān)鍵幀的運動形態(tài)、位置及“時間軸”面板對照表：關(guān)  鍵  幀運 動 形 態(tài)位    置“

10、時間軸”面板第1關(guān)鍵幀準備落下屏幕上方第1幀第2關(guān)鍵幀落    下屏幕下方第20幀第3關(guān)鍵幀壓    扁屏幕下方第25幀第4關(guān)鍵幀恢復(fù)原狀屏幕下方第30幀第5關(guān)鍵幀彈    起屏幕上方第50幀師：同學(xué)們再來仔細觀察，在這5個關(guān)鍵幀中，有哪幾個關(guān)鍵幀是位置和形態(tài)都是相同的？哪幾個關(guān)鍵幀是位置相同、但形態(tài)不同呢？生：第1關(guān)鍵幀和第5關(guān)鍵幀，第2關(guān)鍵幀和第4關(guān)鍵幀位置和形態(tài)都是相同的。第2關(guān)鍵幀、第3關(guān)鍵幀、第4關(guān)鍵幀是位置相同但形狀不同。師：當我們遇到要使用完全相同的關(guān)鍵幀時，我們可以用“拷貝幀”和“粘貼幀”

11、命令，避免重復(fù)操作，節(jié)約我們的制作時間。師：下面我們就在制作彈性球落地動畫的基礎(chǔ)上繼續(xù)完成任務(wù)3的制作，大家有信心嗎？請同學(xué)們看老師是怎樣操作的？師：邊講解邊演示拷貝、粘貼過程。粘貼幀拷貝幀第8步：右擊時間軸面板的第1幀，在彈出的快捷菜單中單擊“拷貝幀”命令，然后右擊第50幀，在彈出的快捷的菜單中單擊“粘貼幀”命令，把第1幀中的畫面復(fù)制到第50幀里。師：展示彈性球落地后未發(fā)生形變又彈起的動畫效果?！驹O(shè)計意圖：通過彈性球動畫中運動對象彈性球的運動形態(tài)、運動位置及時間軸面板中關(guān)鍵幀的變化，從而突破本節(jié)課的又一難點知識-拷貝幀、粘貼幀的操作方法】最終效果任務(wù)5：制作彈性球落地后發(fā)生形變又彈起的動畫。

12、師：同學(xué)們，當我們遇到不完全相同的關(guān)鍵幀時，比如第2關(guān)鍵幀、第3關(guān)鍵幀、第4關(guān)鍵幀是位置相同但形狀不同，能不能使用用“拷貝幀”和“粘貼幀”命令進行制作呢？師：我們一起來分析一下，第2、3、4這三個關(guān)鍵幀對應(yīng)的是彈性球落地后壓扁再恢復(fù)原狀的過程，也就是“時間軸” 面板中第20幀、第25幀、第30幀中的彈性球是相同的，只不過就是發(fā)生了形狀的變化，那我們能不能先通過用“拷貝幀”和“粘貼幀”命令使這3個關(guān)鍵幀中的彈性球圖形相同，再把需要發(fā)生形變的彈性球圖形進行調(diào)整呢？ 生：根據(jù)提示自己動手操作。師：巡視學(xué)生的制作情況。歸納制作彈性球落地后發(fā)生形變又彈起的動畫時，首先要將第25幀分別拷貝、粘貼到第20幀

13、和第30幀里，然后對第3關(guān)鍵幀處的“時間軸” 面板中的第25幀中的彈性球進行縮放調(diào)整即可。選中第9步：右擊時間軸面板的第25幀，在彈出的快捷菜單中單擊拷貝幀命令，然后分別右擊第20幀、第30幀，在彈出的快捷的菜單中單擊粘貼幀命令，把第25幀中的畫面復(fù)制到第20幀、第30幀里?？s放第10步：先單擊“時間軸” 面板中的第25幀，然后單擊“修改”菜單執(zhí)行“變形縮放”命令，接著按住鼠標左鍵拖動彈性上的操作點，適當把它壓扁一些，調(diào)整它的位置，使它的下邊緣與變形前下邊緣所在的位置一致。第11步：敲回車鍵或執(zhí)行“控制測試影片”命令，可以看到一個彈性球落地后時發(fā)生了變形，然后又彈起并逐漸恢復(fù)原狀的過程。最后以

14、“彈性球動畫.fla”為文件名保存文檔。 師：對于學(xué)有余力的同學(xué)，在這里老師給大家出示兩個提示： 提示一：要想準確地確定對象在舞臺中的位置，可以根據(jù)舞臺中的網(wǎng)格線。動畫發(fā)布后，網(wǎng)絡(luò)線不會顯示在畫面中。方法：執(zhí)行“查看網(wǎng)格顯示網(wǎng)格”命令，舞臺中就會出現(xiàn)網(wǎng)格線，再執(zhí)行此命令，可以取消網(wǎng)格線。 提示二：為了讓動畫更加逼真，我們可以調(diào)整彈性球落下和彈起的速度。方法：在“時間軸”面板上選定要改變速度的關(guān)鍵幀，然后在“屬性”面板的“簡易”框中輸入適當?shù)臄?shù)（-1到-100的數(shù)表示加速，1到100的數(shù)表示減速）。 師：大家在制作動畫時可以試著運用提示中的方法，對剛才制作

15、完成的動畫進行修改。展示彈性球動畫效果?！驹O(shè)計意圖：通過引導(dǎo)學(xué)生分析彈性球的運動過程，讓學(xué)生理解制作要領(lǐng)，迅速有序的完成動畫制作。又注意學(xué)生的學(xué)習(xí)能力的差異性，以提示的方式，注重不同層次學(xué)生能力的提升?！浚ㄈ┱n堂練習(xí)，自主創(chuàng)新：1、師：在剛才學(xué)習(xí)的基礎(chǔ)上自己動手制作彈性球動畫。生：自主完成，若遇到不會做的地方，可以同桌之間互相幫助或請教老師。師：巡回指導(dǎo)。2、師：對于那些學(xué)有余力的同學(xué)可以嘗試完成課本第46頁的練習(xí)2?；蛘甙l(fā)揮你的想象，在這個動畫的基礎(chǔ)上，使動畫更有創(chuàng)意?！驹O(shè)計意圖：通過設(shè)置不同層次的練習(xí)內(nèi)容，既照顧待進生，又注重特長生。從而使他們的學(xué)習(xí)能力有所提升。在練習(xí)的過程中，要培養(yǎng)學(xué)

16、生自主創(chuàng)作意識，學(xué)生之間互相協(xié)作的精神?！浚ㄋ模┱故咀髌?，交流評價： 師：大家把自己動手制作完成的彈性球動畫作品，先同桌之間互評，然后組內(nèi)評。接著組內(nèi)選出幾幅通過教學(xué)平臺在全班展評。生：躍躍欲試?！驹O(shè)計意圖：通過自評、他評、組內(nèi)評，班級評等多元評價，從而讓學(xué)生體會成功的樂趣，增強學(xué)習(xí)信息技術(shù)的自信心?！浚ㄎ澹w納總結(jié)，暢談收獲： 師：通過學(xué)習(xí)制作彈性球動畫，你又學(xué)到了哪些新知識？ 生：紛紛舉手回答。（略）師：課后請同學(xué)們自己根據(jù)所學(xué)的Flash動畫知識，設(shè)計一個動畫，下節(jié)課我們來比一比，看誰設(shè)計的動畫最新穎、最有創(chuàng)意?！驹O(shè)計意圖：通過對本節(jié)課學(xué)習(xí)內(nèi)容的回顧，提高學(xué)生對所學(xué)知識技巧的歸納能力，從而達到舉一反三、學(xué)以致用的目的?！渴?、教學(xué)反思： 1、本節(jié)課依據(jù)新課標，注