資源簡介

5《神奇的變化——制作形狀補間動畫》教學設計
課題名稱 神奇的變化——制作形狀補間動畫 學科 信息技術
年級 六年級 課時 1課時 教師 王海欣
一、教學內容分析
本節課是廣東省教育出版社《信息技術》第四冊上第5課，學習的形狀補間動畫相對于前面學習的逐幀動畫能夠提升動畫的制作效率，需要引導學生理解兩者的優劣。形狀補間動畫是通過改變形狀實現動畫效果，操作時需要進行“打散”操作讓組合的圖形文字分離。“分離”操作在創建形狀補間動畫中至關重要，可以通過微課視頻來便于學生的理解。形狀補間動畫的場景非常豐富，除了書本中陶土的變化、樹的變化，還可以有種子的發芽、孫悟空七十二變等等，引導學生進行自主創作。本節課理解透徹，下節課才能更好地區分動畫補間動畫的學習。
二、教學對象特征分析
教學對象為六年級的學生，通過前面Flash軟件的學習，學生已掌握繪圖工具、逐幀動畫以及元件創建和使用的方法，知道幀、關鍵幀、空白關鍵幀的含義及其操作，能夠理解分散和組合的概念，為本節課的學習提供了認知基礎。本課通過在“花朵盛開”的逐幀動畫與“果樹成長”形狀補間動畫作為對比，引導學生發現兩者的優劣，激發學生學習新課的興趣。六年級學生具備一定的自主學習能力及探究能力，能夠在教師的指引下完成任務。
三、教學目標
1．知識與技能目標（1）掌握制作圖形變形的形狀補間動畫方法。（2）掌握將元件、外部素材分離的方法。2．過程與方法目標（1）通過微課等材料自主學習形狀補間動畫的相關知識，完成課堂任務；（2）在對比逐幀動畫與形狀補間動畫的過程中，了解兩者的優劣，能夠在動畫創作中擇優選擇；3．情感態度和價值觀目標（1）通過動畫制作，進一步激發學生學習動畫的積極性，鼓勵學生自主創作。
四、教學重點、難點
重點 了解形狀補間動畫對圖形的要求。
難點 掌握制作形狀補間動畫的操作方法，能夠將組合實例打散。
五、教學方法策略選擇與設計
1．自主學習法：借助微課等材料，學生進行自主學習和創作。2．任務驅動法：設計不同層次的任務，將大任務分解成一個個可操作的小任務，“小步子”走，引導學生完成教學目標。4．分層教學法：完成圖形形狀補間動畫的同學就可以做“進階任務”進行自主創作，使得不同學習基礎的同學都可以有自己的發揮空間。
六、教學環境及資源準備
教學媒體類型 教學媒體運用方式 作用
（原創）主課件 主屏放映 貫穿整堂課，梳理課堂知識點
資源包（包括微課，任務素材包等） 提前發送給學生，供學生觀看、學習、完成任務 輔助學習，幫助學生理解各項任務，為有困難的學生提供材料支撐
七、教學過程
教學環節 教師活動 學生活動 設計意圖
（一）溫故知新、激發興趣 分別展示“花朵盛開.Fla”和“果樹成長。Fla”，教師提出問題：“這兩個動畫有什么不一樣呢？”“花朵盛開用到了幾個關鍵幀呢”“果樹又用到了幾個呢？”過渡：第二種動畫只需要兩個關鍵幀就能制作出如此豐富的動畫效果，這也太神奇了吧。過渡：動畫的世界是多么奇妙，這節課就讓我們一起來學習制作神奇的形狀補間動畫板書：神奇的變化，制作形狀補間動畫。 學生觀看動畫并回答問題。（第一種是逐幀動畫，第二種是形狀補間動畫）數一數逐幀動畫、形狀補間動畫用到了幾個關鍵幀。（逐幀動畫：64個；形狀補間動畫：3個） 從逐幀動畫“玫瑰花盛開”導入，通過對比幀數，引出關鍵幀數量少，動畫效果好的形狀補間動畫，激發學生的求知欲。
（二）學習新知、小試牛刀 1、講解補間動畫的概念及優勢。2、形狀補間動畫的操作演示。3、形狀補間動畫的成功秘笈。 ①介紹形狀動畫成功時的狀態。 ②對象必須是矢量圖形。分辨圖形是否是矢量圖形。分離打散的操作方法（形象比喻：將雞蛋打散制作不同形態的美食）。小結：形狀補間動畫的操作流程。利用順口溜快速讓學生掌握操作步驟，一邊講一邊板書。 形狀補間動畫順口溜動手實操：提供兩個任務的源文件。 認真觀看“形狀補間動畫”的微課視頻。自主嘗試圖形的分離操作。動手操作：完成兩個任務。 與學案、教材相比，微課通過視頻動畫更生動、形象、立體、逼真地展現了形狀補間動畫的概念及操作步驟。在講解完圖形分離操作后，自主嘗試分離操作，有助于學生進一步了解分離的目的及操作方法。
（三）作品展示、疑難解惑 展示失敗作品，請同學們觀察作品，并說出失敗的原因2、常見問題答疑。 ①選擇成動畫補間動畫的情況。 ②對象沒有分離的情況。3、展示兩個作品，請同學說說哪個動畫效果呈現比較好？好在哪里？你們能不能做出這樣的效果？制作小技巧（播放微課）：可適當添加關鍵幀，延長動畫時間，使動畫效果更佳。 認真思考，找出教師展示失敗案例的原因。 學生先去嘗試完成本節課的課堂任務，教師的再示范有助于強化學生制作形狀補間動畫的規范操作，發現問題，鞏固新知。從其他同學易錯點中汲取教訓，避開雷區。
（四）創意無限 1、引導學生進行自主創作。 提供了三種思路： ①故事類：孫悟空七十二變、奧特曼變身、丑小鴨變白天鵝等。 ②植物類：西瓜的成長過程。 ③圖文結合類：節日的慶祝動畫。2、展示與評價，師生互評。 鞏固本節課的知識。拓展思路，尋找自己的興趣點繼續創作形狀補間動畫。 鞏固本節課的重難點，引導學生結合自己的興趣點利用所學的知識進行自主創作。
小結 1、一首順口溜結束本節課的學習。 齊讀 加深記憶
八、教學板書
補間動畫真不錯，大家一起來操作，先插入A，后插入B，分離操作要切記，補間動畫插進去，奇跡立現，A變B。
起始關鍵幀→終止關鍵幀
↓ 形狀補間 ↓
分離的對象 分離的對象
起始關鍵幀→終止關鍵幀
↓ 形狀補間 ↓
分離的對象 分離的對象
神奇的變化——制作形狀補間動畫
PAGE
1(共22張PPT)
神奇的變化
——制作形狀補間動畫
黃江鎮梅塘小學 王海欣
你們知道這兩個動畫是怎么制作的嗎？
溫故知新
花朵盛開.fla
果樹成長.fla
逐幀動畫
形狀補間動畫
68個關鍵幀
2個關鍵幀
數一數，有多少個關鍵幀？
補間動畫
優勢 劣勢
逐幀動畫 較大靈活性 制作復雜，文件較大
對圖片要求較高（連貫性）
補間動畫 制作方便簡單，文件較小 靈活性較低
“逐幀動畫”與“補間動畫”優劣
形狀補間動畫的概念
形狀補間動畫概念
形狀補間動畫是在一個關鍵幀上繪制一個形狀，然后在另一個關鍵幀上更改該形狀或繪制另一個形狀等。Flash將自動根據二者之間的幀的值，或形狀來創建動畫。
形狀補間動畫的成功秘笈
形狀補間動畫的“對象”
對象必須是：矢量圖形
成功秘笈
一個圖形變化到另一個圖形的動畫，這些圖形必須是已經被分離（也叫打散）的。
分離/打散操作
分離/打散
Ctrl+B(break)
創建首尾兩個空白關鍵幀，將素材拖動到空白鍵的舞臺當中
創建形狀補間動畫
測試動畫
導入或繪制素材，對于元件和組合圖形要進行分離操作
形狀補間動畫制作步驟
補間動畫真不錯，大家一起來操作，先插入A，后插入B，分離操作要切記，補間動畫插進去，奇跡立現，A變B。
形狀補間動畫順口溜
小 試 牛 刀
PART
ONE
一、制作圖形變形的形狀補間動畫
常見問題答疑
問題1
問題2
你們能解決這些問題嗎？
對象沒有分離
選擇了動畫補間動畫
這兩個動畫，哪個效果更好呢？
小精靈形變1.swf
小精靈形變2.swf
看一看
你們能不能做出這樣的效果呢？
制作小技巧
1
孫悟空的七十二變
丑小鴨變白天鵝、
奧特曼變身等
故事類
2
西瓜的成長過程：
西瓜籽 發芽 小苗 開花 結果
植物類
3
節日的慶祝動畫
圖文結合類
創 意 無 限
課堂小結
補間動畫真不錯，大家一起來操作，先插入A，后插入B，分離操作要切記，補間動畫插進去，奇跡立現，A變B。
形狀補間動畫順口溜
“形狀補間動畫”的圖形要求
1.利用工具箱各種繪圖工具繪制的圖形，不用分離。
2.從外部導入的圖片一定要分離。
3.在Flash中輸入的文字一定要分離。
4.在Flash中調用的元件一定要分離。
分離前
選擇圖像后，有淡藍色邊框的圖形一定要分離。
分離后
黃江鎮梅塘小學 王海欣
感
謝
看
觀神奇的變化逐字稿
一：對比導入
師：老師帶來了兩個動畫，分別是花朵盛開和果樹成長，請同學們仔細觀看，這兩個動畫有什么不一樣呢？（變化效果不一樣）有沒有同學知道這兩個動畫是怎么制作的？
沒有嗎？沒關系。讓我們一起來看看吧。第一種動畫是逐幀動畫，第二種是形狀補間動畫，大家數一數，花朵盛開這個動畫一共用到了幾個關鍵幀？果樹成長呢？沒錯68個，
第一種動畫要用到這么多關鍵幀，工作量可真大呀。而我們的第二種形狀補間動畫只需要兩個關鍵幀就能制作出如此豐富的動畫效果，這也太神奇了吧!動畫的世界是多么奇妙，這節課就讓我們一起來學習制作神奇的形狀補間動畫。貼板書
二：新授
師：那什么是補間動畫呢？它是指兩個關鍵幀中實現圖畫運動的動畫。他們的優勢呢在于制作方便簡單，生成的文件較小。
師：讓我們通過這個微課來了解形狀補間動畫的概念吧。（播放微課）
師：要想成功制作一個形狀補間動畫，老師要傳授秘笈啦，請大家認真聽。這個秘笈就是
我們形狀補間動畫制作過程中所用到的圖形，對象必須是矢量圖形。那什么是矢量圖形呢？請看視頻。（播放矢量圖形微課）
師演示師范：邊示范邊講解，如果是元件或者是其他的組合圖形，我們可以把它拖到舞臺當中，對它選取部分，那還是選中了整個部分，對它進行整體的移動。并且它的外觀上面有個非常突出的特征，就是有個淡藍色的邊框，代表它是一個組合圖形，而不是矢量圖形。同學們如果在制作形狀補間動畫的過程中發現自己所用到的圖形呢？是帶著淡藍色邊框的組合圖形，不要緊張，我們有個非常重要的操作可以來幫忙。
師切換課件并說：
這就是分離打散操作。大家非常容易忘記這一個步驟，導致最后形狀補間動畫不成功。老師在這里給大家做一個形象的比喻，就像我們在制作雞蛋美食之前，需要先將雞蛋打散，才便于我們后面來制作香香的蛋糕，雞蛋餅和炒雞蛋等等。希望同學們在制作形狀補間動畫的過程當中，腦海中能夠浮現這張打雞蛋的動圖，提醒自己一定要自己將自己的圖形變成矢量圖形。
分離打散操作在flash軟件當中的快捷方式是按住control鍵不放，按B，這個B我們可以理解為break，那打雞蛋就是雞蛋碎掉，在圖形打散操作里面就是圖形變成了矢量圖形。接下來我們在flash軟件當中來實操一下。還是以這個圓型為例，我們右鍵將它分離，就可以形成一個矢量圖形。
師：
我們一起來回顧一下形狀補間動畫的制作步驟。
第一步，首先我們要導入或者是繪制素材，對于元件或者是組合圖形要進行分離操作，第二呢，創建首尾兩個關鍵幀，將素材分別拖動到關鍵幀的舞臺當中。
創建形狀補間動畫
測試動畫講
師：順口溜
為了讓大家加深記憶，老師給你們準備了一首形狀補間動畫的順口溜，讓我們一起來讀一讀。
補間動畫真不錯，大家一起來操作，先插入A，后插入B，分離操作要切記，補間動畫插進去，奇跡立現，A變B。
師：
講完了知識點，接下來呢就是我們的動手操作環節，老師呢給大家提供了兩個個f的源文件，同學們可以自己先去嘗試完成任務。完成的過程當中，如果有遇到疑問，可以隨時詢問老師，或者是同學之間互幫互助。
學生練習環節：
我們先來制作圖形變形的形狀補間動畫。我們在flash軟件當中打開，選擇源文件雞的成長和小精靈變身，兩個文件都是關于圖形的形狀補間，大家可以選擇任意其中一個。
三：作品展示、疑難解答
師：同學們在剛剛的操作過程當中都是一帆風順的嗎？我們一起來看一下同學們經常會出現的幾個問題，你能找出其中的原因嗎？首先我們看第一個。他為什么不能形成正確的形狀補間動畫呢？誰來說說？
大家來看一下第二種情況，明明分離了，怎么他的就不成功呢？大家注意看它的背景色怎么變成了淡紫色呢？原因在于哪里？誰來說說？
給你們一分鐘時間修正自己的動畫。
制作小技巧環節
哎呀，小精靈已經迫不及待地飛進了我們的屏幕，我們來一起看看小精靈變身的效果吧！
播放動畫，這兩個動畫，哪個效果更好呢？誰來說說？你們能制作出這樣的動畫效果嗎？（不能）
沒關系，那就讓我們一起來學習制作技巧吧。（播放微課）
同學們，學會了嗎？學會之后我們的難度就要升級了哦。
噢，此刻升級到了自由創作環節啦，通過之前的學習和練習，同學們可以繼續發揮自己的創意來創作出更優秀的形狀補間動畫，老師給大家一些提示，我們可以做一些關于故事類的動畫，比如說孫悟空的72變，丑小鴨變白天鵝的故事等等，或者是來制作植物的生長過程，比如說西瓜的生長過程，從西瓜子兒到發芽到小苗開花結果。這一系列通過動畫的方式制作出來，非常的有趣，或者是我們通過圖片和文字結合的方式來制作一些節日的慶祝動畫，我相信你們的創意比老師的更加有趣，期待你們的作品。
小結
最后，讓我們一起再來讀一讀這首順口溜吧!

展開更多......

收起↑