2022年《Flash形變動(dòng)畫(huà)》教學(xué)案例培訓(xùn)講學(xué)

1、 Fl as h 形 變 動(dòng) 畫(huà) 教 學(xué) 案 例Flash 形變動(dòng)畫(huà)教學(xué)設(shè)計(jì)甘肅省定西市安定區(qū)中華路中學(xué) 朱麗蓉【學(xué)習(xí)目標(biāo)】 ：（一）學(xué)問(wèn)與技能：1、懂得動(dòng)畫(huà)的原理；2、把握制作簡(jiǎn)潔形變動(dòng)畫(huà)的方法；3、把握形變技巧并應(yīng)用到實(shí)踐中去；（二）過(guò)程與方法：1、實(shí)行老師講解與同學(xué)創(chuàng)作相結(jié)合的方法進(jìn)行學(xué)習(xí)；2、讓同學(xué)在實(shí)踐操作過(guò)程中把握制作單個(gè) 導(dǎo)同學(xué)拓展到多個(gè)形變動(dòng)畫(huà)的制作；（三）情感態(tài)度與價(jià)值觀：Flash形變動(dòng)畫(huà)的基本方法,引1、讓同學(xué)體驗(yàn)到勝利的歡樂(lè),進(jìn)一步激發(fā)同學(xué)學(xué)習(xí)動(dòng)畫(huà)的愛(ài)好；2、讓同學(xué)養(yǎng)成認(rèn)真觀看事物的習(xí)慣,培育同學(xué)的創(chuàng)新精神、表達(dá)才能、審美才能、探究性學(xué)習(xí)的才能和綜合應(yīng)用學(xué)問(wèn)的才能；【教

2、學(xué)重點(diǎn)】： 1、懂得形變動(dòng)畫(huà)制作的原理； 2、把握制作形變動(dòng)畫(huà)的方法；【教學(xué)難點(diǎn)】：圖形和元件的識(shí)別,二者的相互轉(zhuǎn)化；【教學(xué)預(yù)備 】自制 Flash 動(dòng)畫(huà)；【教學(xué)過(guò)程 】一、復(fù)習(xí)導(dǎo)入（一）完成練習(xí)：1.逐幀動(dòng)畫(huà)原理：在時(shí)間軸上,每個(gè)變化的畫(huà)面都是（空白幀、關(guān)鍵 幀、一般幀）；2.下圖中有 個(gè)圖層？（二）導(dǎo)入（老師播放動(dòng)畫(huà),激發(fā)同學(xué)學(xué)習(xí)愛(ài)好）下面我們來(lái)看這樣一個(gè)動(dòng)畫(huà)（播放用逐幀動(dòng)畫(huà)做的“ 圓形變成方形” 的過(guò) 程）,從這個(gè)動(dòng)畫(huà)我們很明顯看出,要實(shí)現(xiàn)外形的變化過(guò)程用逐幀動(dòng)畫(huà)是可以 完成的,而且最大限度地掌握動(dòng)畫(huà)的變化細(xì)節(jié),但是每一步的變化過(guò)程做起來(lái) 特別麻煩,太耗費(fèi)時(shí)間和精力,而且最終生成的動(dòng)畫(huà)文

3、件偏大,那么我們?cè)鯓幼屵@個(gè)動(dòng)畫(huà)過(guò)程更簡(jiǎn)潔的實(shí)現(xiàn)呢？今日我們就來(lái)學(xué)習(xí) 二、新課敘述Flash形變動(dòng)畫(huà)；（一）形變動(dòng)畫(huà)的定義： 所謂外形,就是在 Flash中直接使用繪圖工具繪 制出來(lái)的矢量圖形,或者是將其他對(duì)象分別出來(lái)的矢量圖形；外形補(bǔ)間動(dòng)畫(huà)是Flash動(dòng)畫(huà)的一個(gè)主要組成部分,反映了在一段時(shí)間內(nèi)將一個(gè)外形對(duì)象變形為 另一個(gè)外形對(duì)象的過(guò)程；是圖形的一種外形動(dòng)態(tài)的變化成另一種外形；Flash 可以對(duì)圖形的外形、大小、位置和顏色等進(jìn)行外形轉(zhuǎn)變；（二）制作形變動(dòng)畫(huà)知道了形變動(dòng)畫(huà)的定義,我們來(lái)體驗(yàn)形變動(dòng)畫(huà)制作過(guò)程；這是一個(gè)形變動(dòng)畫(huà)典型事例“ 圓形變成方形” ；我來(lái)演示一下這個(gè)動(dòng)畫(huà)的制作過(guò)程；老師演示 ：第

4、一步：創(chuàng)建 Flash 文檔 （執(zhí)行【文件】 | 【新建】命令）；其次步：制作起始幀（在舞臺(tái)畫(huà)圓）；第三步：制作終止幀（在時(shí)間軸的第 一不同色方形）；40 幀處插入空白關(guān)鍵幀,在舞臺(tái)畫(huà)第四步：?jiǎn)螕魞蓚€(gè)關(guān)鍵幀之間任意一幀,打開(kāi)舞臺(tái)下方“ 屬性” 面板,設(shè)置“ 補(bǔ)間” 為“ 外形” ；第五步：測(cè)試存盤(pán)執(zhí)行【掌握】 | 【測(cè)試影片】命令,觀看本例swf 文件生成的動(dòng)畫(huà)有無(wú)問(wèn)題,假如中意,執(zhí)行【文件】| 【儲(chǔ)存】命令,將文件儲(chǔ)存成“ 形變動(dòng)畫(huà) .fla”文件存盤(pán),假如要導(dǎo)出 Flash 的播放文件,執(zhí)行【導(dǎo)出】| 【導(dǎo)出影片】命令儲(chǔ)存成“ 形變.swf ” 文件；現(xiàn)在請(qǐng)同學(xué)們仿照老師的演示過(guò)程來(lái)完成練

5、習(xí)1：圓矩形（三）制作圖形“” 變成文字“ 圓” （探究）剛才大家看了老師的制作過(guò)程,那么摸索這樣一個(gè)問(wèn)題,如何讓一個(gè)圖形“ ” 變成文字“ 圓” ,用剛才老師講解的方法行不行呢？請(qǐng)同學(xué)們先自己獨(dú)立完 成,并說(shuō)你的想法與遇到的困難；（要求文字用文本工具寫(xiě)出來(lái)）1、以小組為單位（每排五位同學(xué)為一組）,通過(guò)自主、協(xié)作的學(xué)習(xí)方 式,進(jìn)行爭(zhēng)論制作；在創(chuàng)作過(guò)程中,留意組間成員的溝通、合作、探究,必要 時(shí)可以走動(dòng),爭(zhēng)論,比一比哪一組的同學(xué)的作品成效最好；2、用剛才的方法能行嗎？為什么會(huì)顯現(xiàn)這種現(xiàn)象呢？同學(xué)爭(zhēng)論緣由：會(huì)顯現(xiàn)錯(cuò)誤現(xiàn)象；如下圖：老師明確：1、只有圖形才能制作形變動(dòng)畫(huà),對(duì)不是圖形的內(nèi)容在制作形變動(dòng)

6、畫(huà)之前都要執(zhí)行“ 分別” 操作；（即挑選“ 修改” 菜單中的“ 分別”2、單個(gè)文字或元件,分別一次；多個(gè)文字或元件分別兩次；【學(xué)問(wèn)鏈接】：分別和組合區(qū)分：正常無(wú)區(qū)分,但選中時(shí)“ 分別” 呈點(diǎn) 狀,“ 組合” 有外框；移動(dòng)時(shí)“ 分別狀態(tài)” 只移動(dòng)選中部分,而“ 組合狀態(tài)” 移動(dòng)全 部；詳細(xì)步驟：1、在第 1 幀繪制圖形“” ,在第N 幀繪制文字“ 圓” ； 2、在繪制完文字“ 圓” 后,執(zhí)行“ 修改” “ 分別” ；3、在時(shí)間軸上的兩個(gè)關(guān)鍵幀之間單擊鼠標(biāo)選中該圖層,然后在屬性下 挑選“ 補(bǔ)間” “ 外形” ；4、測(cè)試, Ctrl+Enter 同學(xué)將自己的作品演示給大家；（同學(xué)積極參加展現(xiàn)自己的作

7、品,老師準(zhǔn)時(shí)賜予點(diǎn)評(píng)；）（四）拓展練習(xí)：制作“ 水滴” 形變動(dòng)畫(huà)；通過(guò)上面兩個(gè)例子,對(duì)圖形的外形、位置和顏色等進(jìn)行了形變,現(xiàn)在我 們來(lái)制作“ 水滴”形變動(dòng)畫(huà)；大家先來(lái)認(rèn)真觀看老師做好的實(shí)例；（播放動(dòng)畫(huà)）下面請(qǐng)同學(xué)們分步來(lái)分析一下這個(gè)動(dòng)畫(huà)過(guò)程:1 、“ 水滴” 在凝聚的過(guò)程中發(fā)生了什么變化？（大小發(fā)生變化）2、當(dāng)“ 水滴” 夠大,然后從樹(shù)葉下落的過(guò)程是位置的轉(zhuǎn)變,我們同樣也用形變動(dòng)畫(huà)來(lái)完成；3、“ 水滴” 落入池塘中,會(huì)顯現(xiàn)水波,這時(shí)水滴會(huì)消逝,水滴的消逝過(guò)程我們?cè)鯓觼?lái)實(shí)現(xiàn)呢？（用調(diào)劑顏色的不透亮度使其變淡來(lái)實(shí)現(xiàn)）再慢慢消逝；4、蕩起漣漪顯現(xiàn)水波后,水波會(huì)由小變大,通過(guò)分析,我們知道了整個(gè)形變的過(guò)程,下面請(qǐng)同學(xué)們自己來(lái)完成這個(gè) 動(dòng)畫(huà)；（同學(xué)練習(xí),老師巡察并引導(dǎo)和答疑,個(gè)別輔導(dǎo)；勉勵(lì)組內(nèi)溝通、互評(píng)；完成后展現(xiàn)同學(xué)作品,并作出點(diǎn)評(píng)；）三、總結(jié) 師生共同回憶本節(jié)課學(xué)問(wèn)點(diǎn)；（老師展現(xiàn)： 外形補(bǔ)間動(dòng)畫(huà)口訣）外形補(bǔ)間動(dòng)畫(huà)口訣 外形補(bǔ)間動(dòng)畫(huà)好,動(dòng)畫(huà)設(shè)計(jì)離不了,首尾兩個(gè)關(guān)鍵幀,設(shè)置補(bǔ)間