在本期象牙繪UED團隊分享當中,我們將詳細演示用AE如何制作如下三個loading動效,
其中涉及到AE表達式的應用、值曲線調整、速度曲線編輯等知識。
對於初學者來說可能信息量略大,希望通過是視頻教程能讓大家更清楚流程,另外,還附贈源文件給大家作為參考,
該動效已被象牙繪官網和app應用,請勿商用。
視頻如下:
第一段雙子球動畫,重點在於正弦函數的協調運動,我們為小球添加的運動表達式為
球一:
tempx=position[0]+14*Math.sin(time*2*Math.PI);[tempx,position[1]];
球二:
tempx=position[0]+14*Math.sin(time*2*Math.PI);[tempx,position[1]];
大家不要畏懼表達式,其實這個含義很簡單的。
Position[0]和position[1]作為數組表示二維位置左邊的方式,分別代表x位置和y位置。
去掉程序本身的變量和函數表達方式,小球新的橫坐標可以簡單的寫作:
tempx=x+14*sin(t*2π)
整個動畫的周期我設置為1s,即t包含與(0,1),小球的x坐標在1s的時間內完成一個周期的正弦變化。
其余兩個動畫看似復雜,其實簡單。只需要設置好其中一個球的緩動,其余小球復制圖層即可,設置時間差即可。這其中有個小技巧,設置關鍵幀輔助-序列圖層-重疊,可以快速設置多圖層的等時間差。