課題

第十課

多變的形狀補間動畫

課時安排

1 

課時

課型

新授課

教

1

、通過制作標題形變動畫，學會分離的方法，理解分離的作用，掌握創建形狀補

學

間動畫的制作方法

目

標

2

、在制作過程中，體會形狀補間動畫與動畫補間動畫的異同點

重

點

重點：插入空白關鍵幀，創建補間動畫

和

難

難點：理解分離的作用

點

教具準備

師

生

活

動

過

程

設

計

意

圖

一、

導入

師：展示一個動畫作品，同學們來說一說這個動畫中實現了哪些效果？

生：旋轉、透明度變化、顏色漸變

師：這個是我們上一節課學習的動畫補間動畫，可以實現豐富的變化，

下面老師請同學們來幫一個忙，幫老師把一個圓形變化成三角形（展示

flash

文件）

生：試一試，發現不能

從展示有趣的動

畫和回顧舊知入

手，設計了一個

小障礙，引出今

天的課題—形狀

補間動畫

師：似乎不能，中間無法體驗變化過程。那么如何才能實現這樣的效果

呢，這就是我們今天要學習的另一種補間方法

-----  

形狀補間動畫

二、

新授

（一）初試形狀補間動畫

師：請同學們試一試，用形狀補間動畫來幫助老師完成圓形到三角形的

通過自主探究完

變化

成圓形三角形的

生：下載文件，試一試

形狀補間

生：演示

師：同學們更改屬性面板，將剛才不成功的動畫補間改成形狀補間，很

明顯的看到成功了。

（二）再試文字標題變化

師：剛才同學們嘗試了利用形狀補間動畫實現圓形到三角形的漸變，現

在老師再讓同學們看一個動畫

設置障礙，通過

小障礙引出分離

的作用

師：展示

 hello 

—你好的轉變動畫，同學們能自己試一試嗎？

生：試一試，發現不成功

師：為什么形狀補間動畫在這里又不成功了呢？請同學們參考課本

47

，

自主探究文字的形狀補間動畫

生：試一試，演示

師：從剛才同學的成功演示中我們可以看到，關鍵的一步叫做分離

，你們

注意了分離了幾次嗎？分離到什么效果才算可以呢？生：兩次，分離到字上

面都是白色的點

師：我們再回到上一個范例，圓形變化成三角形，我們注意到，單擊相

應的幀圓形三角形上也布滿白色的點，我們把這樣的圖形叫做矢量圖。

形狀補間只能在矢量圖中適用。所以我們必須將元素都打散成矢量圖才

能實現形狀補間動畫。

師：現在請同學們再來體驗一下

hello 

—你好的形狀補間動畫

生：操作、體驗

( 

三

) 

作品體驗

師：母親節快要到了，我們來做一個簡單的

flash

祝福媽媽母親節快樂

吧

師：任務布置

（

 1

）圖層

 1 

重命名為“祝福語” ，在第一幀寫上“媽媽” ，第

 20 

幀寫上

任務中包含形狀

補間動畫和動作

補間動畫，學生

在完成任務的過

程中體驗兩種補

間動畫

“節日快樂”，建立形狀補間動畫

（

 2

）圖層

 2 

重命名為“禮物”，用動畫補間動畫制作禮物從遠到近，從

大到小的效果

生：自我探究，完成

師：演示

生：作品展示