高一flash移動(dòng)動(dòng)畫與變形動(dòng)畫制作的設(shè)計(jì)

1、 高一flash移動(dòng)動(dòng)畫與變形動(dòng)畫制作的設(shè)計(jì)胡劍俠（寧波萬(wàn)里國(guó)際學(xué)校中學(xué)）目 錄案例背景信息六、教學(xué)策略與手段一、設(shè)計(jì)思想七、課前準(zhǔn)備二、教材分析八、教學(xué)過(guò)程三、學(xué)情分析九、板書設(shè)計(jì)四、教學(xué)目標(biāo)問(wèn)題研討五、重點(diǎn)難點(diǎn) 參考資料案例背景信息1.案例撰寫者: 胡劍俠:寧波萬(wàn)里國(guó)際學(xué)校中學(xué)（寧波市科技園區(qū)臘梅路151號(hào) 315040 ） 聯(lián)系電話：，87908890-8511 電子信箱：2模塊：高中新課程信息技術(shù)3年級(jí)：高中一年級(jí)4所用教材版本：多媒體技術(shù)應(yīng)用(高一新教材選修2 * 浙江教育出版社)5選用章節(jié)：第三章媒體的采集與制作 3.5.2二維動(dòng)畫制作之移動(dòng)動(dòng)畫與變形動(dòng)畫的制作6課時(shí)數(shù)：2課時(shí) 非

2、上機(jī)時(shí)間30分鐘，上機(jī)操作時(shí)間60分鐘 一、 設(shè)計(jì)思想 學(xué)生對(duì)動(dòng)畫與生俱來(lái)就非常喜愛,但對(duì)如何制作出如此活靈活現(xiàn)的動(dòng)畫還有一種畏懼的感覺。 學(xué)生在上一堂課中對(duì)動(dòng)畫已經(jīng)有了一個(gè)初步的概念并認(rèn)識(shí)了二維動(dòng)畫制作軟件FLASH的界面和基本操作. 本次課上要積極調(diào)動(dòng)起學(xué)生對(duì)制作動(dòng)畫的熱愛，并能簡(jiǎn)單制作基本的移動(dòng)動(dòng)畫與變形動(dòng)畫， 讓學(xué)生們感覺制作生動(dòng)有趣的動(dòng)畫并不是可望而不可及的。 課上一開始給同學(xué)們播放一個(gè)搞笑幽默的FLASH動(dòng)畫,加深大家對(duì)FLASH的認(rèn)識(shí).接著分別給大家播放太陽(yáng)升起(移動(dòng)動(dòng)畫)和太陽(yáng)變成文字(變形動(dòng)畫)。讓同學(xué)們比較這兩個(gè)動(dòng)畫的區(qū)別之后對(duì)移動(dòng)和變形動(dòng)畫分別加以制作。通過(guò)師生互動(dòng)及任務(wù)

3、驅(qū)動(dòng)法讓每位同學(xué)在課上能結(jié)合自己找到或老師給的素材制作出兩個(gè)動(dòng)畫來(lái)。 二、教材分析 據(jù)浙江省普通高中新課程實(shí)驗(yàn)學(xué)科教學(xué)指導(dǎo)意見，本節(jié)教科書涉及計(jì)算機(jī)動(dòng)畫的基本原理和常見的計(jì)算機(jī)動(dòng)畫生成的概念,要求學(xué)生能掌握用FLASH動(dòng)畫軟件制作移動(dòng)動(dòng)畫和變形動(dòng)畫，并對(duì)此兩個(gè)動(dòng)畫加以區(qū)分。據(jù)高中技術(shù)課程標(biāo)準(zhǔn)教師讀本對(duì)本節(jié)的介紹，要求學(xué)生初步具備根據(jù)主題表達(dá)的要求、規(guī)劃、設(shè)計(jì)與制作多媒體作品的能力，掌握一個(gè)具體的多媒體制作工具的基本使用方法。本節(jié)內(nèi)容為FLASH制作中最主要部分,在會(huì)考中占分比例約為15%,而且學(xué)生們比較感興趣。 初中第一二冊(cè)教材對(duì)多媒體進(jìn)行了簡(jiǎn)單的介紹，并介紹了網(wǎng)頁(yè)的制作。學(xué)會(huì)本課簡(jiǎn)單的FLA

4、SH動(dòng)畫，在自己的網(wǎng)頁(yè)中添加FLASH,可以使學(xué)生們自己制作的網(wǎng)頁(yè)增色不少。 三、學(xué)情分析高一同學(xué)們計(jì)算機(jī)的動(dòng)手能力較強(qiáng)，在上一節(jié)課中對(duì)動(dòng)畫已經(jīng)有了一個(gè)初步的概念并認(rèn)識(shí)了二維動(dòng)畫制作軟件FLASH的界面和基本操作。本節(jié)課中學(xué)習(xí)的移動(dòng)動(dòng)畫和變形動(dòng)畫是FLASH中最基本也是最重要的制作，如何對(duì)移動(dòng)動(dòng)畫和變形動(dòng)畫加以區(qū)別并靈活制作是學(xué)習(xí)中的一個(gè)難點(diǎn)。應(yīng)多舉些生活中常碰到的例子讓同學(xué)們加以分析。盡量結(jié)合大家已經(jīng)學(xué)會(huì)并熟悉的軟件對(duì)FLASH加以認(rèn)識(shí)。比如說(shuō)FLASH中和 “工具”就與畫圖軟件和photoshop非常相似。四、教學(xué)目標(biāo)本節(jié)課教學(xué)活動(dòng)共有以下三個(gè)環(huán)節(jié)，在這三個(gè)教學(xué)環(huán)節(jié)中把教學(xué)導(dǎo)入、任務(wù)與問(wèn)題

5、設(shè)置、學(xué)生自主學(xué)習(xí)、學(xué)習(xí)成果交流、反饋評(píng)價(jià)、學(xué)生自我總結(jié)和教師評(píng)價(jià)緊密結(jié)合，將學(xué)生的自主學(xué)習(xí)、思考實(shí)踐緊密地聯(lián)系在一起，充分尊重學(xué)生主體，培養(yǎng)學(xué)生的自主學(xué)習(xí)和解決實(shí)際問(wèn)題的能力。 用2課時(shí)的時(shí)間讓同學(xué)們掌握簡(jiǎn)單的移動(dòng)動(dòng)畫和變形動(dòng)畫。 五、重點(diǎn)難點(diǎn) 教學(xué)重點(diǎn)：組件與散件的概念；動(dòng)畫的前后兩個(gè)關(guān)鍵幀性質(zhì)必須相同；移動(dòng)動(dòng)畫與形變動(dòng)畫的制作 難點(diǎn)：移動(dòng)動(dòng)畫與形變動(dòng)畫的區(qū)分；組件與散件的判斷及轉(zhuǎn)換；幀，關(guān)鍵幀，空白關(guān)鍵幀的區(qū)別 六、教學(xué)策略與手段以幽默搞笑的動(dòng)畫吸引同學(xué)們的興趣。在整個(gè)授課過(guò)程中要把握好課堂教學(xué)中的每一個(gè)環(huán)節(jié)，積極調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，提高課堂教學(xué)效率。本節(jié)課基本概念部分采用講授法，操作部

6、分以教師演示講授為主，學(xué)生在教師引領(lǐng)下開展自主、合作學(xué)習(xí)。引導(dǎo)啟發(fā)教學(xué)導(dǎo)入是整個(gè)教學(xué)過(guò)程中非常重要的環(huán)節(jié)，很平淡的開場(chǎng)白不容易引起學(xué)生的興趣，因此教師在開始上課時(shí)就應(yīng)該集中學(xué)生的注意力。本課中我選擇了學(xué)生比較感興趣的“豬爸爸與豬女兒”搞笑動(dòng)畫為例，并播放了兩個(gè)“太陽(yáng)升起”和“太陽(yáng)變文字”動(dòng)畫針對(duì)教學(xué)內(nèi)容提出問(wèn)題，調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性。置問(wèn)設(shè)疑 針對(duì)教學(xué)內(nèi)容中的重、難點(diǎn)和學(xué)生自主學(xué)習(xí)中可能會(huì)碰到的問(wèn)題、出現(xiàn)的錯(cuò)誤，設(shè)置問(wèn)題，讓學(xué)生思考如何解決。如在本課教學(xué)中，我設(shè)計(jì)了這樣一個(gè)問(wèn)題：你覺得“太陽(yáng)升起”和“太陽(yáng)變文字”動(dòng)畫最大的區(qū)別是什么？通過(guò)設(shè)置一些疑問(wèn)，再讓學(xué)生找出相應(yīng)的方法去解決這些實(shí)際問(wèn)題

7、，調(diào)動(dòng)了學(xué)生學(xué)習(xí)的主動(dòng)性。任務(wù)驅(qū)動(dòng)任務(wù)驅(qū)動(dòng)是信息技術(shù)教學(xué)最經(jīng)典的教學(xué)方法之一，尤其是在應(yīng)用軟件教學(xué)方面最為適用。因此本節(jié)課教師采取任務(wù)驅(qū)動(dòng)法，針對(duì)學(xué)生學(xué)習(xí)、生活中的感興趣的實(shí)際問(wèn)題設(shè)置學(xué)習(xí)任務(wù)，讓學(xué)生通過(guò)自學(xué)找到完成任務(wù)、解決問(wèn)題的方法，來(lái)更加深刻的理解。操作本身也是一種學(xué)習(xí)，讓學(xué)生互學(xué)互幫，能者為師，教師在巡視的過(guò)程中發(fā)現(xiàn)個(gè)別問(wèn)題可以給個(gè)別輔導(dǎo)，發(fā)現(xiàn)普遍存在的問(wèn)題及時(shí)地給出重點(diǎn)提示，學(xué)生再次通過(guò)思考、分析、修改錯(cuò)誤，最終使問(wèn)題得到解決，從而提高學(xué)生應(yīng)用信息技術(shù)解決實(shí)際問(wèn)題的能力。多媒體輔助多媒體網(wǎng)絡(luò)教室為上好信息技術(shù)課提供了很好的教學(xué)環(huán)境。信息技術(shù)是一門實(shí)踐性很強(qiáng)的學(xué)科，學(xué)生的上機(jī)實(shí)踐操作尤

8、其重要。教師可以很靈活地運(yùn)用全體教學(xué)、學(xué)生演示、文件分發(fā)等教學(xué)方式，提高課堂效率和交互性，同時(shí)也留給學(xué)生更多自主學(xué)習(xí)、上機(jī)操作的時(shí)間。 七、課前準(zhǔn)備網(wǎng)上下載的“豬爸爸與豬女兒”動(dòng)畫，“太陽(yáng)上升”動(dòng)畫，“太陽(yáng)變文字”動(dòng)畫。教師機(jī)上安裝好軟件，極域教師控制軟件，F(xiàn)TP，投影儀（有條件可增加），多媒體機(jī)房。 八、教學(xué)過(guò)程（一） 導(dǎo)入：上課一開始，我播放了網(wǎng)上比較熱門的“豬爸爸與豬女兒”動(dòng)畫，整個(gè)動(dòng)畫是豬爸爸和小豬的對(duì)話。小豬：“爸爸，我今天拾到了十塊錢。不過(guò)我還給那個(gè)人了。”豬爸爸：“good girl,那個(gè)人有沒有跟你講thank you ?。俊毙∝i：“沒有啦，他拉我的耳朵我才還給他的，他哪里會(huì)跟

9、我講thank you。”學(xué)生們笑學(xué)生們笑。我知道這則動(dòng)畫已經(jīng)引起了大家的興趣?！按蠹抑肋@個(gè)動(dòng)畫可以用什么軟件來(lái)制作嗎？”“”大家異口同聲地回答。“上節(jié)課中我們已經(jīng)認(rèn)識(shí)了的界面，接下來(lái)我們欣賞一下用制作的兩個(gè)動(dòng)畫，大家在看的過(guò)程當(dāng)中注意比較一下兩個(gè)動(dòng)畫的區(qū)別。”播放“太陽(yáng)升起”和“太陽(yáng)變成文字”的動(dòng)畫，提問(wèn)：“大家認(rèn)為這兩個(gè)動(dòng)畫之前有什么區(qū)別么？”請(qǐng)同學(xué)們回答。“第一個(gè)在動(dòng)，第二個(gè)在變”。（二） 講授新課，學(xué)生同步練習(xí)、移動(dòng)動(dòng)畫與形變動(dòng)畫的區(qū)別“恩，很好，大家注意，第一個(gè)太陽(yáng)升起，他本身有沒有變化？他只是一個(gè)位置的移動(dòng)。像這種本身不變，只是位置變化的動(dòng)畫叫做移動(dòng)動(dòng)畫，第二個(gè)太陽(yáng)變文字的動(dòng)畫，

10、他本身發(fā)生了改變了嗎？本身發(fā)生改變的動(dòng)畫，叫做變形動(dòng)畫。就像是孫悟空七十二變，這種動(dòng)畫就是變形動(dòng)畫了。”請(qǐng)同學(xué)們舉例說(shuō)明移動(dòng)動(dòng)畫與變形動(dòng)畫。“制作移動(dòng)動(dòng)畫的元件叫“組件”，制作變形動(dòng)畫的元件叫“散件”。那怎么樣來(lái)區(qū)別這兩個(gè)元件呢？”大家來(lái)看我在場(chǎng)景里用黑色箭頭工具選中文字，文字外面有一個(gè)藍(lán)色的框，這個(gè)就像是一個(gè)整體一樣不可分割的，就是組件。如果我們把這個(gè)文字用箭頭工具把這個(gè)圓選中，大家可以看到圓由一個(gè)一個(gè)的小點(diǎn)所組成，像這種的就是散件。區(qū)別如下：移動(dòng)動(dòng)畫：組件 組件打散群組 打散 群組(ctrl+b) (ctrl+g） (ctrl+b) (ctrl+g)變形動(dòng)畫：散件 散件、制作移動(dòng)動(dòng)畫（）、

11、在工具欄上選中圖標(biāo)，上選中無(wú)色，控制>面板>填充，（小技巧：按住shift鍵，拖出的是正圓）。 選擇“窗口”>“面板”>“填充”，在彈出的窗口中下拉菜單選擇“射線型漸變，選擇顏色如圖。在操作界面上拖出一個(gè)圓來(lái)。思考：這跟我們什么軟件畫圓的方法一樣？（畫圖，photoshop等繪圖工具）（）這時(shí)候大家會(huì)發(fā)現(xiàn)在時(shí)間線上的第一幀上出現(xiàn)了一個(gè)黑色的小圓點(diǎn)，這個(gè)叫做關(guān)鍵幀。時(shí)間軸上的小方格叫單元格?？梢园褑卧褶D(zhuǎn)化為幀、關(guān)鍵幀、空白關(guān)鍵幀。 同學(xué)們可以這樣簡(jiǎn)單記憶理解： 幀：不可以編輯，用來(lái)顯示左邊關(guān)鍵幀內(nèi)容。 關(guān)鍵幀：有內(nèi)容顯示，可以編輯。 空白關(guān)鍵幀：沒有內(nèi)容顯示，可以編輯添

12、加內(nèi)容。（）接下來(lái)，我們?cè)诘趲瑔螕粲益I，選擇“插入關(guān)鍵幀”。讓同學(xué)們觀察一下兩個(gè)關(guān)鍵幀的內(nèi)容有何區(qū)別?（沒有）。>得出結(jié)論，“插入關(guān)鍵幀”相當(dāng)于復(fù)制前一個(gè)關(guān)鍵幀。（）剛才已經(jīng)介紹過(guò)了這是一個(gè)移動(dòng)動(dòng)畫，需要由什么來(lái)組成呢？（組件）這兩個(gè)圓是組件嗎？（不是）那接下來(lái)怎么做？（轉(zhuǎn)換成組件）。用什么方法？（群組）選擇“修改>群組”，或者直接選擇“ctrl+g”。第一幀和最后一個(gè)關(guān)鍵幀完成群組。選中第一幀，把太陽(yáng)移動(dòng)到場(chǎng)景的下面。播放完最后太陽(yáng)在哪里？（上面）。選中時(shí)間軸上的最后一個(gè)關(guān)鍵幀，把太陽(yáng)移到最上面。注意：對(duì)哪一個(gè)關(guān)鍵幀操作，必須選中哪一個(gè)關(guān)鍵幀。（）接下來(lái)要?jiǎng)?chuàng)建運(yùn)動(dòng)過(guò)渡，移動(dòng)動(dòng)畫的

13、過(guò)渡很簡(jiǎn)單，選中第一個(gè)關(guān)鍵幀，單擊鼠標(biāo)右鍵，在菜單里選擇“創(chuàng)建運(yùn)動(dòng)過(guò)渡”就可以了。這時(shí)候，就會(huì)有一個(gè)藍(lán)色的箭頭在第一幀和最后一幀之間出現(xiàn)。說(shuō)明移動(dòng)動(dòng)畫制作成功了。（）播放：選擇“控制>測(cè)試影片”,或者“ctrl+enter”。（）學(xué)生自己操作給同學(xué)們分鐘時(shí)間，根據(jù)老師的要求來(lái)制作此太陽(yáng)升起的動(dòng)畫。發(fā)現(xiàn)問(wèn)題并解決。有的同學(xué)在制作完成的時(shí)候，時(shí)間軸沒有箭頭出現(xiàn)，而是虛線，如果出現(xiàn)虛線的動(dòng)畫，播放中的動(dòng)畫是不會(huì)像預(yù)期那樣緩緩升起的。這是為什么呢？如圖： （運(yùn)動(dòng)動(dòng)畫前后兩個(gè)關(guān)鍵幀必須要求全部都是組件，有可能其中一個(gè)或是兩個(gè)關(guān)鍵幀沒有群組）、制作變形動(dòng)畫（） 新建一個(gè)文檔，在第一幀處制作一個(gè)太陽(yáng)，

14、選中第幀，單擊右鍵，在菜單中選擇“插入空白關(guān)鍵幀”，“插入空白關(guān)鍵幀”與“插入關(guān)鍵幀”有何區(qū)別？（插入關(guān)鍵幀相當(dāng)于復(fù)制前面一個(gè)關(guān)鍵幀，插入空白關(guān)鍵幀就是建立一個(gè)什么都沒有的關(guān)鍵幀。）選中第幀，點(diǎn)擊，在場(chǎng)景中寫入“太陽(yáng)”兩字，并對(duì)字體，顏色等加以修飾。（） 這時(shí)候我們前面已經(jīng)分析過(guò)了這是一個(gè)變形動(dòng)畫，要求什么元件組成？（散件）這兩個(gè)是散件嗎？第一個(gè)關(guān)鍵幀是，最后一個(gè)關(guān)鍵幀不是。如何轉(zhuǎn)換？選擇最后一個(gè)關(guān)鍵幀，選擇“修改>分解組件”，或者“ctrl+b”。（） 創(chuàng)建變形動(dòng)畫的過(guò)渡。選中第一幀，選擇“窗口>面板>幀”，在彈出的對(duì)話框中選擇“變化”為圖形。如下圖所示。這時(shí)間大家會(huì)發(fā)現(xiàn)時(shí)

15、間軸上出現(xiàn)了一個(gè)綠色的箭頭。思考一下，這與移動(dòng)動(dòng)畫與什么區(qū)別？（） 播放（） 給同學(xué)們分鐘時(shí)間，來(lái)制作變形動(dòng)畫。最主要發(fā)現(xiàn)同學(xué)們對(duì)于組件與散件的應(yīng)用不是很靈活。（三）布置作務(wù)給大家分鐘的時(shí)間，以個(gè)同學(xué)為一小組，從網(wǎng)上搜索圖片或資料，制作移動(dòng)動(dòng)畫與變形動(dòng)畫，內(nèi)容健康，主題不限，上交至FTP，優(yōu)秀作品展示給大家，看哪一組做出來(lái)的動(dòng)畫更有創(chuàng)意，加以表?yè)P(yáng)。（四）小結(jié)本節(jié)課我們主要學(xué)習(xí)了移動(dòng)動(dòng)畫與變形動(dòng)畫的制作，大家在制作的過(guò)程中最主要學(xué)會(huì)如何區(qū)別。并要注意在一個(gè)動(dòng)畫的制作中第一個(gè)關(guān)鍵幀和最后一個(gè)關(guān)鍵幀的性質(zhì)要求一致。 九、板書設(shè)計(jì)352 移動(dòng)與變形動(dòng)畫（）移動(dòng)動(dòng)畫：組件 組件打散群組 打散 群組(ct

16、rl+b) (ctrl+g) (ctrl+b) (ctrl+g)變形動(dòng)畫：散件 散件幀：不可以編輯，用來(lái)顯示左邊關(guān)鍵幀內(nèi)容。 關(guān)鍵幀：有內(nèi)容顯示，可以編輯。 空白關(guān)鍵幀：沒有內(nèi)容顯示，可以編輯添加內(nèi)容。（由于動(dòng)畫以同學(xué)們的操作為主，所以這些概念同學(xué)們理解并能應(yīng)用就可以。） 【問(wèn)題研討】、 是否在作業(yè)上需要局限學(xué)生？我們老師往往在事后給我們的學(xué)生布置作業(yè)，以老師給的圖片或是主題來(lái)做。其實(shí)像動(dòng)畫最重要的就是一個(gè)創(chuàng)意，我們的學(xué)生身上有巨大的創(chuàng)造力。只要學(xué)生們能結(jié)合老師當(dāng)堂教授的內(nèi)容來(lái)制作自己的，不是更能發(fā)揮學(xué)生們的潛力嗎？、調(diào)動(dòng)學(xué)生學(xué)習(xí)積極性，興趣是最好的老師。可能大家會(huì)覺得我在上課前播放的“豬爸爸與豬女兒”的動(dòng)畫有點(diǎn)多余。我承認(rèn)在整堂課的教授內(nèi)容上可能與此動(dòng)畫沒有太大的關(guān)系?？墒沁@則小動(dòng)畫非常幽默生動(dòng)，大大調(diào)動(dòng)了課堂的氣氛。增