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

第第 5 課課 制作彈性球動畫 制作彈性球動畫 1 一 教材內(nèi)容分析 一 教材內(nèi)容分析 本課選自選自人民教育出版社義務(wù)教育初級中學(xué)教科書 信息技術(shù) 八年 級上冊 第一單元第五課 本課是在 Flash 動作補(bǔ)間動畫制作的基礎(chǔ)上設(shè)置的 一節(jié)綜合運(yùn)用課 二 教學(xué)對象分析 二 教學(xué)對象分析 本課教學(xué)對象是初中二年級學(xué)生 我根據(jù)我校初二學(xué)生的實際 旨在讓他 們打好基礎(chǔ) 以基礎(chǔ)為指導(dǎo) 掌握舊知識 解決新問題 三 教學(xué)目標(biāo) 三 教學(xué)目標(biāo) 1 知識與技能目標(biāo) 知識與技能目標(biāo) 掌握拷貝幀 粘貼幀的操作方法 了解 混色器 網(wǎng)格 線 簡易 參數(shù)的運(yùn)用 培養(yǎng)學(xué)生綜合運(yùn)用所學(xué)知識觀察 分析和解決問題的能力 2 過程與方法目標(biāo) 過程與方法目標(biāo) 通過創(chuàng)設(shè)情境 任務(wù)驅(qū)動 啟發(fā)學(xué)生自主學(xué)習(xí) 分組合作探究 其間教師講 解演示適當(dāng)加以引導(dǎo)的方式 掌握彈性球動畫制作的方法與技巧 3 情感 態(tài)度與價值觀目標(biāo) 情感 態(tài)度與價值觀目標(biāo) 通過學(xué)生之間的合作探究 培養(yǎng)學(xué)生互相協(xié)助 增進(jìn)學(xué)生之間的友誼 給學(xué)生以方法 以鼓勵 以創(chuàng)新 讓學(xué)生享受成就感 樹立學(xué)習(xí)的自信心 培養(yǎng)學(xué)生的信息素養(yǎng) 提高學(xué)習(xí)信息技術(shù)的興趣 四 教學(xué)重點(diǎn) 四 教學(xué)重點(diǎn) 鞏固動作補(bǔ)間動畫的知識與方法 五 教學(xué)難點(diǎn) 五 教學(xué)難點(diǎn) 1 拷貝幀 粘貼幀的操作方法 2 混色器 網(wǎng)格 線 簡易 參數(shù)的運(yùn)用 六 教學(xué)方法 六 教學(xué)方法 任務(wù)驅(qū)動法 講解演示法 自主學(xué)習(xí) 合作探究法 練習(xí)法 七 教學(xué)準(zhǔn)備 七 教學(xué)準(zhǔn)備 電腦室 WINDOWS XP3 系統(tǒng) FLASH MX 軟件 極域電子教學(xué)平臺 FLASH 教學(xué)演示作品 八 教學(xué)課時 八 教學(xué)課時 二課時 1 第第 一一 課課 時時 九 九 教學(xué)過程 教學(xué)過程 一 創(chuàng)設(shè)情境 導(dǎo)入新課 一 創(chuàng)設(shè)情境 導(dǎo)入新課 師 首先請同學(xué)們欣賞 2011 年溫州初中學(xué)生籃球友誼賽 視頻剪輯 注 意觀察籃球健將運(yùn)球時 籃球是怎樣運(yùn)動的 生 籃球在人手掌的用力下 落下彈起有規(guī)律地運(yùn)動 師 那你們有沒有想過利用自己已經(jīng)學(xué)過的知識制作一個模擬籃球運(yùn)動的 動畫呢 生 沒有想過 師 有位同學(xué)制作了籃球的模擬動畫彈性球動畫 下面請同學(xué)們觀察一下 動畫效果怎樣 看對自己有沒有什么啟發(fā) 師 屏幕播放 彈性球動畫 師 你們想不想也來制作一個這樣的動畫呢 師 這節(jié)課我們就來學(xué)習(xí) 制作彈性球動畫 設(shè)計意圖設(shè)計意圖 通過讓學(xué)生觀察籃球的運(yùn)動 并聯(lián)系我們以前所學(xué)知識 從 而順理成章的引出本課要解決的新問題 激發(fā)學(xué)生們學(xué)習(xí)的興趣 二 任務(wù)驅(qū)動 探究新知 二 任務(wù)驅(qū)動 探究新知 任務(wù) 1 制作一個由上而下運(yùn)動的圓 師 如果我們把剛才視頻中的籃球看作一個 彈性球 籃球的運(yùn)動效果也 就相當(dāng)于一個彈性球上下有規(guī)律性地運(yùn)動 這又怎么來實現(xiàn)呢 生 大體上來說 讓彈性球由上向下運(yùn)動即可 師 前面我們已經(jīng)學(xué)過在 flash 里制作一個由屏幕的左上角向右下角運(yùn)動的圓 那么我們能不能在些基礎(chǔ)上來實現(xiàn)這個動畫效果呢 師 下面請同學(xué)們在前面學(xué)習(xí)的基礎(chǔ)上創(chuàng)建一個由上向下運(yùn)動的圓 生 同桌 小組交流 開始動手制作動畫 師 巡視 看誰做得又快又好 師 展示由上而下運(yùn)動的圓動畫效果 設(shè)計意圖設(shè)計意圖 在新課伊始 通過老師引導(dǎo) 學(xué)生互動 讓學(xué)生積極聯(lián)系已 前學(xué)過的舊知識分析解決當(dāng)前遇到的新問題 從而提高他們分析問題 解決問 2 題的能力 任務(wù) 2 制作 彈性球 圖形 師 通過剛才的動畫演示 同學(xué)們發(fā)現(xiàn)兩個動畫中的運(yùn)動對象 圓 和 彈性球 有什么相同點(diǎn)和不同點(diǎn) 生 回答 略 師 根據(jù)同學(xué)們的回答列表如下 圓彈性球備注 相同點(diǎn)工具箱中的 橢圓工具 制作工具相同 單色漸變色填充的顏色不同 不同點(diǎn) 平面立體動畫效果不同 師 通過列表分析 要制作彈性球動畫首先要制作它的運(yùn)動對象彈性球 下 面大家能否自己動手來制作一個 彈性球 圖形 或彈性球元件 呢 師 展示 彈性球 圖形的制作步驟 其中第 1 步 第 2 步 第 4 步同學(xué) 們可以自己獨(dú)立完成 第 3 步老師講解演示完成 提示 制作彈性球元件前 面已經(jīng)學(xué)過 感興趣的學(xué)生課后可以對照課本進(jìn)行練習(xí) 第 1 步 啟動 Flash MX 同時會自動新建一個 Fash 文檔 單擊 修改 菜單 執(zhí)行 文檔 命令 打開 文檔屬性 對話框 在尺寸框中把寬度和 高度的 設(shè)為 300px 400px 把背景色設(shè)為黑色 背景色也可自定 第 2 步 先選定工具箱中的 橢圓工具 然后對顏色欄中 的筆觸顏色設(shè)置為無色 填充色 設(shè)置為漸變色 面板左下方第一 個 第 3 步 單擊 窗口 菜單 執(zhí)行 混色器 命令 打開混色器 面板 單擊漸變定義欄右端的滑塊 然后單擊左上方的顏色框 在其中選擇 黃色 第 4 步 按住 shift 鍵的同時拖動鼠標(biāo) 在舞臺中就會畫出一個無邊界 色的有漸變效果的圓 設(shè)計意圖設(shè)計意圖 通過兩個動畫中運(yùn)動對象的列表對比 從而得出制作彈性動 畫的運(yùn)動對象是彈性球 在制作的過程中要注意使用 混色器 面板對彈性球 進(jìn)行漸變填充 突出立體效果 混色器 面板設(shè)置 邊界色設(shè)置 填充色設(shè)置 3 任務(wù) 3 制作彈性球落地的動畫 師 觀察前面兩個動畫的運(yùn)動過程 有什么區(qū)別和聯(lián)系 生 回答 略 師 根據(jù)同學(xué)們的回答列表如下 運(yùn)動的圓動畫彈性球動畫備注 聯(lián)系動作補(bǔ)間動畫動畫類型 區(qū)別由上而下的過程 1 彈性球下落過程 2 彈性球下落被壓扁又恢復(fù)原狀的過 程 3 彈性球恢復(fù)原狀上彈的過程 運(yùn)動過程 師 從上表我們不難看出 從運(yùn)動過程來看 運(yùn)動的圓動畫 由上而下的過 程 相當(dāng)于彈性球動畫 下落過程 師 既然我們完成了 彈性球 圖形的制作 就很容易地制作彈性球落地的 動畫 師 請同學(xué)們根據(jù)我上面的提示制作彈性球落地的動畫 要求 整個動畫 的時間幀長度為 25 幀 第 5 步 雙擊 時間軸 面板中的 圖層 1 將其改名為 彈性球 第 6 步 在 時間軸 面板的第 25 幀插入關(guān)鍵幀 然后選定箭頭工具將 其拖至舞臺的下方 第 7 步 單擊彈性球圖層 然后在時間軸面板中的第 1 至 25 幀呈黑色區(qū) 域的任易位置右擊 在彈出的快捷菜單 中 執(zhí)行 創(chuàng)建補(bǔ)間動畫 命令 生 自己動手獨(dú)立完成 師 展示彈性球落地動畫效果 設(shè)計意圖設(shè)計意圖 通過兩個動畫中運(yùn)動過程的列表對比 從而得出制作彈性動 畫的運(yùn)動過程分 3 步走 此任務(wù) 3 為第一步 從而為后面學(xué)習(xí)任務(wù)的開展奠定 基礎(chǔ) 第 6 步 第 7 步 最終效果 第 5 步 4 任務(wù) 4 制作彈性球落地后未發(fā)生形變又彈起的動畫 師 請同學(xué)們觀察上課前給大家演示的 彈性球動畫 在它的運(yùn)動變化過 程中 運(yùn)動對象的位置 形態(tài)發(fā)生了怎樣的變化 師 我們能不能根據(jù)運(yùn)動對象的運(yùn)動形態(tài)與位置變化確定制作彈性球動畫需 要多少個關(guān)鍵幀以及 時間軸 面板中的幀數(shù) 各關(guān)鍵幀的 通過分析得出 各關(guān)鍵幀的運(yùn)動形態(tài) 位置及 時間軸 面板對照表 關(guān) 鍵 幀運(yùn) 動 形 態(tài)位 置 時間軸 面板 第 1 關(guān)鍵幀準(zhǔn)備落下屏幕上方第 1 幀 第 2 關(guān)鍵幀落 下屏幕下方第 20 幀 第 3 關(guān)鍵幀壓 扁屏幕下方第 25 幀 第 4 關(guān)鍵幀恢復(fù)原狀屏幕下方第 30 幀 第 5 關(guān)鍵幀彈 起屏幕上方第 50 幀 師 同學(xué)們再來仔細(xì)觀察 在這 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)鍵幀是位置相同但形狀不同 師 當(dāng)我們遇到要使用完全相同的關(guān)鍵幀時 我們可以用 拷貝幀 和 粘 貼幀 命令 避免重復(fù)操作 節(jié)約我們的制作時間 師 下面我們就在制作彈性球落地動畫的基礎(chǔ)上繼續(xù)完成任務(wù) 3 的制作 大家有信心嗎 請同學(xué)們看老師是怎樣操作的 師 邊講解邊演示拷貝 粘貼過程 第 8 步 右擊時間軸面板的第 1 幀 在彈出的快捷菜單中單擊 拷貝幀 命令 然后右擊第 50 幀 在彈出的快捷的菜單中單擊 粘貼幀 命令 把 第 1 幀中的畫面復(fù)制到第 50 幀里 第一關(guān)鍵幀 第二關(guān)鍵幀第三關(guān)鍵幀第四關(guān)鍵幀第五關(guān)鍵幀 拷貝幀 粘貼幀 5 師 展示彈性球落地后未發(fā)生形變又 彈起的動畫效果 設(shè)計意圖設(shè)計意圖 通過彈性球動畫中運(yùn)動對象彈性球的運(yùn)動形態(tài) 運(yùn)動位置及 時間軸面板中關(guān)鍵幀的變化 從而突破本節(jié)課的又一難點(diǎn)知識 拷貝幀 粘貼 幀的操作方法 任務(wù) 5 制作彈性球落地后發(fā)生形變又彈起的動畫 師 同學(xué)們 當(dāng)我們遇到不完全相同的關(guān)鍵幀時 比如第 2 關(guān)鍵幀 第 3 關(guān) 鍵幀 第 4 關(guān)鍵幀是位置相同但形狀不同 能不能使用用 拷貝幀 和 粘貼 幀 命令進(jìn)行制作呢 師 我們一起來分析一下 第 2 3 4 這三個關(guān)鍵幀對應(yīng)的是彈性球落地后 壓扁再恢復(fù)原狀的過程 也就是 時間軸 面板中第 20 幀 第 25 幀 第 30 幀中的彈性球是相同的 只不過就是發(fā)生了形狀的變化 那我們能不能先通過 用 拷貝幀 和 粘貼幀 命令使這 3 個關(guān)鍵幀中的彈性球圖形相同 再把需 要發(fā)生形變的彈性球圖形進(jìn)行調(diào)整呢 生 根據(jù)提示自己動手操作 師 巡視學(xué)生的制作情況 歸納制作彈性球落地后發(fā)生形變又彈起的動畫時 首先要將第 25 幀分別拷貝 粘貼到第 20 幀和第 30 幀里 然后對第 3 關(guān)鍵幀處 的 時間軸 面板中的第 25 幀中的彈性球進(jìn)行縮放調(diào)整即可 第 9 步 右擊時間軸面板的第 25 幀 在彈出的快捷菜單中單擊拷貝幀命 令 然后分別右擊第 20 幀 第 30 幀 在彈出的快捷的菜單中單擊粘貼幀命 令 把第 25 幀中的畫面復(fù)制到第 20 幀 第 30 幀里 第 10 步 先單擊 時間軸 面板中的第 25 幀 然后單擊 修改 菜單 執(zhí)行 變形 縮放 命令 接著按住鼠標(biāo)左鍵拖動彈性上的操作點(diǎn) 適當(dāng)把 它壓扁一些 調(diào)整它的位置 使它的下邊緣與變形前下邊緣所在的位置一致 選中 縮放 最終效果 6 第 11 步 敲回車鍵或執(zhí)行 控制 測試影片 命令 可以看到一個彈性 球落地后時發(fā)生了變形 然后又彈起并逐漸恢復(fù)原狀的過程 最后以 彈性 球動畫 fla 為文件名保存文檔 師 對于學(xué)有余力的同學(xué) 在這里老師給大家出示兩個提示 提示一 要想準(zhǔn)確地確定對象在舞臺中的位置 可以根據(jù)舞臺中的網(wǎng)格線 動畫發(fā)布后 網(wǎng)絡(luò)線不會顯示在畫面中 方法 執(zhí)行 查看 網(wǎng)格 顯示網(wǎng)格 命令 舞臺中就會出現(xiàn)網(wǎng)格線 再執(zhí)行此命令 可以取消網(wǎng)格線 提示二 為了讓動畫更加逼真 我們可以調(diào)整彈性球落下和彈起的速度 方法 在 時間軸 面板上選定要改變速度的關(guān)鍵幀 然后在 屬性 面板的 簡易 框中輸入適當(dāng)?shù)臄?shù) 1 到 100 的數(shù)表示加速 1 到 100 的數(shù)表示減速 師 大家在制作動畫時可以試著運(yùn)用提示中的方法 對剛才制作完成的動 畫進(jìn)行修改 展示彈性球動畫效果 設(shè)計意圖設(shè)計意圖 通過引導(dǎo)學(xué)生分析彈性球的運(yùn)動過程 讓學(xué)生理解制作要領(lǐng) 迅速有序的完成動畫制作 又注意學(xué)生的學(xué)習(xí)能力的差異性 以提示的方式 注重不同層次學(xué)生能力的提升 三 課堂練習(xí) 自主創(chuàng)新 三 課堂練習(xí) 自主創(chuàng)新 1 師 在剛才學(xué)習(xí)的基礎(chǔ)上自己動手制作彈性球動畫 生 自主完成 若遇到不會做的地方 可以同桌之間互相幫助或請教老 師 師 巡回指導(dǎo) 2 師 對于那些學(xué)有余力的同學(xué)可以嘗試完成課本第 46 頁的練習(xí) 2 或者 發(fā)揮你的想象 在這個動畫的基礎(chǔ)上 使動畫更有創(chuàng)意 設(shè)計意圖設(shè)計意圖 通過設(shè)置不同層次的練習(xí)內(nèi)容 既照顧待進(jìn)生 又注重特長 生 從而使他們的學(xué)習(xí)能力有所提升 在練習(xí)的過程中 要培養(yǎng)學(xué)生自主創(chuàng)作 意識 學(xué)生之間互相協(xié)作的精神 四 展示作品 交流評價 四 展示作品 交流評價 師 大家把自己動手制作完成的彈性球動畫作品 先同桌之間互評 然后 組內(nèi)評 接著組內(nèi)選出幾幅通過教學(xué)平臺在全班展評 生 躍躍欲試 設(shè)計意圖設(shè)計意圖 通過自評 他評 組內(nèi)評 班級評等多元評價 從而讓學(xué)生體 7 會成功的樂趣 增強(qiáng)學(xué)習(xí)信息技術(shù)的自信心 五 歸納總結(jié) 暢談收獲 五 歸納總結(jié) 暢談收獲 師 通過學(xué)習(xí)制作彈性球動畫 你又學(xué)到了哪些新知識 生 紛紛舉手回答 略 師 課后請同學(xué)們自己根據(jù)所學(xué)的 Flash 動畫知識 設(shè)計一個動畫 下節(jié) 課我們來比一比 看誰設(shè)計的動畫最新穎 最有創(chuàng)意 設(shè)計意圖設(shè)計意圖 通過對本節(jié)課學(xué)習(xí)內(nèi)容的回顧 提高學(xué)生對所學(xué)知識技巧的歸 納能力 從而達(dá)到舉一反三 學(xué)以致用的目的 十 教學(xué)反思 十 教學(xué)反思 1 本節(jié)