八年級(jí)上冊(cè)第2單元活動(dòng)4讓水平線更突出

1、活動(dòng)4 讓水平線更突出教材分析 學(xué)生第一次接觸用Flash制作動(dòng)畫，學(xué)習(xí)難度較大。本活動(dòng)涉及信息的獲取（收集圖片素材）、信息的加工（用Photoshop處理圖片）、信息的表達(dá)（Flash動(dòng)畫的制作與發(fā)布），重點(diǎn)在Flash動(dòng)畫制作部分。幀和關(guān)鍵幀、圖層、幀頻、引導(dǎo)層、補(bǔ)間動(dòng)畫等都要學(xué)生了解。學(xué)生應(yīng)能完成課本或者教師所制定的基本任務(wù)，然后再根據(jù)網(wǎng)頁的主題需要自主設(shè)計(jì)制作動(dòng)畫。應(yīng)分層次進(jìn)行教學(xué)，教師根據(jù)學(xué)情首先安排1-2節(jié)課對(duì)Flash軟件進(jìn)行熟悉，然后再進(jìn)行動(dòng)畫的制作。 【教學(xué)目標(biāo)】 理解Flash動(dòng)畫的基本原理。了解Flash動(dòng)畫的常用術(shù)語。了解Flash軟件的界面。掌握幀、圖層、時(shí)間軸、庫的

2、概念。 理解圖層的作用。 掌握補(bǔ)間動(dòng)畫和引導(dǎo)層動(dòng)畫的創(chuàng)建方法。 體驗(yàn)制作動(dòng)畫的樂趣。 提高學(xué)習(xí)動(dòng)畫制作的興趣。 能夠通過動(dòng)畫表達(dá)主題。 體驗(yàn)Flash強(qiáng)大的動(dòng)畫制作功能。【教學(xué)重點(diǎn)】 了解Flash動(dòng)畫的常用術(shù)語。掌握補(bǔ)間動(dòng)畫和引導(dǎo)層動(dòng)畫的創(chuàng)建方法。 理解圖層的作用。 【教學(xué)難點(diǎn)】 掌握補(bǔ)間動(dòng)畫和引導(dǎo)層動(dòng)畫的創(chuàng)建方法。 理解圖層的作用。 【教學(xué)課時(shí)】 3課時(shí)。【教學(xué)準(zhǔn)備】 多媒體網(wǎng)絡(luò)教室。 安裝Flash 軟件?！窘虒W(xué)過程】 第1課時(shí)（設(shè)計(jì)動(dòng)畫并收集素材）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 活動(dòng)引入 引入：同學(xué)們，在活動(dòng)4中，我們將嘗試用Flash軟件制作一個(gè)水平線動(dòng)畫。在制作動(dòng)畫之前，我

3、們先去網(wǎng)上看看他人的網(wǎng)頁。例如，/gif/qita/027。 1.觀看教材及其他網(wǎng)頁上的水平線狀動(dòng)畫。 開門見山，明確任務(wù)。 構(gòu)思動(dòng)畫，收集素材 1.請(qǐng)學(xué)生構(gòu)思自己的水平線動(dòng)畫。 2.請(qǐng)學(xué)生從網(wǎng)上收集相關(guān)素材。 1.構(gòu)思適合自己網(wǎng)頁的水平線動(dòng)畫。2.參考教材第55頁張曉明同學(xué)的構(gòu)思，完成學(xué)習(xí)單。 3.收集相關(guān)素材。 提高學(xué)生網(wǎng)絡(luò)檢索的能力。學(xué)習(xí)Photoshop 軟件的使用 介紹制作背景透明的圖片步驟“,示范操作。 （1）用Photoshop 打開圖片文件。 （2）在界面右下方的圖層面板中，將“背景”圖層拖至“創(chuàng)建新圖層”按鈕上，圖層面板中會(huì)增加一個(gè)“

4、背景副本”圖層。 （3）將“背景”圖層拖至 “刪除圖層”按鈕上，圖層面板中就只剩下一個(gè)“背景副 本”圖層。 （4）在界面右側(cè)的導(dǎo)航器面板中，向右拖曳縮放滑塊，將顯示比例放大，然后在左側(cè)的工具箱中選擇“多邊形套索工具”,在畫面中沿著圖形的外輪廓勾勒。 （5）勾勒完成后，選擇“選擇”菜單中的“反向”命令，然后按鍵。 (6)在左側(cè)的工具箱中選擇“裁剪工具”，將畫面中的多余部分裁去。 (7)選擇“文件”菜單中的“存儲(chǔ)為”命令。 (8)在彈出的“存儲(chǔ)為”對(duì)話框中，選擇“GIF(RD)”格式，然后單擊“保存”按鈕。 跟著教師的演示一步步操作。 1.邊學(xué)邊練，掌握使用Photoshop軟件制作背景透明的圖片

5、的方法。 2.感受使用Photoshop 軟件制作背景透明的圖片成功的喜悅。 對(duì)自己收集的素材進(jìn)行加工，并相互協(xié)助 1請(qǐng)同學(xué)們用Photoshop軟件對(duì)自己收集的圖片進(jìn)行處理。2.一部分同學(xué)完成了透明背景圖片的制作，請(qǐng)大家相互協(xié)助完成自己的圖片。 1.處理圖片。 2.相互協(xié)助，完成圖片的處理 1.掌握所學(xué)技能。 2.養(yǎng)成協(xié)作精神。 教學(xué)反思第2課時(shí)（制作動(dòng)畫）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課導(dǎo)入 1.播放動(dòng)畫示例（一個(gè)小球位置在改變的動(dòng)畫）。 2.導(dǎo)入：同學(xué)們，上節(jié)課我們使用Photoshop軟件將動(dòng)畫制作中所需要的蝴蝶素材處理好了，這節(jié)課我們將學(xué)會(huì)使用Flash軟件。Flash軟

6、件以前大家沒有接觸過，本節(jié)課的內(nèi)容就是簡(jiǎn)要地認(rèn)識(shí)這款動(dòng)畫制作軟件，并使用這款軟件制作簡(jiǎn)單的動(dòng)畫。 觀看例子， 明確本節(jié)課的學(xué)習(xí)任務(wù)。 開門見山，明確任務(wù)。 介紹FLASH動(dòng)畫的特點(diǎn) 講述Flash動(dòng)畫的特點(diǎn)：Flash動(dòng)畫使用矢量圖形和流式播放技術(shù)。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使得動(dòng)畫可以邊播放邊下載，并通過使用關(guān)鍵幀和圖符讓生成的動(dòng)畫(.swf)文件非常小。Flash動(dòng)畫把音樂、動(dòng)畫、聲效、交互方式融合在一起，越來越多的人已經(jīng)把Flash作為網(wǎng)頁動(dòng)畫設(shè)計(jì)的首選工具 了解Flash動(dòng)畫的特點(diǎn)。 了解Flash動(dòng)畫的特點(diǎn)。 熟悉工作環(huán)境 1.介紹“舞臺(tái)” ：Flash

7、中，舞臺(tái)就是工作區(qū)，是最主要的可編輯區(qū)域。在舞臺(tái)中可以直接繪圖，或者導(dǎo)入外部圖形文件進(jìn)行安排編輯。就像演員表演的舞臺(tái)，動(dòng)畫呈現(xiàn)在舞臺(tái)上，超出舞臺(tái)的區(qū)域就為不可見，也就是幕后，F(xiàn)LASH動(dòng)畫要十分注重舞臺(tái)和幕后的共同設(shè)計(jì)。 2.介紹“時(shí)間軸窗口”： 用它可以調(diào)整電影的播放速度，并把不同的圖形作品放在不同圖層的相應(yīng)幀里，以安排電影內(nèi)容播放的順序 了解Flash動(dòng)畫編輯的工作環(huán)境。 了解Flash動(dòng)畫編輯的工作環(huán)境認(rèn)識(shí)Flash中的常見名詞 介紹幀頻、時(shí)間軸、圖層、元件和庫、幀與關(guān)鍵幀等名詞（注意邊演示邊介紹這些概念）。 打開Flash軟件，跟著教師的介紹熟悉這些名詞。 了解幀頻、時(shí)間軸等的概念。

8、制作補(bǔ)間動(dòng)畫的 教師制作小球位置改變、圓形變方形等的例子（注意要關(guān)注學(xué)生的認(rèn)知能力和操作進(jìn)度）。 照著教師的操作進(jìn)行操作，掌握補(bǔ)間動(dòng)畫的制作。 掌握補(bǔ)間動(dòng)畫的制作。 教學(xué)反思第3課時(shí)（制作動(dòng)畫）教學(xué)階段 教師活動(dòng) 學(xué)生活動(dòng) 教學(xué)意圖 新課導(dǎo)入 提出要求：本節(jié)課我們要實(shí)現(xiàn)水平線動(dòng)畫的效果。首先大家掌握課本上的知識(shí)，再延伸到自己的網(wǎng)頁動(dòng)畫中去。 明確本節(jié)課的任務(wù)。明確任務(wù)。 蝴蝶飛舞動(dòng)畫制作 按照P60-P65的操作步驟進(jìn)行操作。注意： （1）邊講解邊操作，關(guān)注全體學(xué)生的操作進(jìn)度。 （2）基于初二學(xué)生的認(rèn)知能力，教師要一步步帶著學(xué)生做。完成作品后，可在水平線動(dòng)畫的制作基礎(chǔ)上讓學(xué)生發(fā)揮。 按照教師的操作步驟一步步操作。 1.按照操作步驟制作水平線動(dòng)畫，體會(huì)成功的喜悅。 2.激發(fā)進(jìn)一步對(duì)自己的作品進(jìn)行探究的欲望。 自主發(fā)揮 請(qǐng)學(xué)生基于蝴蝶飛舞水平線動(dòng)畫的操作步驟，制作自己的特色動(dòng)畫。 制作自己的水平線動(dòng)畫。 制作自己的動(dòng)畫。 將動(dòng)畫插入網(wǎng)頁 要求學(xué)生完成以下任務(wù)： （1）刪除原來網(wǎng)頁中