《Flash形變動畫》教學(xué)案例

Flash形變動畫教學(xué)設(shè)計甘肅省定西市安定區(qū)中華路中學(xué) 朱麗蓉【學(xué)習(xí)目標】：（一）知識與技能：1、理解動畫的原理；2、掌握制作簡單形變動畫的方法；3、掌握形變技巧并應(yīng)用到實踐中去。（二）過程與方法：1、采取教師講解與學(xué)生創(chuàng)作相結(jié)合的辦法進行學(xué)習(xí)；2、讓學(xué)生在實踐操作過程中掌握制作單個Flash形變動畫的基本方法，引導(dǎo)學(xué)生拓展到多個形變動畫的制作。（三）情感態(tài)度與價值觀：1、讓學(xué)生體驗到成功的快樂，進一步激發(fā)學(xué)生學(xué)習(xí)動畫的興趣；2、讓學(xué)生養(yǎng)成仔細觀察事物的習(xí)慣，培養(yǎng)學(xué)生的創(chuàng)新精神、表達能力、審美能力、探究性學(xué)習(xí)的能力和綜合應(yīng)用知識的能力?！窘虒W(xué)重點】： 1、理解形變動畫制作的原理； 2、掌握制作形變動畫的方法；【教學(xué)難點】： 圖形和元件的識別，二者的相互轉(zhuǎn)化?！窘虒W(xué)準備】自制Flash動畫；【教學(xué)過程】一、復(fù)習(xí)導(dǎo)入（一）完成練習(xí)：1.逐幀動畫原理：在時間軸上，每個變化的畫面都是 （空白幀、關(guān)鍵幀、普通幀）。2.下圖中有 個圖層？（二）導(dǎo)入（教師播放動畫，激發(fā)學(xué)生學(xué)習(xí)興趣）下面我們來看這樣一個動畫（播放用逐幀動畫做的“圓形變成方形”的過程），從這個動畫我們很明顯看出，要實現(xiàn)形狀的變化過程用逐幀動畫是可以完成的，而且最大限度地控制動畫的變化細節(jié)，但是每一步的變化過程做起來非常麻煩，太耗費時間和精力，而且最終生成的動畫文件偏大，那么我們怎樣讓這個動畫過程更容易的實現(xiàn)呢？今天我們就來學(xué)習(xí)Flash形變動畫。二、新課講述（一）形變動畫的定義：所謂形狀，就是在Flash中直接使用繪圖工具繪制出來的矢量圖形，或者是將其他對象分離出來的矢量圖形。形狀補間動畫是Flash動畫的一個主要組成部分，反映了在一段時間內(nèi)將一個形狀對象變形為另一個形狀對象的過程。是圖形的一種形狀動態(tài)的變化成另一種形狀。Flash可以對圖形的形狀、大小、位置和顏色等進行形狀改變。（二）制作形變動畫知道了形變動畫的定義，我們來體驗形變動畫制作過程。這是一個形變動畫典型事例“圓形變成方形”。我來演示一下這個動畫的制作過程。教師演示：第一步：創(chuàng)建Flash文檔 （執(zhí)行【文件】|【新建】命令）； 第二步：制作起始幀（在舞臺畫圓）；第三步：制作結(jié)束幀（在時間軸的第40幀處插入空白關(guān)鍵幀，在舞臺畫一不同色方形）；第四步：單擊兩個關(guān)鍵幀之間任意一幀，打開舞臺下方“屬性”面板，設(shè)置“補間”為“形狀”。第五步：測試存盤 執(zhí)行【控制】|【測試影片】命令，觀察本例swf文件生成的動畫有無問題，如果滿意，執(zhí)行【文件】|【保存】命令，將文件保存成“形變動畫.fla”文件存盤，如果要導(dǎo)出Flash的播放文件，執(zhí)行【導(dǎo)出】|【導(dǎo)出影片】命令保存成“形變.swf”文件?，F(xiàn)在請同學(xué)們模仿老師的演示過程來完成練習(xí)1：圓 矩形 （三）制作圖形“ ”變成文字“圓”（探究） 剛才大家看了老師的制作過程，那么思考這樣一個問題，如何讓一個圖形“ ”變成文字“圓”，用剛才老師講解的方法行不行呢？請同學(xué)們先自己獨立完成，并說你的想法與遇到的困難。（要求文字用文本工具寫出來）1、以小組為單位（每排五位同學(xué)為一組），通過自主、協(xié)作的學(xué)習(xí)方式，進行討論制作。在創(chuàng)作過程中，注意組間成員的交流、合作、探究，必要時可以走動，討論，比一比哪一組的同學(xué)的作品效果最好。2、用剛才的方法能行嗎？為什么會出現(xiàn)這種現(xiàn)象呢？學(xué)生討論原因：會出現(xiàn)錯誤現(xiàn)象。如下圖： 教師明確：1、只有圖形才能制作形變動畫，對不是圖形的內(nèi)容在制作形變動畫之前都要執(zhí)行“分離”操作。（即選擇“修改”菜單中的“分離”）2、單個文字或元件，分離一次；多個文字或元件分離兩次?！局R鏈接】：分離和組合區(qū)別：正常無區(qū)別，但選中時“分離”呈點狀，“組合”有外框；移動時“分離狀態(tài)”只移動選中部分，而“組合狀態(tài)”移動全部。具體步驟：1、在第1幀繪制圖形“ ”，在第N幀繪制文字“圓”。 2、在繪制完文字“圓”后，執(zhí)行“修改”“分離”。3、在時間軸上的兩個關(guān)鍵幀之間單擊鼠標選中該圖層，然后在屬性下選擇“補間”“形狀”。4、測試，Ctrl+Enter學(xué)生將自己的作品演示給大家。（學(xué)生積極參與展示自己的作品，教師及時給予點評。）（四）拓展練習(xí)：制作“水滴” 形變動畫。通過上面兩個例子，對圖形的形狀、位置和顏色等進行了形變，現(xiàn)在我們來制作“水滴” 形變動畫。大家先來仔細觀察老師做好的實例。（播放動畫）下面請同學(xué)們分步來分析一下這個動畫過程:1、“水滴”在凝結(jié)的過程中發(fā)生了什么變化？（大小發(fā)生變化）2、當(dāng)“水滴”夠大，然后從樹葉下落的過程是位置的改變，我們同樣也用形變動畫來完成；3、“水滴”落入池塘中，會出現(xiàn)水波，這時水滴會消失，水滴的消失過程我們怎樣來實現(xiàn)呢？（用調(diào)節(jié)顏色的不透明度使其變淡來實現(xiàn)）4、蕩起漣漪出現(xiàn)水波后，水波會由小變大，再漸漸消失。通過分析，我們知道了整個形變的過程，下面請同學(xué)們自己來完成這個動畫。（學(xué)生練習(xí)，教師巡視并引導(dǎo)和答疑，個別輔導(dǎo)。鼓勵組內(nèi)交流、互評。完成后展示學(xué)生作品，并作出點評。）三、總結(jié)師生共同回顧本節(jié)課知識點。（教師展示：形狀補間動畫口訣）形狀補間動畫口訣形狀補間動畫好，動畫設(shè)計離不了，首尾兩個關(guān)鍵幀，設(shè)置補間為形狀，文