第一篇：flash教案補間形狀動畫三(精)

補間形狀動畫

【課時】 3課時

【教學(xué)目標(biāo)】 一.知識目標(biāo) 1．熟練形變制作； 2．能看懂設(shè)計原理； 3．能根據(jù)需進(jìn)行形變動畫的設(shè)計創(chuàng)作； 二.能力目標(biāo)

1．培養(yǎng)學(xué)生觀察的能力，發(fā)展學(xué)生的動手實踐能力；

2．建立探求規(guī)律和分析解決問題的能力，促進(jìn)學(xué)生個性發(fā)展； 三.德育目標(biāo)

培養(yǎng)學(xué)生互幫互助的精神；

【重點難點】

重點：元件中形變與舞臺中形變的區(qū)別與聯(lián)系。難點：能根據(jù)需要進(jìn)行形變動畫的設(shè)計創(chuàng)作?！窘虒W(xué)過程】 導(dǎo)入

未完成的QQ表情“笑”分析，整個動畫分為“天”形變，頭部形變與位移，整個文字小調(diào)整并逐幀抖三次，還原變形（用復(fù)制并翻轉(zhuǎn)）。

繼續(xù)完成QQ表情“笑”。

新課講授

一、任務(wù)展示 搖曳的燭光：

提示：

1、繪制蠟燭

①畫燭身，筆觸色CF8453，實線，大小2，畫一橢圓；

②畫一個橢圓，選中圓按住ALT或者 CTRL拖出兩個擺放好，再用直線畫上兩條線，刪除多余線條：

③放射狀填充： F5B778、F29437、D74D1F、923107。填充并調(diào)整；

放射狀填充：F29C48、F4C402、F2912F、F29437、D74D1F、923107。填充并調(diào)整； ④

⑤線性填充：D74D1F、F29437、D14B26；

⑥刪除多余的線條，用筆刷工具，顏色8C4F26，刷燭芯。

2、畫火苗

線性：左FFFF99 Alpha100%，右FFFF1B Alpha30%，畫橢圓，整調(diào)形狀。第30幀插入關(guān)鍵幀，創(chuàng)建形狀補間動畫。第5幀插入關(guān)鍵幀，調(diào)整形狀，第9幀插入關(guān)鍵幀，繼續(xù)調(diào)整。以此類推，第13，17，22，26幀都插入關(guān)鍵幀做調(diào)整，可以只做火苗伸長和壓縮，做成上下竄動，也可以再加上左右擺動。注意：不能調(diào)整太過，以免變形不規(guī)則。

3、制作光暈 新建元件，“光暈”；

放射狀，三個色標(biāo)：左FFFF00 Alpha100%，中FFFF6E Alpha77%，右FFFFCC Alpha0%，用橢圓工具畫個圓，居中。

第15、第30幀加上關(guān)鍵幀，點中第15幀，再點修改—變形—縮放和旋轉(zhuǎn)，縮放150。

4、新建圖層，從庫中把光圈拖入擺放好，用變形工具適當(dāng)壓扁，Alpha設(shè)置為50%。將燭身延時到30幀。提高練習(xí)： 水滴效果

請同學(xué)根據(jù)效果自行設(shè)計，注意水紋因為是線條無法變透明，要先將其轉(zhuǎn)換為填充，編輯——形狀——將線條轉(zhuǎn)換為填充，（也可用元件，再用動畫補間的alpha實現(xiàn)），參考時間軸：

As 2.0實現(xiàn)下雨效果：

制作一個影片剪輯元件，里面用形狀制作雨滴下落，并漾開的效果；

拖到場景，實例名為mc，并在AS層建立三個空白關(guān)鍵幀，第一幀為i=1;第三幀為gotoAndplay(2, 第二幀如下： duplicateMovieClip(“mc”,“mc”+i,i;setProperty(“mc”+i, _x,random(550;setProperty(“mc”+i, _y,random(400+200;//y值視背景圖的水平區(qū)域調(diào)整 i++;

第二篇：flash“形狀補間”動畫教案(精)

Flash“形狀補間”動畫教案

學(xué)科名稱：計算機 班級：初二八班 課時：一節(jié)課

一、教學(xué)目標(biāo)：

1、知識與技能：

（1）掌握形狀補間動畫的制作方法（2）掌握實例屬性的設(shè)置（3）了解組合與打散的概念

2、過程與方法：通過“圓變方”等動畫的制作，掌握形狀補間動畫的一般制作方法。

3、情感態(tài)度與價值觀：通過動畫的制作，進(jìn)一步激發(fā)學(xué)生學(xué)習(xí)動畫的積極性，培養(yǎng)學(xué)生自主探索的精神.二、教學(xué)重點：掌握形狀補間動畫的制作方法。

三、教學(xué)難點：

1、能夠?qū)嵗龑傩赃M(jìn)行設(shè)置

2、將組合實例打散的方法

四、教學(xué)方法： 演示法、任務(wù)驅(qū)動法

五、教學(xué)媒體： 計算機

六、教學(xué)過程：

1、創(chuàng)設(shè)情境，導(dǎo)入新課

教師播放一個簡單的“圓變方”形狀補接動畫，提問，導(dǎo)入新課。設(shè)計意圖：激發(fā)學(xué)生的學(xué)習(xí)興趣。

2、新課教學(xué)

（1）.先讓學(xué)生建個自己的文件夾

（2）.演示并逐步教“圖形變形”動畫，一一制作動畫，讓一個愿變成矩形

① 啟動flash，選定“橢圓工具”，用適當(dāng)?shù)念伾谖枧_上畫一個圓

② 單擊“時間軸”面板中的第1幀，在“屬性”面板中單擊補間框，打開下拉列表，再單擊其中的“形狀”選項，把補間類型設(shè)置為形狀

③ 單擊“時間軸”面板中的的50幀，執(zhí)行“插入、空白關(guān)鍵幀”命令，（或F7）插入空白關(guān)鍵幀

④ 選定“矩形工具”，在舞臺中畫一個矩形

⑤ 仿照第2步到第4步操作，在時間軸面板的第20幀插入空白關(guān)鍵幀，畫一個三角形

⑥ 敲回車鍵，播放動畫，觀看效果 ⑦ 保存文件到自己的文件夾

3、鞏固練習(xí)

讓學(xué)生掌握圖形變形之后，嘗試著把圖形變?yōu)槲淖郑梢允亲约旱拿郑l(fā)現(xiàn)其中的問題并解決問題（期間講解使用文字工具制作的文字不能直接做形狀補間動畫的原因，并提出“打散”與“組合”概念）。

七、備注：

1.在形狀補間動畫的起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間，會顯示一條帶箭頭的淺綠色背景的直線，表名在兩個關(guān)鍵幀以及他們之間所有幀生成了一個形狀補間動畫

2．關(guān)鍵幀中圖片、文字等元件的分離操作是“形狀補間動畫”制作的關(guān)鍵

第三篇：形狀補間動畫(flash新課程教案)(精)

Flash動畫設(shè)計教案

課題

教師 單位

專業(yè) 班級

課型 教學(xué) 目標(biāo)

形狀補間動畫的制作

蔣佳玲 達(dá)縣職業(yè)高級中學(xué)

計算機應(yīng)用專業(yè) 高一計算機應(yīng)用班

實訓(xùn)課 【知識目標(biāo)】使學(xué)生了解flash形狀補間動畫的相關(guān)知識。

【技能目標(biāo)】使學(xué)生基本掌握flash形狀補間動畫的操作技巧。【情感目標(biāo)】培養(yǎng)學(xué)生對flash動畫學(xué)習(xí)的興趣和團隊合作的精

備課時間

上課

時間

《Flash CS3教材

動畫設(shè)計半

月通》

課時 3課時

教學(xué)重難點

關(guān)鍵

動畫教具 采用教法

教學(xué)過程 環(huán)節(jié) 第一步（技能需求）

神。

重點：形狀補間動畫的制作方

法。難點：加入提示點。

學(xué)生利用操作提示、互助學(xué)、自評、互評。

電腦、多媒體 示范、談話、討論法、觀察法、練習(xí)法、展示法

教師活動 為學(xué)生播放一個十分鐘以內(nèi)大小的動畫短片。上一次實訓(xùn)我們學(xué)習(xí)了一種補間動畫的制作方法，運動補間動畫，主要是應(yīng)用于物體的平動、旋轉(zhuǎn)及縮放。但一種形狀的物體想要變成另一個完全不同的形狀那應(yīng)該創(chuàng)建怎樣

學(xué)生活動 時間

進(jìn)入情境，激發(fā)興趣，明確學(xué)習(xí)目標(biāo)。

15分鐘 的補間呢？這次實訓(xùn)內(nèi)容的形狀補間動畫就是來解決這個問題的，讓我們一起來學(xué)習(xí)吧。

１.在做運動補間動畫前我們要先熟悉幾個概念： 1.形狀補間動畫：能使對象的第二步 形狀發(fā)生改變的補間動畫形式。（技能訓(xùn)練）

2.提示點：在形狀補間動畫制作過程中，通過添加相應(yīng)的提示點，使形狀的變化過程受用戶的控制。

２.了解了這幾個概根據(jù)老師的示念后，我們通過做實范，小組組員討例，來學(xué)習(xí)更多的內(nèi)論形狀補間動畫容與技能。的操作方法。（自學(xué)、互助教師通過計算機網(wǎng)絡(luò)學(xué)）控制學(xué)生電腦進(jìn)行實例一（兔變貓）制作的講解與相關(guān)概念的說明。

第三步 為學(xué)生準(zhǔn)備三個實訓(xùn)作業(yè)：（技能拓展）

實訓(xùn)一：吹大的

根據(jù)操作提示步驟小組討論

式學(xué)習(xí)，互幫互助，共同完成。20分鐘20分鐘

1.每個組的同學(xué)根50分鐘據(jù)自己的學(xué)習(xí)情

第四步（學(xué)習(xí)反思）

氣球（５分題）實訓(xùn)二：圓柱變圓錐（１０分題）實訓(xùn)三：翻書效

果（１５分題）學(xué)生做完后，教師總結(jié)評分情況，并給予公布。

1.總結(jié)學(xué)生本次課的學(xué)習(xí)情況； 2.分發(fā)學(xué)生意見反饋表。

況，選擇

不同難度的題進(jìn)行制作。（每位同

學(xué)只能做

一個）

2.學(xué)生收集下一組成員的制作結(jié)果。3.組長為下一組打分評價，填寫評價表，向老師匯報評價結(jié)果。任務(wù)評價： 組長對組員的任務(wù)完成情況進(jìn)行統(tǒng)計獨立完成和互助完成的人數(shù)，向老師匯報結(jié)果。

1.如實填寫學(xué)生意

見反饋15分鐘表。2.收好傳

給老師。

第五步（課后提高）

老師選出做得好的作品。

做得好的學(xué)生展示

自己的作15分鐘 品并作講解。

教學(xué)后記

第四篇：用flash創(chuàng)建形狀補間動畫

“形狀補間動畫”教學(xué)設(shè)計

計算機動畫制作(三)——用flash創(chuàng)建形狀補間動畫

教材分析

本課教學(xué)內(nèi)容是教材

教師復(fù)習(xí)提問創(chuàng)建移動漸變動畫的基本步驟。

設(shè)計意圖：讓學(xué)生對形狀補間動畫的制作過程有系統(tǒng)的認(rèn)識，故意犯錯可以讓學(xué)生記憶加深，學(xué)生對老師的錯誤會記得很牢。

師：下面請同學(xué)們完成任務(wù)一，教師先示范一次。

生： 完成任務(wù)一：實現(xiàn)“圖形—圖形”間的形狀補間動畫，并以“自己的姓名1.fla”保存在桌面(形狀可以自選)。建議：制作矩形

制作五角星提示：點擊工具箱中

——>五角星間的形狀補間動畫。

（長按左鍵）選擇“多角星形工具”，然后打開 “屬性”面板，點擊“選項”，修改“工具設(shè)置”屬性對話框。圖形的顏色設(shè)置可以打開“窗口”菜單，點擊“設(shè)計面板”→“混色器”自由選擇顏色。

設(shè)計意圖：讓學(xué)生掌握基本的形狀補間動畫制作方法。

師：我們剛剛制作的是兩個圖形之間的變換，那圖形能不能變成文字呢？是否只要改一下最后一個關(guān)鍵幀的內(nèi)容就可以了么？

我們一起來試一試。結(jié)果發(fā)現(xiàn)時間軸上出現(xiàn)虛線，提示補間動畫設(shè)置不成功。這時將最后一個關(guān)鍵幀應(yīng)用“分離”命令后即可變成實線。

生： 完成任務(wù)二： 實現(xiàn)“圖形—文字”間的形狀補間動畫，導(dǎo)出影片并以“自己的姓名2.swf”保存在桌面。

(疑難幫助):查看FLASH菜單欄：“幫助” →“使用 Flash創(chuàng)建動畫 ” →“關(guān)于補間動畫” 對象“分離”提示：首先使用“選擇工具”（退出“文本工具”），選中時間軸上需要創(chuàng)建形狀補間動畫的關(guān)鍵幀，再右鍵單擊舞臺上的對象→“分離”；

導(dǎo)出影片提示：“文件”菜單→導(dǎo)出→導(dǎo)出影片

生： 完成任務(wù)三： 實現(xiàn)“圖片—文字”間形狀補間動畫，導(dǎo)出影片并以“自己的姓名3.swf”保存在桌面。（“勞動最光榮” 圖片變成 “節(jié)日快樂” 文字。）

導(dǎo)入圖片提示：

1、打開“文件“菜單→“導(dǎo)入” →“導(dǎo)入到庫”，選擇文件并打開；

2、打開：“窗口”菜單→“庫”面板，將需要的對象拖到舞臺。師： 請一位學(xué)生演示自己的作品：對該作品進(jìn)行點評。排難解疑：

師：在完成任務(wù)三時，很多同學(xué)都碰到了問題： 問題

1、文字、圖片的形狀補間動畫無法實現(xiàn)？

“形狀補間動畫”教學(xué)設(shè)計

(解難)： 教師以“勞動最光榮” 圖片變成文字“節(jié)日快樂”為例講解圖片、文字必須分離打散。

圖片從庫中拖出來后必須執(zhí)行將位圖矢量化。(注意為了使形狀補間動畫更加逼真，請將不需要的點狀刪除)。

問題2：位圖為何要矢量化？

(解難): 有的同學(xué)非常愛動腦筋，導(dǎo)入位圖與flash繪制的圖片不一樣嗎？干嘛要矢量化，這是因為位圖用二維象素矩陣描述，而矢量圖用指令集合描述；他們的存儲結(jié)構(gòu)不同，因此必須矢量化，這樣才能進(jìn)行形狀補間動畫。

設(shè)計意圖：歸納后，避免學(xué)生在這些問題上再次出錯，而且能有一個系統(tǒng)的了解。師：(展示)教師再展示幾副優(yōu)秀作品 小結(jié)

師(提問)形狀補間和動作補間的區(qū)別？ 請學(xué)生回答，然后教師總結(jié)。(課件)

這節(jié)課我們學(xué)習(xí)了圖形、文字、圖片之間相互變化的形狀補間動畫，我們一起總結(jié)一下創(chuàng)建形狀補間動畫的方法及我們需要注意的地方：

? 分別創(chuàng)建開始與結(jié)束關(guān)鍵幀（兩個對象），注意結(jié)束關(guān)鍵幀是空白關(guān)鍵幀，動畫的對象必須要“分離”打散；

? 單擊兩個關(guān)鍵幀之間的任何一幀，在幀屬性面版中“補間”→“形狀”； ? 形狀補間動畫不能用“創(chuàng)建補間動畫命令”，若不小心應(yīng)用, 會出現(xiàn)虛線，可將首尾兩個關(guān)鍵幀應(yīng)用“分離”命令，再將庫中多余元件刪除.也可用歷史記錄撤消操作。

教學(xué)反思

“形狀補間動畫”教學(xué)設(shè)計

在本節(jié)課中，學(xué)生學(xué)習(xí)的興趣和積極性很高，充分領(lǐng)略到了Flash軟件的神奇。在老師的引導(dǎo)下學(xué)生能積極主動參與到教學(xué)中來，學(xué)生對形狀補間動畫原理的理解掌握較好，在自主探究、動手實踐中，基本掌握了形狀補間動畫的制作要領(lǐng)和步驟。

本節(jié)課存在的問題是部分學(xué)生在進(jìn)行文字形狀補間動畫時急于動手操作，忘記對文字進(jìn)行二次分離；雖然在學(xué)習(xí)中學(xué)生能模仿老師進(jìn)行操作，但學(xué)生的想象力和創(chuàng)新精神還不夠，對問題舉一反三的能力還需要進(jìn)一步培養(yǎng)。

教學(xué)建議：這堂課采用了“教師講，學(xué)生聽”的傳統(tǒng)模式，是“學(xué)”跟著“教”走，學(xué)生很容易在新鮮感和興趣感過去之后產(chǎn)生枯燥的消極想法。如果在后面再加一個有趣的實例如“花兒開放”等，以分組合作的方式讓學(xué)生自己去探索完成，效果可能會更好些。

第五篇：蔡雅琴 flash“形狀補間”動畫教案

毛毛蟲變蝴蝶

——Flash“形狀補間”動畫

學(xué)科名稱：信息技術(shù) 姓名：蔡雅琴 課時：一節(jié)課

一、教學(xué)目標(biāo)：

（一）知識與技能：

1、掌握形狀補間動畫的制作方法，形狀補間主要是對圖形的顏色、形狀、位置進(jìn)行補間。

2、掌握多邊形的繪制，各種不同圖形的組合與相減。

3、關(guān)鍵幀、空白關(guān)鍵幀的異同。

4、復(fù)制幀、粘貼幀、翻轉(zhuǎn)幀的操作。

（二）過程與方法

先學(xué)后教、任務(wù)驅(qū)動、當(dāng)堂練習(xí)

（三）情感態(tài)度與價值觀

通過動畫的制作，進(jìn)一步激發(fā)學(xué)生學(xué)習(xí)動畫的積極性，培養(yǎng)學(xué)生自主探索的精神。

二、教學(xué)重點：

（一）參照之前學(xué)習(xí)的補間動畫，學(xué)習(xí)形狀補間動畫的制作方法與特點。

（二）各種不同形狀的繪制。

三、教學(xué)難點：

（一）將多邊形組合成為有趣的圖形。

（二）理解關(guān)鍵幀與空白關(guān)鍵幀的異同。

四、教學(xué)過程：

（一）情景導(dǎo)入，目標(biāo)激趣

1、回顧動畫補間：對象是元件；對運動路線進(jìn)行補間。

2、播放兩段Flash動畫，進(jìn)行導(dǎo)入新課——補間形狀動畫。

（二）任務(wù)驅(qū)動，自主探究

任務(wù)一：通過視頻學(xué)習(xí)，完成 “方變圓”的動畫。

問1：在繪制圓形前，你的操作是什么？（插入幀、關(guān)鍵幀、空白關(guān)鍵幀）

（空白關(guān)鍵幀）

問2：你能看清楚變化的過程，但是看不清楚形狀，有辦法能解決嗎？

（在矩形和圓形變換前插入關(guān)鍵幀，讓其有播放的時間。）任務(wù)二：通過視頻學(xué)習(xí)，完成“多邊形變換”的動畫。

問1：你在繪制后面的圖形時，操作是什么？（插入幀、關(guān)鍵幀、空白關(guān)鍵幀）問2：整個變換的最后出現(xiàn)了跳動，為什么？怎么解決？

（三）操作演示，合作交流

讓已經(jīng)完成任務(wù)的同學(xué)，進(jìn)行操作演示，并且回答并演示以上問題。

（四）點播拓展、反思深化

完成任務(wù)一與任務(wù)二后，可以在此基礎(chǔ)上進(jìn)行繪制更加復(fù)雜的圖形，讓動畫中有更加豐富的變換過程。

以“任務(wù)三”為范本進(jìn)行講解，在兩個任務(wù)中學(xué)生可能會遇到的問題。繪圖技巧：

1、”移動工具“的變形功能，鼠標(biāo)靠近圖形時，鼠標(biāo)上會出現(xiàn)曲線。

2、Flash中對顏色相同部分進(jìn)行組合，顏色不同的形狀進(jìn)行區(qū)分。

3、對于相同的部分，可在外部繪制并復(fù)制，然后組合。

4、“任意變形工具”，放大縮小旋轉(zhuǎn)翻轉(zhuǎn)。幀的操作：

1、復(fù)制幀

2、粘貼幀

3、翻轉(zhuǎn)幀

（五）作品展示，總結(jié)評價

在講授的基礎(chǔ)上，自由創(chuàng)作。對已提交的作業(yè)進(jìn)行展示，并總結(jié)本堂課的內(nèi)容： 形狀補間的制作過程，在兩個關(guān)鍵幀之間，并且關(guān)鍵幀上要求是繪制的圖形，不能是元件；

對比“動畫補間”與“形狀補間”之前的區(qū)別： 動畫補間：對象是元件；對運動路線進(jìn)行補間。

形狀補間：對象是非元件，是繪制的圖形。對形狀、顏色進(jìn)行補間。