《形狀動畫》是關上實驗學校提供的微課課程，主講教師為蔡小紅。
基本介紹
- 中文名：形狀動畫
- 提供學校：關上實驗學校
- 主講教師：蔡小紅
- 類別：微課
課程簡介,設計思路,
課程簡介
（1） 掌握“形狀補間”動畫製作的一般步驟及製作方法。 （2） 掌握元件轉化為圖形的方法。
設計思路
一、創設情境，激發學生興趣 師：大家好！今天我們一起來學習“形狀動畫”的製作。 PPT呈現：形狀動畫可以實現從一個圖形變化到另一個圖形，從而實現非常奇妙的效果。 形狀動畫的原理是從一個圖形變成另外一個圖形。 PPT連結呈現不同的形狀動畫作品：1、圖形到矩形的動畫，2、毛毛蟲到蝴蝶的動畫；3、字母A-B-C的動畫，4、喜-怒-哀-樂的動畫。 師：看著如此神奇，我們開始創作吧！ （設計意圖：通過欣賞不同的形狀動畫來激發生的學習積極性，順便引入本節課將要學習的動畫類型） 二、演示+講授教學 師：邊演示，邊講解（1）啟動Flash，新建一個Flash文檔； （2）單擊工具箱中的“橢圓工具”，設定筆觸顏色和填充色，在舞台上繪製一個圓； （3）在第30幀插入一個空白關鍵幀，單擊工具箱中的矩形工具，設定筆觸顏色和填充色，在舞台上繪製一個矩形； （4）選中1-29幀中任意一幀，在屬性面板中設定“補間”為“形狀”，我們把這種補間設定為形狀的動畫叫做形狀補間動畫。 （5）播放動畫，觀看圓形變方形的動畫。 （設計意圖：通過製作圓形到距形的形狀動畫來認識什麼是形狀動畫及其形狀動畫的製作步驟；） 三、創設新挑戰，進一步學習 師：通過這個活動我們了解了什麼是形狀動畫及形狀動畫的製作步驟，我們來挑戰個難一點的吧。 接下來我們來完成“毛毛蟲變化到蝴蝶” 的形狀動畫。 （1）打開指定資料夾中的“形狀補間動畫（化蝶）.fla”檔案； （2）在第1幀處將“毛毛蟲元件”拖入舞台中； （3）在第30幀插入一個空白關鍵幀，將“蝴蝶元件”拖入舞台中； （4）選中1-29幀中任意一幀，在屬性面板中設定“補間”為“形狀”。 （5）播放動畫，觀看毛毛蟲變化到蝴蝶的動畫。 （設計意圖：通過製作毛毛蟲到蝴蝶的形狀動畫進一步掌握形狀動畫的製作步驟；） 師：動畫製作沒有成功，哪裡出錯了呢？ 第一：我們檢查下製作步驟有沒有出錯； 檢查下來兩個動畫的製作步驟一模一樣，那顯然不是製作步驟的問題； 第二:我們檢查製作對象有沒有出錯； 比較：第1個動畫是圓形到矩形，第2個動畫是元件到元件。大家發現不同了嗎？ 形狀動畫的原理是圖形變到圖形的動畫，並非是元件到元件的動畫，如果遇到元件，我們要先將元件分離成圖形。 好了，接下來，我們來修改完善我們的動畫吧。 （1）在第1幀處選中毛毛蟲元件，執行“修改”選單—“分離”，將毛毛蟲元件分離成毛毛蟲圖形； （2）在第30幀處選中蝴蝶元件，執行“修改”選單—“分離”，將蝴蝶元件分離成蝴蝶圖形； （4）選中1-29幀中任意一幀，在屬性面板中設定“補間”為“形狀”。 （5）播放動畫，觀看毛毛蟲變化到蝴蝶的動畫。 修改完成之後，我們發現動畫就製作成功了。 （設計意圖：故意出錯，讓大家一起來探究形狀動畫製作的對象必須是圖形，不能是元件；在修改的過程中又再一次的複習回顧） 形狀動畫的製作步驟 四、課堂小結 師：同學們，我們起回顧一下，這節課大家學了些什麼呢? 1、形狀動畫的製作步驟； 2、形狀動畫的製作要點： （1）形狀動畫的對象必須是圖形； （2）形狀動畫的尾幀（第30幀）是“空白關鍵幀”； （3）形狀動畫的“補間”是“形狀”。 （設計意圖：及時引導學生把所學知識系統化、結構化，從而提高學生學習的興趣。） 五、課堂練習 師：好了，你們學生了嗎？ 如果你想小試牛刀，請打開下面的練習連結，完成動畫製作。 （設計意圖：讓學生及時的練習，及時掌握形狀動畫的製作步驟和製作要點。在練習中我設定了5個練習，練習素材非常充足，學生可以自主選擇自己喜歡的素材進行練習。從而更好的激發學習的興趣。）
