第一篇：《形狀漸變動畫》教學設計

《形狀漸變動畫》教學設計 廣州市第97中學賴程麗

一、教學內容分析

本節課選自廣州市信息技術教科書《信息技術》初中第二冊第4章第5節《形狀漸變動畫》的內容，這一節是本章的重點和難點，主要介紹形狀漸變動畫的制作方法，并對形狀漸變動畫和動作漸變動畫的不同點進行總結。考慮到學生的實際情況，本節課的教學內容做了一點調整，其中增加了“文字漸變動畫”的制作，并簡單介紹了幾種常用的繪圖工具。“形狀漸變動畫”是flash動畫的最基礎的部分，因此，本節課內容為學生今后的學習打下一個非常重要的基礎。

二、學情分析

本節課的教學對象是初中二年級學生。通過前面的學習，學生初步掌握了flash的基本操作，理解關鍵幀動畫的原理，學會制作簡單的動作漸變動畫。初二學生具有一定的自主學習能力，因此，課前準備自主學習網站，以指導和幫助學生完成課堂任務。

三、教學目標 [知識與技能]

1、了解形狀漸變動畫的概念與適用條件；

2、了解動作漸變動畫和形狀漸變動畫的不同點；

3、學會形狀漸變動畫的制作方法。[過程與方法]

1、通過簡單幾何圖形漸變動畫的制作，掌握形狀漸變動畫制作的基本方法；

2、通過兩種漸變動畫不同點的比較，能夠選擇和運用適當的動畫制作方法。[情感態度與價值觀]

通過體會形狀漸變動畫的整個制作過程，激發學生對動畫制作的求知欲；通過探究任務，讓學生形成積極探究的態度。

四、教學重點、難點

[教學重點]

1、形狀漸變動畫的制作方法；

2、動作漸變動畫和形狀漸變動畫的不同點。[教學難點]

1、形狀漸變動畫的適用條件；

2、動作漸變動畫和形狀漸變動畫的區別。

五、教學策略

本節課采用“任務驅動”教學法進行教學。通過“任務驅動”來激發學生的學習主動性和自主性。通過對比建立起新舊知識之間的內在聯系，加強知識的連貫性。教學重點通過任務的設計和反復練習來解決，教學難點通過交流討論、表格歸納來突破。根據初二學生的認知特點，本課在導入時選擇了較簡單和有趣的例子，以調動學生的學習積極性，激發他們的求知欲。由于本節課知識是Flash中的最基礎的部分，因此，任務的設計注重從不同的角度考慮，以幫助學生更好地掌握基本方法和技能，并通過設計探究任務和拓展任務鼓勵學有余力的學生積極探索，大膽實踐。同時，在制作過程中注意幫助學生歸納總結，通過學習網站提供的操作指南來指導和幫助學生掌握制作方法并且完成任務。

六、教學媒體

電腦室、投影機、局域網。

七、教學過程 教學環節

教師活動

學生活動

用時

設計目的創設情景 導入課題

首先讓同學們欣賞老師制作的flash圣誕賀卡，然后通過分析賀卡中的幾個形變動畫導出課題。【課件演示01】展示課題“形狀漸變動畫”。

欣賞作品 積極思考

2分鐘

以圣誕題材創設情境，激發學生興趣，通過賀卡中的動畫引出課題，激發學生求知欲。

對比分析 溫故知新

先介紹Flash中的兩種漸變動畫【課件演示02】展示漸變動畫分類。再回顧動作漸變動畫【課件演示03】展示動作漸變動畫實例。最后介紹本節課知識點【課件演示04】展示簡單幾何圖形漸變動畫實例。

認真聽講 觀察實例 學習新知

1分鐘

通過對比兩個漸變動畫，讓學生對兩種漸變動畫有個感性認識，為下面的對比分析做好準備。

講解分析 突出重點 【課件演示05】展示形狀漸變動畫的制作方法。教師詳細講解及演示幾何圖形漸變動畫的制作過程。

認真聽講 觀察演示

3分鐘

通過講解和演示形狀漸變動畫的制作方法和過程，讓學生初步學習設置形狀漸變的方法。

布置任務 小試牛刀

【課件演示06】任務一：制作一個幾何圖形的漸變動畫。教師布置任務，并指導學生如何使用學習網站，同時展示拓展練習，兼顧先完成任務的同學。

動手實踐 積極探究 完成任務

5分鐘

通過簡單的幾何圖形漸變動畫的制作，讓學生初步學會形狀漸變動畫的制作方法。

分析問題 解決問題

1、演示制作成功的學生作品。

2、指出學生在操作中遇到的問題，并結合演示分析原因，指出“形狀漸變動畫中關鍵幀上的對象必須是矢量圖形”，【課件演示07】展示形狀漸變動畫的對象。指導學生解決問題：文字和圖片在變形之前要“打散”，使之成為矢量圖。

3、請做錯的同學把錯誤的地方改過來。

認真聽講 理清思路 及時修改 強化鞏固

5分鐘

通過指出一些常見的錯誤引起學生注意，并通過讓學生了解形狀漸變動畫的對象條件，幫助他們更好地掌握形狀漸變動畫的制作方法。讓做錯的學生及時修改作品，加深他們的理解。

學生探究 完成任務

1、通過圣誕賀卡上面的文字漸變動畫，引出文字變形的內容。教師簡單分析制作要點，布置任務【課件演示08】展示任務二：制作一個文字漸變的動畫，將“圣誕快樂”四個字母逐個變形顯示。

2、先讓學生上臺演示作品。

3、教師表揚學生，并進行小結。

動手實踐 積極探究

15分鐘

通過文字漸變動畫的制作任務讓學生進一步掌握形狀漸變動畫的制作方法和將對象分離成為矢量圖形的方法，突破難點。

交流討論 歸納總結

1、通過設問“動作漸變動畫和形狀漸變動畫有哪些不同點”，打開兩種動畫的源文件，指導學生觀察、討論，再讓學生回答。

2、教師進行歸納總結，【課件演示09】展示動作漸變動畫和形狀漸變動畫的不同點。

觀察思考 交流討論 歸納總結 理清思路

6分鐘

通過讓學生觀察、分析、交流、討論，培養他們觀察力和與人交流的能力。通過師生互動，歸納總結，加深學生對兩種漸變動畫的原理及其適用范圍的理解，突破難點。

保存作品 自主學習

1、要求學生保存任務二的作品，并上傳。

2、鼓勵完成任務二的同學嘗試探究拓展任務。【課件演示10】展示拓展任務：制作一個由矩形變成三角形的形狀漸變動畫，并通過形狀提示來控制形狀變化的效果。

完成任務 積極探究

3分鐘

通過鼓勵學生實踐拓展任務，讓學生形成主動探究的態度。

《形狀漸變動畫》課堂教學實錄 教學環節

內容

教師活動

今天老師要送給大家一個用Flash制作的一張圣誕賀卡，下面我們邊欣賞，邊思考下面問題： “圣誕賀卡”動畫里面有哪幾個動畫？ 它們是怎么動起來的？

動畫中的物體發生了怎樣的變化？

學生活動

回答：3個動畫；一個是圓形變成了正方形，一個是“祝同學們圣誕快樂”這幾個字在逐個變化出現，還有一個是蘋果變成了雪梨等等；物體的外形在變化。

教師活動

這幾個動畫中的物體都是形狀發生了改變。這一類動畫就叫做形狀漸變動畫。

在flash中，可以建立兩種漸變動畫，一個是動作漸變動畫，一個是形狀漸變動畫。同學們上節課學過了動作漸變動畫。展示課件并說明：象這個小球沿著直線運動的動畫就是一個動作漸變動畫，如果我們要改變物體的位置、大小、透明度、旋轉度的時候，可通過創建動作漸變動畫來實現。而這個由圓形變成正方形的動畫是一個形狀漸變動畫，這種動畫可以實現物體的形狀發生改變的效果。

學生活動

認真聽講，理解概念，了解漸變動畫的分類。

教師活動

引導理解：形狀漸變動畫的制作方法。

講解：形狀漸變動畫的制作步驟可概括為“三步法”。第一步，確定起始關鍵幀的畫面。第二步，確定結束關鍵幀的畫面。第三步，通過補間完成動畫過程。如果我們要做一個由圓形變成正方形的形狀漸變動畫，第一步中起始關鍵幀的畫面是什么內容？第一步中結束關鍵幀的畫面的內容是什么？

學生活動

回答：圓形，正方形。

教師活動

講解：確定了開始和結束的畫面之后，再通過在flash窗口的屬性面板中選擇“形狀漸變”來實現由圓形變成正方形的中間變化過程。演示圓形變正方形的動畫制作過程，提示形狀漸變動畫建好后，時間軸面板的背景色由原來的灰色變為淡綠色，并且在起始幀和結束幀之間有一個長長的箭頭。

學生活動

認真觀察老師操作，觀察時間軸的變化。

教師活動

布置任務一：參考學習網站，制作一個由圓形變成正方形的形狀漸變動畫。

學生活動

動手實踐，通過參考學習網站中的操作指南來完成任務一。

教師活動

演示學生作品并分析：有的同學很快就完成任務了，有的同學總是出錯，做不出形變的效果。主要存在以下幾個問題：

①同一幀出現多個對象，導致未能產生漸變效果：如在插入關鍵幀后沒有刪除圓形，又畫正方形。②使用右鍵快捷菜單創建漸變動畫，時間軸出現虛線，未能產生形狀漸變的效果：因為使用右鍵快捷菜單創建漸變動畫時，系統默認的是創建動作漸變動畫而不是形狀漸變動畫。提醒同學在屬性面板中創建形狀漸變動畫。

③不能產生形變：同學們把用繪圖工具畫好的圓形、正方形轉換成元件，這時時間軸出現虛線。問題是：形狀漸變動畫中關鍵幀上的對象必須是矢量圖形。選中矢量圖形的狀態是沒有方框的（展示課件：選中矢量圖形和選中元件時的狀態圖）。如果出現這個方框應該通過點擊“修改”菜單中的“分離”（快捷方式Ctrl+B）把對象“打散”，使之成為矢量圖（展示課件：分離元件后的狀態圖），這時才可以創建形狀漸變動畫。

學生活動

認真聽講，理清思路，及時修改。

教師活動

布置任務二：制作一個文字漸變的動畫，將“圣誕快樂”四個字母逐個變形顯示。

提示：一共建立四個關鍵幀，每一個關鍵幀上的內容分別是這四個字，然后在這四個字之間分別創建形狀漸變動畫。再次提醒學生：文字在變形之前要“打散”，快捷方式是Ctrl+B。

學生活動

觀察實例，思考制作要點。動手實踐，通過參考學習網站中的操作指南完成任務二。

教師活動

提問：下面結合老師演示這兩種動畫的源文件，思考這節課學習的形狀漸變動畫和之前學過的動作漸變動畫有哪些不同點？

學生活動

細心觀察，交流討論，在老師的引導下歸納出：主要有三方面不同點，1）時間軸的背景顏色；2）適用范圍；3）適用的對象

教師活動

展示課件：表格歸納動作漸變動畫與形狀漸變動畫的不同點。

布置拓展任務：通過自學網站內容，嘗試完成拓展任務，制作一個由矩形變成三角形的形狀漸變動畫，并通過形狀提示來控制形狀變化的效果。

◆教學反思

根據教學內容的特點，結合初二學生的實際認知水平，這節課主要從以下幾方面去進行的：

1、創設情景，引起學生興趣。本節課選用了學生感興趣的圣誕話題導入，通過展示Flash圣誕賀卡來引起學生興趣，并通過賀卡中的幾個形狀漸變動畫引入課題，既活躍了課堂氣氛，又能激發學生的求知欲。

2、精講多練，講練結合。由于本節課的內容跟前面學過的動作漸變動畫有很多相通的地方，所以對于已經學過動作漸變動畫的學生來說并不難，而且也是學生感興趣的東西，因此我采用精講多練的方式進行教學，重難點知識精講，簡單知識讓學生自己實踐或通過閱讀網站提供的資料和課本知識來解決。如學生在學習制作幾何圖形的形狀漸變動畫時，由老師講解和演示主要的制作方法，至于如何使用繪圖工具畫圖則由學生自己完成。

3、提供學習網站，培養學生自主學習能力。本次課準備了一個學習網站，網站為學生提供了學習目標和課堂任務的操作方法，同時還提供了拓展任務的制作方法，一方面可以幫助全體學生都能順利完成基本任務，另一方面可以讓那些基礎較好的同學在完成基本任務后繼續自主學習難度更高的拓展內容。例如，學生在制作作品的過程中，有的學生需要通過瀏覽網頁中的“操作指南”來完成任務，而一些基礎較好的學生不但能夠較快地完成任務，而且還可以通過自學網站中的拓展內容來學習更多的知識，從中滿足了學習的求知欲和成功感。因此，通過這個平臺可以培養學生的自主學習能力和主動學習的態度。

4、分層教學，任務驅動。本節課以任務驅動作為貫穿課堂的核心。考慮到學生的水平參差不齊，為了能使全體學生都得到發展，我把學習重點分拆為若干個任務，任務的設計分層遞進，角度多樣。例如，布置的形狀漸變動畫的任務中，既有幾何圖形漸變動畫，又有文字漸變動畫；在設計幾何圖形漸變動畫的任務時，既有基本任務，又有拓展任務。設計這些多角度和遞進式的任務，既可以兼顧各層次學生的發展需要，同時有助于學生更全面地掌握Flash動畫制作的基本方法和基本技能。

在實際教學中，也發現了以下的不足。如在教學中提供學習網站，目的是幫助學生解決操作中遇到的問題，然而由于有的學生只顧著瀏覽網站的內容而不做作品，反而影響了他們的學習。因此，如何引導學生有效地利用學習網站是今后需要思考和改善的地方。

第二篇：初識形狀漸變動畫的教學反思

本課是電子工業出版社小學信息技術第五冊第三單元的內容。通過前面一節課的學習，學生已經學會制作簡單的逐幀動畫。本節課的主要學習目標是讓學生制作簡單的形狀漸變動畫，通過本節課的學習大部分學生都能夠掌握制作形狀漸變動畫的操作步驟，但對于形狀漸變的理解產生了個體的差異。例如：在Flash中有兩種圖形分類，一種是位圖圖形，另一種為矢量圖形。只有矢量圖形才以制作形狀漸變動畫。位圖，文本，元件等都不可以進行制作此效果。對于位圖和矢量圖的理解，很多學生產生了困難，通過位圖與矢量圖的比較，讓學生自己發現他們的不同，加深理解，讓學生明白直接導入的.jpg、.bmp等圖片格式是不能進行形狀漸變的，因為他們并不是矢量圖形。

此時，有很多學生好奇怎樣才能讓位圖、文本等這樣的非矢量圖形也能夠形狀漸變？我們只有通過“分離”將位圖、文本等矢量化，才可以達到效果，也就是說形狀漸變產生動畫的對象必須是分散的，又進一步加深了學生對矢量圖的理解。在本課中知識點較多，學生覺得不容易，老師教起來也不簡單，我演示操作給學生看，讓學生跟著教師的講解去練習。因為他們對FALSH已經有一定的了解，對圖片格式也清楚了，通過學習文字漸變動畫的制作，講解了文字的分離，演示了矢量圖形與位圖之間的轉換。學生也可以根據自己的喜好，制作出自己喜歡的文字漸變動畫。

第三篇：制作形狀漸變動畫教案

《制作圖形漸變動畫》教案

一、教材分析

本課題出自電子工業出版社初中信息技術第四冊第一單元第2課。本節主要內容是讓學生掌握制作圖形漸變動畫的基本技巧，學習圖形漸變動畫的制作過程。同學們可以發揮想象力，制作自己喜歡的圖形漸變動畫。本節是Flash動畫中必須掌握的內容，也是教材中設置的重點內容，為下節課制作運動漸變的動畫起到鋪墊的作用，所以本節課在教材中的地位和作用是極其基礎和重要的。在指導學生學習時由淺入深,引導學生循序漸進的學習本節內容。

二、教學目標

（一）知識與技能目標：

1、了解圖形漸變動畫的概念與適用條件；

2、學會形狀漸變動畫的制作方法；

3、掌握形變提示點的概念。

（二）過程與方法目標：

1、通過簡單圖形漸變動畫的制作，掌握圖形漸變動畫制作的基本方法；

2、掌握為圖形漸變動畫添加圖形提示點的方法

（三）情感、態度、價值觀：

1、感受動畫在表現主題、表達思想、呈現信息方面的魅力；

2、體驗成功制作動畫作品的喜悅，增強學習幸福感，激發對信息技術的學習興趣，形成積極主動的學習態度；

3、學會欣賞大自然，通過動畫描繪美麗的大自然。

三、重點與難點

重點：圖形漸變動畫的特點和制作方法；通過添加形狀提示點，使圖形漸變動畫更精確。

難點：.添加形狀提示點。

四、教學方法與策略：

演示講解法、自主學習法、小組合作探究法、任務驅動教學法

五、教學過程：

（一）情境導入，激發興趣

（設計意圖：設置 情景引起學生 興趣）

播放視屏（西游記中孫悟空金箍棒變大變小），如下圖：

（二）新知傳授

1、畫筆工具的使用（變化的云朵）

新建圖層，并命名為“云”，用畫筆工具在第1幀和第20幀分別畫出形狀不同的云彩，參考如下:

第1幀

第20幀

2、圖形漸變動畫（文字的變化）

（1）繪制起始幀——輸入“一”，CTRL+B打散為圖形（2）繪制結束幀——輸入“山”，CTRL+B打散為圖形

（3）生成過度狀態——右擊結束幀之前的任何一幀，選擇形狀漸變。

3、添加形狀提示點（形狀提示點的功能：設置精確規則的形狀漸變動畫。）

給“云”層的云添加形狀提示點 添加步驟：

（1）單擊開始幀，單擊“修改”——“添加提示點”。（2）調整形狀提示點到合適位置。

（3）單擊結束幀，調整形狀提示點到合適位置。(三)自主學習，完成任務

1、橢圓變方，如下圖所示：

2、制作笑臉

(四)合作探究，創作實踐 綜合任務，主題創作

(設計意圖: 主題任務結合時事，與時俱進，觸動學生內心的思考，讓學生學會用信息技術的手段方式表達思想主題，交流情感，學以致用，滲透德育和人文內涵。)玉樹地震、西南旱災（3人為一組，小組合作）(五)展示成果，評價交流

選擇部分有代表性的作品進行展示，分別從動畫創意、使用技術、動畫效果等方面給予評價。(六)課堂小結

Flash圖形漸變動畫的制作原理；圖形漸變動畫的制作步驟；圖形漸變動畫的技術要點。

結束語：不管你是獨立完成的，還是在別人幫助下完成的，你都是最棒的；即使還沒有完成，也不要緊，老師相信你多少都有些收獲，下次你就是最棒的了，別氣餒，加油！

第四篇：實驗10 逐幀動畫與形狀漸變動畫

實驗10 逐幀動畫與形狀漸變動畫

10.1實驗目的：

(1)掌握幀的基本概念及操作

(2)掌握逐幀動畫的基本概念及操作方法(3)掌握形狀漸變動畫的基本概念及操作方法

10.2 實驗環境：

Windows XP，FlashCS3 10.3 實驗要求：

(1)制作逐幀動畫：舞動的蝴蝶(2)制作形狀漸變動畫：變形的車

(3)制作添加形狀提示點的形狀漸變動畫：翻書效果

10.4 實驗內容：

(1)舞動的蝴蝶：利用逐幀動畫制作一只舞動翅膀的蝴蝶，在影片中放置1只蝴蝶，在荷花上舞動翅膀。如圖10-1所示。演示效果查看10-1.exe文件。

圖10-1

(2)變形的車：摩托車變形成小汽車向左邊行駛，如圖10-2所示。演示效果查看10-2.exe文件。

圖10-2(3)翻書效果，如圖10-3所示，演示效果查看10-3.exe文件。

圖10-3 10.5實驗步驟

1.打開10-1.fla文件，制作舞動的蝴蝶。

(1)依次選擇“插入”菜單→“新建元件”命令，輸入名稱為“hudie”，選擇“影片剪輯”，新建元件對話框如圖10-4所示。

圖10-4(2)在圖層1第一幀處繪制出蝴蝶的身體主干部分：選擇工具箱中的刷子工具，指定適當的大小，如圖10-5所示，并在屬性面板上將刷子顏色設置為棕色，繪制好蝴蝶的軀干。再將刷子大小變小，顏色改為紅色，繪制出蝴蝶的眼睛。最后再利用工具箱中的鉛筆工具，畫出蝴蝶的觸角。效果如圖10-6所示。

圖10-5

圖10-6(3)點擊圖層面板左下角的“插入圖層”按鈕，如圖10-7所示，添加一圖層：圖層2，并在圖層2的第一幀處，選擇工具箱中的橢圓工具，在屬性面板設置其筆觸顏色為黑色，填充顏色為無，在按住Shift鍵的同時，拖動鼠標，在舞臺中央繪制一個正圓形。點擊工具箱中的選擇工具，按住Ctrl鍵拖動鼠標將圓形一端變形，形成蝴蝶翅膀的輪廓狀，繪制程如圖10-8所示。選擇顏料桶工具，在顏色面板設置填充色彩為紅至黃的放射狀漸變色，如圖10-9所示，鼠標點擊翅膀內部，對其填色。利用鉛筆工具和刷子工具繪出翅膀中的花紋。雙擊選中翅膀的輪廓線，按Delete鍵將其刪除，如圖10-10所示。拖動鼠標，選中整個翅膀，利用Ctrl＋G鍵將左翅膀組合。選擇“編輯”菜單→“復制”命令，復制左翅膀。

圖10-7

圖10-8

圖10-9

圖10-10

(4)添加一新圖層：圖層3，在圖層3第一幀處，依次選擇“編輯”菜單→“粘貼到當前位置”命令復制出一個左翅膀，再依次選擇“修改”菜單→“變形”→“水平翻轉”命令，將左翅膀水平翻轉成右翅膀，再將其移到合適的位置，如圖10-11所示。

圖10-11(5)在圖層2和圖層3的第3幀和第5幀處均按F6鍵插入關鍵幀，利用任意變形工具將圖層2，3中第3幀的左、右翅膀變形。如圖10-12所示。

圖10-12(6)在圖層1、2、3的第10幀處均按F5鍵插入普通幀。

(7)回到主場景區域，添加一圖層，命名為蝴蝶，在蝴蝶圖層第1幀處，將庫中的影片剪輯“hudie”拖到合適的位置，更改其大小。(8)ctrl+enter，測試影片。

2.打開10-2.fla文件，制作變形的車動畫：

(1)添加一圖層，命名為車，在第1幀處將庫中的圖形元件“摩托車”拖到場景區右側，利用Ctrl+B鍵將其分離。在第20幀處按F7鍵插入空關鍵幀，將圖形元件“汽車”從庫中拖到摩托車所在位置，利用Ctrl+B鍵將其分離。

(2)選中第1－20幀中間的任意一幀，點擊屬性面板“補間”下拉菜單的“形狀”選項，如圖10-13所示；或右擊第1－20幀中間的任意一幀，在彈出菜單中選擇“創建補間形狀”命令，創建第1－20幀的形狀漸變動畫。

圖10-13(3)在“車”層的第40幀處按F6鍵插入關鍵幀，在這幀中將汽車移至場景區左側，按前一步驟的方法創建第20－40幀的形狀漸變動畫。

(4)在“背景”層第40幀處按F5鍵插入普通幀。制作完成后的時間軸面板如圖10-14所示。

圖10-14(5)ctrl+enter，測試影片。3.制作翻書效果動畫

(1)選擇“文件”菜單→“新建”命令，新建一個Flash文檔，保存為10-3.fla。(2)將圖層1重命名為“封面”。選擇矩形工具，在屬性面板設置筆觸顏色為無，填充色為紫色（#FF00FF），拖動鼠標，在舞臺中繪制一矩形，并使用選擇工具，拖動矩形上下邊緣，修改成書頁狀，如圖10-15所示。

圖10-15(3)添加一個圖層，重命名為“封底”。點擊“封面”圖層，拖動鼠標選中整個紫色書頁圖案，選擇“編輯”菜單→“復制”命令，再點擊“封底”圖層，選擇“編輯”菜單→“粘貼到當前位置”命令，將紫色書頁復制到“封底”圖層，并使用顏料桶工具為其填充上藍色，再移動至合適位置，如圖10-16所示。

圖10-16(4)在“封面”和“封底”圖層上方再添加一個圖層，重命名為“中頁”。選中“封底”圖層上的藍色書頁，選擇“編輯”菜單→“復制”命令，選中“封底”圖層的第1幀，選擇“編輯”菜單→“粘貼到當前位置”命令，將藍色書頁復制到“中頁”圖層，并使用顏料桶工具填充上黃色。如圖10-17所示。

圖10-17(5)在“封面”和“封底”圖層的第20幀處各按F5鍵插入普通幀。在“中頁”圖層第20幀處按F6插入關鍵幀，使用任意變形工具對書頁進行稍作修改，如圖10-18所示。

圖10-18(6)在“封面”和“封底”圖層的第60幀處各按F5鍵插入普通幀。在“中頁”圖層第60幀處按F6鍵插入關鍵幀，選擇任意變形工具，拖動書頁水平中線處的角柄，對書頁進行水平翻轉，效果如圖10-19所示。

圖10-19(7)在“封面”和“封底”圖層的第80幀處各按F5鍵插入普通幀。在“中頁”圖層第80幀處按F7插入空白關鍵幀，拖動鼠標，選中“封面”圖層上的紫色書頁，依次選擇“編輯”菜單→“復制”命令，選中“中頁”圖層的第80幀，依次選擇“編輯”菜單→“粘貼到當前位置”命令，復制出一書頁，并使用顏料桶工具為書頁填充上黃色。

(8)選中“中頁”圖層第1—20幀中的任意一幀，在屬性面板的“補間”下拉菜單中點擊“形狀”選項，創建好第1—20幀的形狀漸變動畫。使用相同方法創建好第20—60幀，第60—80幀的形狀漸變動畫。

(9)選中“中頁”圖層第20幀，依次選擇“修改”菜單→“形狀”→“添加形狀提示”命令，這時舞臺上會出現一個紅色的a標志，將其移動到書頁的左上方。重復選擇上述菜單命令，依次添加b，c，d三個形狀提示點，分別放置到書頁的另三個角上。如圖10-20所示。

圖10-20(10)選中“中頁”圖層第60幀，將舞臺上出現的綠色的形狀提示點d，c，b，a移動到對應位置。（注意：位置要和第20幀的相對應），如圖10-21所示。

圖10-21(11)ctrl+enter，測試影片。

第五篇：“形狀補間動畫”教學設計

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

教材分析

《動畫制作》對初二的學生來說還是有一定難度的，但學生的興趣非常濃厚；本課主要學習形狀補間動畫的制作方法，比較形狀補間動畫與動畫補間動畫的區別；形狀補間動畫是本單元的教學重點和難點，其中掌握“形狀補間動畫”的制作方法及“形狀補間動畫”與“動畫補間動畫的區別”又是本節課的重點和難點。教學對象分析

本節課的教學對象為初中二年級學生，以下將從兩個方面對其進行分析：

1、FLASH的認知方面

初二絕大部分學生是剛剛接觸FLASH內容，通過前幾節課的學習對FLASH有了一定的了解，對該軟件的窗口、面板、工具、圖層等基礎知識有一些初步認識，但是對FLASH軟件還不能較全面的掌握和應用，還需要進一步鞏固。

2、信息能力方面

我校初中生源復雜，水平參差不齊，部分學生在小學時就已經參加過了信息技術競賽，而有的卻是剛接觸計算機；實驗班和平行班的設置使得班級與班級之間的差異加大，就這些的現狀，對教師的教學也提出了很高的要求。教學內容分析

本節課的教學內容為形狀補間動畫制作，針對實際情況，具體將以3個任務圍繞教學目標開展教學：首任務——基本任務：圓變矩形再變五角星；次任務——分組任務：第一組：文字變文字，第二組：文字變圖片，第三組圖片變文字，第四組：圖片變圖片；提高任務——綜合任務：制作FLASH動畫卡片。三個任務的設計切合學生的學習思路，激發學生的學習興趣，由淺入深，層層提高；在教學過程中不斷加入新的知識點，用各種教學方式與手段將知識點傳授給學生，最后突破難點，完成課堂教學目標。教學設計思想與策略

本課的教材中給了一副動畫卡片“盛開的小花”的詳細制作過程。但實際教學中還是應該遵循“循序漸進，逐步提高”的思路，這就對教師的教學設計提出了很高的要求，本節課我個人的思考是： 設計思想

圍繞教材設計基本任務，并適當加以延伸，而對于基礎好的同學設計拓展任務；讓所有學生各有所得，在原有基礎上都有所提高。教學策略

采用有趣的素材，激發學生的學習興趣，提高學生的學習力，讓學生總有一種想嘗試的感覺，不怕學生出問題，遇到困難，教師引導學生探究學習的方向，學生通過自主學習來解決困難，若解決不了，可以發揮組內“學習帶頭人”的作用(按照教師開學時設定的小組)，全組中無論是組長還是組內其他成員，只要完成任務的同學都可以充當“學習帶頭人”，幫助后進的同學完成任務；若依舊無法解決的問題，在必要時教師設置排疑解難；讓學生在嘗試中去探索，在探索中獲取知識，同時獲得能力，通過本節課內容的學習與實踐操作，不僅要使學生學會“形狀補間動畫”的制作，了解“形狀補間動畫”與“動畫補間動畫”的區別；而且還要充分利用“學習小組”的作用、充分利用本組“學習帶頭人”的作用，互相幫助，以優扶弱，充分調動所有學生的學習積極性，培養學生互助的精神；同時也可以減輕教師輔導的壓力。我想作為教師的教學目標，不僅僅是傳授知識點，更重要的是鍛煉學生的能力，要“舍得”讓學生去碰壁，讓他們在碰壁中加深對問題的理解，并努力探究問題解決的方法，這樣才能提升學生自身的學習力。教學目標

一、知識與技能：

1、理解形狀補間動畫的概念，掌握其制作方法；

2、掌握將位圖轉換為矢量圖的操作方法，了解位圖在形狀補間動畫中為何要矢量化；

3、認識形狀補間動畫與動畫補間動畫的區別

二、過程與方法：

通過自主探究、任務驅動，發現問題、解決問題，來掌握形狀補間動畫的制作方法。

通過利用所學知識制作FLASH動畫卡片，提高學生綜合應用能力

三、情感態度與價值觀：培養學生的動手能力、想象力、創造力、審美能力及互助精神。教學重難點

重點：形狀補間動畫的制作方法；形狀補間動畫與動畫補間動畫的區別；掌握位圖矢量化方法

難點：形狀補間動畫的制作方法；形狀補間動畫與動畫補間動畫的區別；了解圖片矢量化的原因 教學方法及教學手段分析

一、教學方法：引導法、演示法、任務驅動法、師生互動

二、教學手段

1、任務素材、多媒體教學網絡、flash板書課件

2、學生通過極域網絡提交作業

3、學生達標自評結果的提交利用excel引用與網絡結合方法收集 教學過程與設計意圖 情景導入

教師播放一段自制的Flash補間小動畫給學生欣賞,由此引入形狀補間動畫。學生回憶所學過的內容，了解本課的任務。師：(過渡語)同學們，我們上節課已經學習了動畫補間動畫的知識，那么，在播放的這段flash動畫中，騎著笤帚的小巫師在做動畫補間動畫，這時有的同學已經看到了：狗變成了螞蟻，鳥變成了兔子；那么這是怎么回事呢？這就是我們今天將要學習的新內容—“形狀補間動畫”，學會了形狀補間動畫，你就擁有了哈利波特的魔棒，想怎么變就怎么變！設計意圖：激發學生的學習興趣 講授新課，師生互動

師：(過渡語)那么，現在就請同學們跟我去認識一下什么是“形狀補間動畫”；

(板書)形狀補間動畫的概念:使一個對象逐漸變成另一個對象，實現兩個對象間(顏色、位置、大小、形狀)的平滑過渡。設計意圖：讓學生有概念認識

師：(過渡語)了解了概念以后，我們一起來制作一個簡單的形狀補間動畫。

（講解）以“橢圓—三角形—圓”為例簡單講授制作過程。(提示)flash中繪制的圖不需要轉化為元件，因為它要發生形狀的變化。

教師在講授 “橢圓—三角形”時，講正確方法；在講授“三角形—圓” 時故意犯錯；

設計意圖：讓學生對形狀補間動畫的制作過程有系統的認識，故意放錯可以讓學生記憶加深，學生對老師的錯誤會記得很勞。師：(過渡語)下面請同學們完成練習一與練習二。

生： 完成達標練習一：實現圖形—圖形間的形狀補間動畫，并以“自己的姓名”1.fla保存在E盤。(形狀可以自選)：建議：制作圓——> 矩形 ——>五角星間的形狀補間 動畫。

(制作五角星提示)：點擊工具箱中 選擇“多角星形工具”，然后打開“窗口”菜單“屬性”面板，點擊“選項”，修改“工具設置”屬性對話框。設計意圖：讓學生掌握基本得形狀補間動畫制作方法。

生： 完成達標練習二： 實現圖片與文字間的形狀補間動畫，并導出影片并以“自己的 姓名”2.swf保存在E盤。

(疑難幫助):查看FLASH菜單欄：“幫助”->“使用 Flash創建動畫 ”->“關于補間動畫”

(導出影片提示)：“文件”菜單——導出——導出影片

1、文字與文字間形狀補間動畫：

建議：“南京四中”變成“歡迎您！”(請第1組同學做本練習)

2、文字與圖片間形狀補間動畫：

A、文字“圣誕快樂”變成 “圣誕樹” 圖片：(請第2組同學做本練習)B、圖片“孫悟空”變成“孫悟空七十二變” 文字：(請第3組同學做本練習)

3、圖片與圖片間形狀補間動畫：“盛開的小花”(請第4組同學做本練習)(任務2、3素材位置：我的電腦/E盤/形狀補間動畫素材)(導入圖片提示)：

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

2、打開：“窗口”菜單—“庫”面板，將需要的對象拖到舞臺。師： 請兩位學生演示自己的作品：問題作品：孫悟空七十二變” ；優秀作品：圣誕快樂 排難解疑：

師：(過渡語)在完成練習二時，很多同學都碰到了問題： 問題

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

(解難)： 教師以“燈籠”圖片變成“元旦快樂”文字為例講解文字必須分離打散。

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

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

師：(過渡語)那么此時同學們是否思考過制作形狀補間動畫的關鍵點是什么？

(板書)形狀補間動畫制作的關鍵點

1、插入的幀為空白關鍵幀

2、首幀與尾幀的對象必須為點狀的矢量圖

3、補間的實現動作不能放在尾幀上

設計意圖：歸納后，避免學生在這些問題上再次出錯，而且能有一個系統的了解。學生自評 生： 學生完成練習二以后，打開桌面的“機號.xls”EXCEL文件達標自評，完成自評后保存、提交。

師： 利用excel表格與網絡結合方法收集學生的提交結果，將自評結果自動展示在大屏幕

上，并隨著自評完成情況不斷更新數據。

生： 完成綜合練習：制作一張flash動畫卡片,以“自己的姓名”3.swf導出，并保

存在E盤。(請在下列三個素材中選擇其一制作，內容形式自定。建議

1、在你的卡片中至少有2個對象分別在2個圖層中完成形狀補間動畫，來實現形狀補間動畫。

2、在你的卡片中出現文字。

3、在你的卡片中含有完成動畫補間動畫的圖層，來實現對象的移動。

素材：

1、孫悟空七十二變；

2、哈利波特魔棒變變變；

3、綠色家園

師(點評)展示一副問題作品，并請學生排疑解難。

排疑解難：

問題

1、多個對象同時發生形變怎么處理？

問題

2、如何讓最后的動作能停頓一會？

問題

3、讓文字只在需要的地方出現？

師(展示)教師再展示幾副優秀作品

小結

師(提問)形狀補間和動作補間的區別？

請學生回答，然后教師總結。(教師用FLASH板書)

生：繼續完成綜合練習

銜接延續