形狀補(bǔ)間動(dòng)畫教案

1、形狀補(bǔ)間動(dòng)畫教學(xué)目標(biāo)一、知識(shí)與技能：1、理解形狀補(bǔ)間動(dòng)畫的概念，掌握其制作方法；2、掌握將位圖轉(zhuǎn)換為矢量圖的操作方法，了解位圖在形狀補(bǔ)間動(dòng)畫中為何要矢量化；3、認(rèn)識(shí)形狀補(bǔ)間動(dòng)畫與動(dòng)畫補(bǔ)間動(dòng)畫的區(qū)別二、過程與方法：通過自主探究、任務(wù)驅(qū)動(dòng)，發(fā)現(xiàn)問題、解決問題，來掌握形狀補(bǔ)間動(dòng)畫的制作方法。通過利用所學(xué)知識(shí)制作FLASH動(dòng)畫卡片，提高學(xué)生綜合應(yīng)用能力三、情感態(tài)度與價(jià)值觀：培養(yǎng)學(xué)生的動(dòng)手能力、想象力、創(chuàng)造力、審美能力及互助精神。教學(xué)重難點(diǎn)重點(diǎn)：形狀補(bǔ)間動(dòng)畫的制作方法；形狀補(bǔ)間動(dòng)畫與動(dòng)畫補(bǔ)間動(dòng)畫的區(qū)別；掌握位圖矢量化方法難點(diǎn)：形狀補(bǔ)間動(dòng)畫的制作方法；形狀補(bǔ)間動(dòng)畫與動(dòng)畫補(bǔ)間動(dòng)畫的區(qū)別；了解圖片矢量化的原因

2、教學(xué)方法及教學(xué)手段分析一、教學(xué)方法：引導(dǎo)法、演示法、任務(wù)驅(qū)動(dòng)法、師生互動(dòng)二、教學(xué)手段1、任務(wù)素材、多媒體教學(xué)網(wǎng)絡(luò)、flash板書課件2、學(xué)生通過FTP遠(yuǎn)程服務(wù)或極域網(wǎng)絡(luò)提交作業(yè)3、學(xué)生達(dá)標(biāo)自評(píng)結(jié)果的提交利用excel引用與網(wǎng)絡(luò)結(jié)合方法收集教學(xué)過程與設(shè)計(jì)意圖情景導(dǎo)入教師播放一段自制的Flash補(bǔ)間小動(dòng)畫給學(xué)生欣賞,由此引入形狀補(bǔ)間動(dòng)畫。學(xué)生回憶所學(xué)過的內(nèi)容，了解本課的任務(wù)。師：(過渡語)同學(xué)們，我們上節(jié)課已經(jīng)學(xué)習(xí)了動(dòng)畫補(bǔ)間動(dòng)畫的知識(shí)，那么，在播放的這段flash動(dòng)畫中，騎著笤帚的小巫師在做動(dòng)畫補(bǔ)間動(dòng)畫，這時(shí)有的同學(xué)已經(jīng)看到了：狗變成了螞蟻，鳥變成了兔子；那么這是怎么回事呢？這就是我們今天將要學(xué)習(xí)

3、的新內(nèi)容“形狀補(bǔ)間動(dòng)畫”，學(xué)會(huì)了形狀補(bǔ)間動(dòng)畫，你就擁有了哈利波特的魔棒，想怎么變就怎么變?。ㄔO(shè)計(jì)意圖：激發(fā)學(xué)生的學(xué)習(xí)興趣）講授新課，師生互動(dòng)師：(過渡語) 那么，現(xiàn)在就請(qǐng)同學(xué)們跟我去認(rèn)識(shí)一下什么是“形狀補(bǔ)間動(dòng)畫”；(板書)  形狀補(bǔ)間動(dòng)畫的概念:使一個(gè)對(duì)象逐漸變成另一個(gè)對(duì)象，實(shí)現(xiàn)兩個(gè)對(duì)象間(顏色、位置、大小、形狀)的平滑過渡。（設(shè)計(jì)意圖：讓學(xué)生有概念認(rèn)識(shí)）師：(過渡語) 了解了概念以后，我們一起來制作一個(gè)簡(jiǎn)單的形狀補(bǔ)間動(dòng)畫。（講解）以“橢圓直線圓”為例簡(jiǎn)單講授制作過程。(提示)  flash中繪制的圖不需要轉(zhuǎn)化為元件，因?yàn)樗l(fā)生形狀的變化。教師在講授 “橢圓直線”時(shí)，講正

4、確方法；在講授“直線圓” 時(shí)故意犯錯(cuò)；（設(shè)計(jì)意圖：讓學(xué)生對(duì)形狀補(bǔ)間動(dòng)畫的制作過程有系統(tǒng)的認(rèn)識(shí)，故意放錯(cuò)可以讓學(xué)生記憶加深，學(xué)生對(duì)老師的錯(cuò)誤會(huì)記得很勞。）師： (過渡語) 下面請(qǐng)同學(xué)們完成練習(xí)一與練習(xí)二。生： 完成達(dá)標(biāo)練習(xí)一：實(shí)現(xiàn)圖形圖形間的形狀補(bǔ)間動(dòng)畫，并以“自己的姓名”1.fla保存在E盤。(形狀可以自選)：建議：制作圓> 矩形>五角星間的形狀補(bǔ)間 動(dòng)畫。(制作五角星提示)：點(diǎn)擊工具箱中“多角星形工具”，然后打開“窗口”菜單“屬性”面板，點(diǎn)擊“選項(xiàng)”，修改“工具設(shè)置”屬性對(duì)話框。（設(shè)計(jì)意圖：讓學(xué)生掌握基本得形狀補(bǔ)間動(dòng)畫制作方法。）生： 完成達(dá)標(biāo)練習(xí)二： 實(shí)現(xiàn)圖片與文字間的形狀補(bǔ)間

5、動(dòng)畫，并導(dǎo)出影片并以“自己的姓名”2.swf保存在E盤。(疑難幫助):查看FLASH菜單欄：“幫助”->“使用 Flash創(chuàng)建動(dòng)畫 ” ->“關(guān)于補(bǔ)間動(dòng)畫”(導(dǎo)出影片提示)：“文件”菜單導(dǎo)出導(dǎo)出影片1、文字與文字間形狀補(bǔ)間動(dòng)畫：建議：“南京四中”變成“歡迎您！” (請(qǐng)第1組同學(xué)做本練習(xí))2、文字與圖片間形狀補(bǔ)間動(dòng)畫：A、文字“圣誕快樂”變成 “圣誕樹” 圖片：(請(qǐng)第2組同學(xué)做本練習(xí))B、圖片“孫悟空”變成“孫悟空七十二變” 文字：(請(qǐng)第3組同學(xué)做本練習(xí))3、圖片與圖片間形狀補(bǔ)間動(dòng)畫：“盛開的小花” (請(qǐng)第4組同學(xué)做本練習(xí))(任務(wù)2、3素材位置：我的電腦/E盤/形狀補(bǔ)間動(dòng)畫素材)(導(dǎo)

6、入圖片提示)：1、打開“文件”菜單“導(dǎo)入”“導(dǎo)入到庫(kù)”，選擇文件并打開；2、打開：“窗口”菜單“庫(kù)”面板，將需要的對(duì)象拖到舞臺(tái)。師： 請(qǐng)兩位學(xué)生演示自己的作品：?jiǎn)栴}作品：孫悟空七十二變” ；優(yōu)秀作品：圣誕快樂排難解疑：師： (過渡語)  在完成練習(xí)二時(shí)，很多同學(xué)都碰到了問題：?jiǎn)栴}1、文字、圖片的形狀補(bǔ)間動(dòng)畫無法實(shí)現(xiàn)？(解難)： 教師以“燈籠”圖片變成“元旦快樂”文字為例講解文字必須分離打散。圖片從庫(kù)中拖出來后必須執(zhí)行將位圖矢量化。(注意為了使形狀補(bǔ)間動(dòng)畫更加逼真，請(qǐng)將不需要的點(diǎn)狀刪除)。問題2：位圖為何要矢量化？(解難): 有的同學(xué)非常愛動(dòng)腦筋，導(dǎo)入位圖與flash繪制的圖片不一樣嗎？干嘛要矢量化，這是因?yàn)槲粓D用二維象素矩陣描述，而矢量圖用指令集合描述；他們的存儲(chǔ)結(jié)構(gòu)不同，因此必須矢量化，這樣才能進(jìn)行形狀補(bǔ)間動(dòng)畫。師：(過渡語)  那么此時(shí)同學(xué)們是否思考過制作形狀補(bǔ)間動(dòng)畫的關(guān)鍵點(diǎn)是什么？(板書)   形狀補(bǔ)間動(dòng)畫制作的關(guān)鍵點(diǎn)1、插入的幀為空白關(guān)鍵幀2、首幀與尾幀的對(duì)象必須為點(diǎn)狀的矢量圖3、補(bǔ)間的實(shí)現(xiàn)動(dòng)作不能放在尾幀上設(shè)計(jì)意圖：歸納后，避免學(xué)生在這些問題上再次出錯(cuò)，而且能有一個(gè)系統(tǒng)的了解。學(xué)生自評(píng)排疑解難：小結(jié)師 (提問)  形狀補(bǔ)間和動(dòng)作補(bǔ)間的區(qū)別？請(qǐng)學(xué)生回答，然后教師總結(jié)