第4課補間形狀動畫任務1片頭動畫

活動1創(chuàng)建標題活動2數字出場動畫第4課補間形狀動畫課件在Animate中除了可以制作逐幀動畫外，還可以制作各種帶補間的動畫，如補間形狀動畫、傳統(tǒng)補間動畫和補間動畫等，它們幫助設計者在動畫中方便快速的制作各種動畫效果。本案例是利用補間形狀動畫技術制作的一個教幼兒認識數字的動畫課件：課本上1、2、3三個數字排隊出現，1變成在書本上書寫的鉛筆，2變成在水池里游動的鴨子，3變成飛舞的蝴蝶，教學齡前小朋友們認識數字1、2、3。1案例設計理解補間形狀動畫原理，了解補間形狀的特點，熟練掌握位移、大小變化、顏色變化、旋轉補間形狀創(chuàng)建方法，使用形狀提示控制形狀變化的方法。2

學習目標3

策劃導圖在Animate中如果想實現顏色、位置、大小、形狀等的變化效果，僅用逐幀動畫很難實現，這時就需要制作帶有補間的動畫。帶補間的動畫實際上就是由計算機自動生成動畫。我們只需要確定運動對象在舞臺上的起始位置和結束位置，對象運動過程中所有過渡幀都由計算機自動生成，這種方式可以極大的提高動畫制作的效率，該技術也被視為動畫制作中的一次革命。帶補間的動畫形式在Animate中分為兩大類：一類用于形狀的動畫——補間形狀動畫；另一類是用于元件的動畫——傳統(tǒng)補間動畫和補間動畫。4

預備知識補間形狀動畫在時間軸一個關鍵幀上繪制一個形狀，然后在另外一個關鍵幀上更改該形狀或繪制另外一個形狀等，此時創(chuàng)建補間形狀后，Animate會為這兩幀之間的幀補齊中間形狀，創(chuàng)建出從一個形狀變形為另一個形狀的動畫效果。補間形狀可以實現兩個形狀之間的位置、大小、顏色、形狀的各種過渡效果。各種形式的補間形狀動畫4

預備知識學習步驟

以案例教學為核心，采用任務驅動式的行動導向教學法。采取了由淺入深、循序漸進的教學策略，以學生的感知、理解、鞏固、運用為教學設計流程。教學互動環(huán)節(jié)中主要包括六個步驟：明確任務——計劃籌備——學生實施——引導組織——評估反饋——鞏固實踐。教學資源

多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等任務2過渡動畫

活動1翻頁動畫第4課補間形狀動畫課件（1）創(chuàng)建補間形狀動畫步驟1：在圖層的特定幀處繪制一個形狀，作為起始關鍵幀。5

知識鏈接步驟2：選擇同一圖層的另外一幀處，添加結束關鍵幀（關鍵幀或空白關鍵幀）。5

知識鏈接步驟3：在結束關鍵幀處修改之前的形狀或重新添加新的形狀。5

知識鏈接步驟4：在起始和結束關鍵幀之間的任意一幀處單擊鼠標右鍵，在彈出菜單中選擇“創(chuàng)建補間形狀”命令（或選擇時間軸控件中的“創(chuàng)建補間形狀”命令），兩個關鍵幀之間會出現淺橙色背景并出現一條從動畫起始幀指向結束幀的箭頭，這就表示補間形狀動畫已經創(chuàng)建成功了。5

知識鏈接學習步驟

以案例教學為核心，采用任務驅動式的行動導向教學法。采取了由淺入深、循序漸進的教學策略，以學生的感知、理解、鞏固、運用為教學設計流程。教學互動環(huán)節(jié)中主要包括六個步驟：明確任務——計劃籌備——學生實施——引導組織——評估反饋——鞏固實踐。教學資源

多媒體機房、投影儀、電子教學平臺、視頻演示教程、案例源文件、素材、ppt等任務3數字變形

活動1數字1變形動畫活動2數字2變形動畫活動3數字3變形動畫第4課補間形狀動畫課件（2）使用形狀提示補間形狀動畫制作起來很簡單，但是中間的變化是由計算機控制的，有時中間的變化隨意混亂，并非制作者預期的變化過程，尤其是在起始幀與結束幀的形狀差異較大時更為明顯。如果想在變形過程中控制變形的形狀，就需要用到“形狀提示”的功能。使用形狀提示，可以控制起始形狀和結束形狀中相對應的點，從而改善補間形狀動畫混亂的變形，對其進行有效的控制。5

知識鏈接形狀提示的作用添加了形狀提示的不同變形狀態(tài)未添加形狀提示的變形5

知識鏈接添加刪除形狀提示的方法步驟1：若要添加形狀提示，在補間形狀動畫的初始幀上，選中舞臺中的形狀，單擊“修改→形狀→增加形狀提示”命令。此時，在補間形狀第1幀的形狀實例上會出現一個帶字母的紅色圓圈。在結束幀形狀中也會同時出現一個同字母的提示圓圈。5

知識鏈接步驟2：用鼠標拖動提示圓圈，放置到適當位置。提示圓圈最好放置在形狀邊線或者交角處。在放置適當后，初始幀上的提示圓圈由紅色變?yōu)辄S色，結束幀上的提示圓圈變?yōu)榫G色，放置不成功或者不在一條曲線上時，提示圓圈顏色不變。5

知識鏈接添加形狀提示的技巧形狀提示點必須在添加了形狀補間之后才可以添加?？梢赃B續(xù)添加多個形狀提示點，并且最多可以添加26個。添加形狀提示點時務必前后形狀對應添加，否則就達不到平滑過渡的效果。在添加形狀提示過程中，一旦單擊了其他位置，導致提示點暫時不可見時，可再添加一個形狀提示點，等原來的提示點顯示后再刪除多余提示點。5

知識鏈接（3）補間形狀動畫制作技巧構成補間形狀動畫的元素可以使用形狀繪制工具來繪制形狀，圖形元件、按鈕、文字、對象、組等不能被應用補間形狀動畫。若要對組、實例或位圖圖像應用形狀補間，必須先單擊“修改→分離”命令（或按快捷鍵Ctrl+B）分離成形狀；若要對文本應用形狀補間，需將文本分離兩次，從而將文本轉換為形狀。5

知識鏈接知識獲取知識要點理解補間形狀的原理掌握位移、大小變化、顏色變化、旋轉補間形狀創(chuàng)建方法學會使用形狀提示控制形狀變化的方法熟記形狀補間動畫制作技巧技能掌握實訓案例技能目標

任務1場景布置

?箭頭平移

?背景放大任務2文字動畫

?文字顏色變化任務3五角星動畫

?五角星放大

?五角星變形網站廣告6

學習檢測學習步驟

以案例教學為核心，采用任務驅動式的行動導向教學法。采取了由淺入深、循序漸進的教學策略