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

補間形狀動畫

【課時】 3課時

【教學目標】 一.知識目標 1．熟練形變制作； 2．能看懂設計原理； 3．能根據需進行形變動畫的設計創作； 二.能力目標

1．培養學生觀察的能力，發展學生的動手實踐能力；

2．建立探求規律和分析解決問題的能力，促進學生個性發展； 三.德育目標

培養學生互幫互助的精神；

【重點難點】

重點：元件中形變與舞臺中形變的區別與聯系。難點：能根據需要進行形變動畫的設計創作。【教學過程】 導入

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

繼續完成QQ表情“笑”。

新課講授

一、任務展示 搖曳的燭光：

提示：

1、繪制蠟燭

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

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

③放射狀填充： F5B778、F29437、D74D1F、923107。填充并調整；

放射狀填充：F29C48、F4C402、F2912F、F29437、D74D1F、923107。填充并調整； ④

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

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

2、畫火苗

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

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

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

第15、第30幀加上關鍵幀，點中第15幀，再點修改—變形—縮放和旋轉，縮放150。

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

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

As 2.0實現下雨效果：

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

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

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

Flash“形狀補間”動畫教案

學科名稱：計算機 班級：初二八班 課時：一節課

一、教學目標：

1、知識與技能：

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

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

3、情感態度與價值觀：通過動畫的制作，進一步激發學生學習動畫的積極性，培養學生自主探索的精神.二、教學重點：掌握形狀補間動畫的制作方法。

三、教學難點：

1、能夠對實例屬性進行設置

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

四、教學方法： 演示法、任務驅動法

五、教學媒體： 計算機

六、教學過程：

1、創設情境，導入新課

教師播放一個簡單的“圓變方”形狀補接動畫，提問，導入新課。設計意圖：激發學生的學習興趣。

2、新課教學

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

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

① 啟動flash，選定“橢圓工具”，用適當的顏色在舞臺上畫一個圓

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

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

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

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

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

3、鞏固練習

讓學生掌握圖形變形之后，嘗試著把圖形變為文字（可以是自己的名字），發現其中的問題并解決問題（期間講解使用文字工具制作的文字不能直接做形狀補間動畫的原因，并提出“打散”與“組合”概念）。

七、備注：

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

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

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

Flash動畫設計教案

課題

教師 單位

專業 班級

課型 教學 目標

形狀補間動畫的制作

蔣佳玲 達縣職業高級中學

計算機應用專業 高一計算機應用班

實訓課 【知識目標】使學生了解flash形狀補間動畫的相關知識。

【技能目標】使學生基本掌握flash形狀補間動畫的操作技巧。【情感目標】培養學生對flash動畫學習的興趣和團隊合作的精

備課時間

上課

時間

《Flash CS3教材

動畫設計半

月通》

課時 3課時

教學重難點

關鍵

動畫教具 采用教法

教學過程 環節 第一步（技能需求）

神。

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

法。難點：加入提示點。

學生利用操作提示、互助學、自評、互評。

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

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

學生活動 時間

進入情境，激發興趣，明確學習目標。

15分鐘 的補間呢？這次實訓內容的形狀補間動畫就是來解決這個問題的，讓我們一起來學習吧。

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

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

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

第三步 為學生準備三個實訓作業：（技能拓展）

實訓一：吹大的

根據操作提示步驟小組討論

式學習，互幫互助，共同完成。20分鐘20分鐘

1.每個組的同學根50分鐘據自己的學習情

第四步（學習反思）

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

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

1.總結學生本次課的學習情況； 2.分發學生意見反饋表。

況，選擇

不同難度的題進行制作。（每位同

學只能做

一個）

2.學生收集下一組成員的制作結果。3.組長為下一組打分評價，填寫評價表，向老師匯報評價結果。任務評價： 組長對組員的任務完成情況進行統計獨立完成和互助完成的人數，向老師匯報結果。

1.如實填寫學生意

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

給老師。

第五步（課后提高）

老師選出做得好的作品。

做得好的學生展示

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

教學后記

第四篇：用flash創建形狀補間動畫

“形狀補間動畫”教學設計

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

教材分析

本課教學內容是教材

教師復習提問創建移動漸變動畫的基本步驟。

設計意圖：讓學生對形狀補間動畫的制作過程有系統的認識，故意犯錯可以讓學生記憶加深，學生對老師的錯誤會記得很牢。

師：下面請同學們完成任務一，教師先示范一次。

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

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

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

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

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

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

我們一起來試一試。結果發現時間軸上出現虛線，提示補間動畫設置不成功。這時將最后一個關鍵幀應用“分離”命令后即可變成實線。

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

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

導出影片提示：“文件”菜單→導出→導出影片

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

導入圖片提示：

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

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

師：在完成任務三時，很多同學都碰到了問題： 問題

1、文字、圖片的形狀補間動畫無法實現？

“形狀補間動畫”教學設計

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

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

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

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

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

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

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

? 分別創建開始與結束關鍵幀（兩個對象），注意結束關鍵幀是空白關鍵幀，動畫的對象必須要“分離”打散；

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

教學反思

“形狀補間動畫”教學設計

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

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

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

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

毛毛蟲變蝴蝶

——Flash“形狀補間”動畫

學科名稱：信息技術 姓名：蔡雅琴 課時：一節課

一、教學目標：

（一）知識與技能：

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

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

3、關鍵幀、空白關鍵幀的異同。

4、復制幀、粘貼幀、翻轉幀的操作。

（二）過程與方法

先學后教、任務驅動、當堂練習

（三）情感態度與價值觀

通過動畫的制作，進一步激發學生學習動畫的積極性，培養學生自主探索的精神。

二、教學重點：

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

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

三、教學難點：

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

（二）理解關鍵幀與空白關鍵幀的異同。

四、教學過程：

（一）情景導入，目標激趣

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

2、播放兩段Flash動畫，進行導入新課——補間形狀動畫。

（二）任務驅動，自主探究

任務一：通過視頻學習，完成 “方變圓”的動畫。

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

（空白關鍵幀）

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

（在矩形和圓形變換前插入關鍵幀，讓其有播放的時間。）任務二：通過視頻學習，完成“多邊形變換”的動畫。

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

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

讓已經完成任務的同學，進行操作演示，并且回答并演示以上問題。

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

完成任務一與任務二后，可以在此基礎上進行繪制更加復雜的圖形，讓動畫中有更加豐富的變換過程。

以“任務三”為范本進行講解，在兩個任務中學生可能會遇到的問題。繪圖技巧：

1、”移動工具“的變形功能，鼠標靠近圖形時，鼠標上會出現曲線。

2、Flash中對顏色相同部分進行組合，顏色不同的形狀進行區分。

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

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

1、復制幀

2、粘貼幀

3、翻轉幀

（五）作品展示，總結評價

在講授的基礎上，自由創作。對已提交的作業進行展示，并總結本堂課的內容： 形狀補間的制作過程，在兩個關鍵幀之間，并且關鍵幀上要求是繪制的圖形，不能是元件；

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

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