第16課

AE動效制作16AE動效制作--Loading動畫任務(wù)1

圖層準(zhǔn)備

活動1新建合成活動2繪制圓環(huán)圖層準(zhǔn)備本案例選取了界面設(shè)計中的loading制作效果，使用了圓環(huán)這一基本元素進(jìn)行動態(tài)設(shè)計，簡單的元素也可以通過我們的設(shè)計產(chǎn)生炫目的動態(tài)效果，圓環(huán)從虛到實(shí)，旋轉(zhuǎn)放大伴隨其中的loading百分比數(shù)字進(jìn)度的變化而變化，通過此案例熟悉MG動效在界面設(shè)計中的運(yùn)用，同學(xué)們舉一反三也可以設(shè)計出更多的動效項目。1案例設(shè)計

理解路徑動畫在AE中的制作原理，了解圓環(huán)動畫，虛線動畫的制作原理掌握編號特效文字生長特效。2

學(xué)習(xí)目標(biāo)3

策劃導(dǎo)圖（1）圓環(huán)繪制

形狀工具設(shè)置填充為“無”設(shè)置邊框?qū)傩约纯衫L制正圓邊框，邊框設(shè)置中通過添加-“修剪路徑”添加橢圓修剪效果（線段變圓）4

預(yù)備知識（1）虛線動態(tài)旋轉(zhuǎn)效果

通過調(diào)節(jié)描邊--橢圓--描邊--虛線點(diǎn)擊+號添加“虛線”、“間隙”、“偏移”參數(shù)添加虛線線段變實(shí)線或者實(shí)現(xiàn)變虛線等變化效果。4

預(yù)備知識學(xué)習(xí)步驟

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

多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等16AE動效制作--Loading動畫任務(wù)2圓環(huán)動畫調(diào)節(jié)

活動1虛線屬性活動2圓形動畫調(diào)節(jié)圓形動畫調(diào)節(jié)（1）外圈環(huán)形動畫添加“修剪路徑”調(diào)節(jié)“結(jié)束”、“偏移”、“不透明度”參數(shù)完成外圈繞圈動態(tài)。5

知識鏈接活動1虛線屬性（2）內(nèi)圈動態(tài)添加添加“虛線”對應(yīng)屬性使橢圓邊框變成虛線狀態(tài)。通過調(diào)節(jié)調(diào)節(jié)“虛線”、“間隙”、“偏移”參數(shù)完成內(nèi)圈從虛線環(huán)繞后變成圓的動態(tài)。兩層圓的動態(tài)有間隙和快慢的差別。5

知識鏈接活動2圓形動畫調(diào)節(jié)（3）內(nèi)圈透明度的調(diào)整

對內(nèi)圈兩層的透明度進(jìn)行調(diào)節(jié)，增加圓環(huán)動畫的層次感。5

知識鏈接學(xué)習(xí)步驟

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

多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等16AE動效制作--Loading動畫任務(wù)3文字添加

活動1普通文字活動20-100效果調(diào)節(jié)文字添加（1）普通文字通過添加文字工具輸入“Loading”文字。5

知識鏈接活動1普通文字（1）0-100效果調(diào)節(jié)添加任意文字到“Loading”文字下面，添加效果中的“編號”，通過調(diào)整“數(shù)值”/“位移”參數(shù)為“0”--“100”關(guān)鍵幀動畫調(diào)節(jié)數(shù)值變化效果。5

知識鏈接活動20-100效果調(diào)節(jié)（2）單獨(dú)添加文字“%”為單獨(dú)一層，完成所有文字添添加。

5

知識鏈接活動20-100效果調(diào)節(jié)學(xué)習(xí)步驟

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

多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等16AE動效制作--Loading動畫任務(wù)4圓環(huán)動畫整體縮放調(diào)整任務(wù)5文件輸出圓形動畫整體縮放調(diào)整（1）為了添加圓環(huán)的動態(tài)感需要為已經(jīng)做好動畫的圓環(huán)整體添加透明度與縮放動態(tài)。這是MG動效中經(jīng)常會使用的動態(tài)疊加。5

知識鏈接任務(wù)4圓環(huán)動畫整體縮放調(diào)整（2）Shift鍵盤單擊三個圓環(huán)選中三個圓環(huán)“Ctrl+shift+C”預(yù)合成三個圓環(huán)，這樣三層

就變成了“一層”，這里的一

層其實(shí)內(nèi)部嵌套有三層，也

就是我們剛才轉(zhuǎn)換的三層。5

知識鏈接任務(wù)4圓環(huán)動畫整體縮放調(diào)整（3）為嵌套后的預(yù)合成添加縮放與不透明度動畫，添加雙重動態(tài)效果，增強(qiáng)動效。5

知識鏈接任務(wù)4圓環(huán)動畫整體縮放調(diào)整（3）為嵌套后的預(yù)合成添加縮放與不透明度動畫，添加雙重動態(tài)效果，增強(qiáng)動效。5

知識鏈接任務(wù)4圓環(huán)動畫整體縮放調(diào)整（1）Ctrl+M輸出設(shè)置后輸出文件，完成此案例。5

知識鏈接任務(wù)5文件輸出

學(xué)習(xí)步驟

以案例教學(xué)為核心，采用任務(wù)驅(qū)動式的行動導(dǎo)向教學(xué)法。采取了由淺入深、循序漸進(jìn)的教學(xué)策略，以學(xué)生的感知、理解、鞏固、運(yùn)用