《設(shè)計(jì)網(wǎng)絡(luò)廣告》

1、設(shè)計(jì)網(wǎng)絡(luò)廣告 年 級(jí)15級(jí)班 級(jí)15電商2時(shí)間1月7日課 題設(shè)計(jì)網(wǎng)絡(luò)廣告?zhèn)?課 人任曉燕第1課時(shí)教學(xué)目標(biāo) 知識(shí)目標(biāo)：了解關(guān)鍵幀和空白關(guān)鍵幀的區(qū)別，掌握f(shuō)lash動(dòng)畫的創(chuàng)建、編輯與調(diào)整。 技能目標(biāo)：能夠獨(dú)立制作完成一個(gè)簡(jiǎn)單的公司廣告的動(dòng)畫。 情感目標(biāo)：培養(yǎng)學(xué)生的審美能力，自主思考與學(xué)習(xí)能力，使其在探索中進(jìn)步，激發(fā)學(xué)生學(xué)習(xí)的積極性。教學(xué)重點(diǎn) 關(guān)鍵幀和空白關(guān)鍵幀的區(qū)別 簡(jiǎn)單對(duì)象的移動(dòng)、變形動(dòng)畫的制作方法教學(xué)難點(diǎn)獨(dú)立制作一個(gè)簡(jiǎn)單美觀的廣告動(dòng)畫教學(xué)手段演示講授法，邊演示邊操作，學(xué)生同步跟隨學(xué)習(xí)教學(xué)方法實(shí)例講解法（通過(guò)一個(gè)flash實(shí)例，講解其所涉及到的概念與基礎(chǔ)技術(shù)，激勵(lì)學(xué)生學(xué)習(xí)的興趣教學(xué)用具多媒體，p

2、pt，flash演示視頻課型新教師公開課教 學(xué) 過(guò) 程備注或后記一、 創(chuàng)設(shè)情境，導(dǎo)入新課首先播放一段FLASH動(dòng)畫（植物大戰(zhàn)僵尸），該動(dòng)畫包含了本節(jié)課所要學(xué)習(xí)的主要操作內(nèi)容對(duì)象的移動(dòng)及變形。設(shè)計(jì)意圖：通過(guò)貼近學(xué)生生活的flash動(dòng)畫來(lái)吸引學(xué)生的注意力，引導(dǎo)學(xué)生了解flash動(dòng)畫，并激發(fā)其學(xué)習(xí)flash動(dòng)畫制作的激情。二、 項(xiàng)目驅(qū)動(dòng)，任務(wù)導(dǎo)向今天我們的任務(wù)就是來(lái)學(xué)習(xí)如何制作一個(gè)小的flash動(dòng)畫（1）首先，熟悉一些控件，掌握本節(jié)課所要使用的軟件，以及各個(gè)功能的使用文本工具： 選擇工具：（2）任務(wù)實(shí)踐：把課前已完成的效果動(dòng)畫展示，請(qǐng)學(xué)生觀察這個(gè)flash動(dòng)畫里面的對(duì)象哪些地方發(fā)生了改變？（提問(wèn)1-

3、2個(gè)學(xué)生）設(shè)計(jì)意圖：培養(yǎng)學(xué)生獨(dú)立思考，分析問(wèn)題、解決問(wèn)題的能力。教學(xué)準(zhǔn)備（超潔動(dòng)畫swf）（3）課堂演示：1.打開軟件，開始制作flash動(dòng)畫，把事先準(zhǔn)備好的圖像導(dǎo)入 元件：一個(gè)位圖、矢量圖形、音樂(lè)片斷或是一段獨(dú)立的flash動(dòng)畫（好比是演員） 庫(kù)：存放動(dòng)畫元件的地方（好比是一場(chǎng)戲的后臺(tái)） 場(chǎng)景：動(dòng)畫的表現(xiàn)場(chǎng)所（好比是舞臺(tái)）比較：將元件導(dǎo)入到庫(kù)和導(dǎo)入到舞臺(tái)的區(qū)別2.如果想要使我們的動(dòng)畫運(yùn)動(dòng)起來(lái)我們要怎么來(lái)做呢？時(shí)間軸：動(dòng)畫制作的最重要的區(qū)域，是編輯動(dòng)畫的工作臺(tái)，是加工動(dòng)畫的流水線，包括了層編輯區(qū)、幀編輯區(qū)和時(shí)間線。（好比是劇本）我們要制作一個(gè)動(dòng)畫，就好比是在導(dǎo)演一出戲，需要找好演員（制作好元件

4、），置于后臺(tái)（放在庫(kù)里），然后把演員放在舞臺(tái)上（把元件放在場(chǎng)景上），讓演員照著劇本演出（在時(shí)間線上設(shè)置開始、結(jié)束時(shí)的狀態(tài)，生成動(dòng)畫）。 幀：就是時(shí)間軸上的小格子，一幀其實(shí)就是一幅圖，是構(gòu)成動(dòng)畫的基本單位。可分為關(guān)鍵幀、空白關(guān)鍵幀和過(guò)渡幀。 關(guān)鍵幀：是動(dòng)畫演示的基礎(chǔ)，可以放入各種對(duì)象聲音、圖片、按鈕、視頻等等。關(guān)鍵幀用含有實(shí)心圓圈的方格表示。 空白關(guān)鍵幀：這個(gè)關(guān)鍵幀在場(chǎng)景上什么都沒(méi)有（不包括聲音和代碼），用含有空心圓圈的方格表示；如果加入對(duì)象后自動(dòng)變?yōu)殛P(guān)鍵幀。比較:關(guān)鍵幀和空白關(guān)鍵幀的區(qū)別(演示)（4） 實(shí)例講解Flash制作超潔宣傳動(dòng)畫1. 圖層1（公司logo）在第20幀處，右鍵單擊，選擇插

5、入關(guān)鍵幀；2.選擇鎖定圖層，鎖定圖層1；3.新建圖層2，選擇第5幀，在工作區(qū)內(nèi)使用文字工具，輸入“創(chuàng)造舒適的生活”宣傳語(yǔ)； 補(bǔ)充：新建圖層的方法 右鍵單擊，插入圖層 點(diǎn)擊按鈕4.鎖定圖層2，解鎖并編輯圖層1，選擇第20幀，在工作區(qū)內(nèi)將“超潔圖標(biāo)”移動(dòng)到正上方；5.鎖定圖層1，解鎖并編輯圖層2，選擇第20幀，鼠標(biāo)右擊插入關(guān)鍵幀(這一步做強(qiáng)調(diào)，演示插入關(guān)鍵幀和未插入關(guān)鍵幀的區(qū)別)，并在工作區(qū)域內(nèi)移動(dòng)文字到超潔圖標(biāo)正下方，修改文字的大小和顏色；6.點(diǎn)擊右鍵，選擇“創(chuàng)建補(bǔ)間動(dòng)畫”（教材版本為CS3，電子商務(wù)機(jī)房版本為CS5，CS3和CS5版本軟件有所區(qū)別，CS5有創(chuàng)建傳統(tǒng)補(bǔ)間和創(chuàng)建補(bǔ)間動(dòng)畫之分，請(qǐng)學(xué)生

6、分別作體驗(yàn)，以作區(qū)別）7.執(zhí)行“控制”“測(cè)試影片”命令，完成影片測(cè)試.三、 學(xué)生操作練習(xí)通過(guò)課堂講解的實(shí)例，學(xué)生根根據(jù)自身掌握情況，在上節(jié)課已經(jīng)收集的自己小組公司的logo以及廣告宣傳語(yǔ)等材料輔助下，獨(dú)立完成制作一個(gè)簡(jiǎn)短美觀的flash宣傳動(dòng)畫。 聽清楚與要求了么？動(dòng)手開始操作 學(xué)生練習(xí)主導(dǎo)，教師從旁輔助（遇到困難的舉手提問(wèn)）四、 演示學(xué)生上交作品已經(jīng)完成的同學(xué)提交作品，請(qǐng)學(xué)生共同點(diǎn)評(píng)提交作品方式：1.文件 導(dǎo)出影片 保存路徑、格式（.SWF），不可以再做修改2.文件 另存為 保存路徑、格式（.FLA）源文件，可以再做修改五、 課堂總結(jié)鞏固總結(jié)，這節(jié)課的學(xué)習(xí)內(nèi)容（提問(wèn)方式，學(xué)生小結(jié)，教師總結(jié)）重點(diǎn)搞清楚關(guān)鍵幀和空白關(guān)鍵幀的區(qū)別，主要希望同學(xué)們能夠自己獨(dú)立完成一個(gè)簡(jiǎn)短的公司廣告小動(dòng)畫六、 布置作業(yè)請(qǐng)同學(xué)們回去以后再去鞏固復(fù)習(xí)今天上課的內(nèi)容，小動(dòng)畫還沒(méi)完成的同學(xué)回去以后繼續(xù)完成，已經(jīng)完成的可以在原來(lái)的基礎(chǔ)上在做修改，使得自己的小動(dòng)畫更加美觀，此次作業(yè)將作為我們的單元測(cè)試成績(jī)。七、 教后反思為后面的新課做鋪墊，引入課題認(rèn)識(shí)熟悉軟件控件個(gè)人獨(dú)立思考（教師提問(wèn)）通過(guò)一個(gè)flash實(shí)例，講解其所涉