AE製作載入動畫小教程
我們從零說起,和大家一起在學習中成長,大神請忽略哦。
先來看一下效果
具體的製作步驟如下:
看完教程有任何不懂,想要學習更多知識點的同學可以點選我頭像下方的 群 ,加入之後可以獲得設計資源和教程等哦
第一步建立合成800*800(大小自己決定就好),背景為#000000
第二步 繪製三角形
畫一個三角形方法很多,這裡只說我用到的這種。
在合成面板建立一個形狀圖層,點選新增,選擇多邊星形,將"點"設定為3
將三角形調整到合適的大小和位置,繼續點選新增"填充"設定三角形的顏色;新增"描邊"將三角形設定為圓角(描邊的"線段連線"選擇為"圓角連線"),根據需要設定描邊寬度,描邊的顏色與填充顏色保持一致,以下是我用引數
繪製好之後,複製一層(Ctrl+D),調整一下顏色
第三步 移動位置
首先將兩個三角形的初始位置調整好,兩個三角形呈對角樣子,且稍有重合(可根據個人喜好決定是否重合),如圖
選中兩個三角形(記得給圖層命名以便於區分)點選"p"位置選項,在起始點打上關鍵幀;依次調整三角形的位置,關鍵幀停留到1S處,將白色三角形向左平移至黃色三角形的上方,黃色三角形向右平移至白色下方,如圖
繼續調整位置,在2S處打上關鍵幀,將白色三角形沿斜線向下,黃色三角形沿斜線向上,移動路徑如圖
繼續調整位置,在2S處打上關鍵幀,將白色三角形沿斜線向下,黃色三角形沿斜線向上,移動路徑如圖
繼續移動位置,在3S處打上關鍵幀,直接複製0S處的關鍵幀即可,讓這個移動路徑形成一個閉合的三角形。
注意:移動的路徑是一個曲線三角形,這裡選擇鋼筆工具,點選一下錨點,曲線變成直線了(相當於PS中的轉換點工具),如圖
選中兩個三角形的位置關鍵幀,給每個幀設定緩動,快捷鍵F9(或者點選動畫-關鍵幀輔助-緩動),優化動畫效果
第四步 新增空圖層
新建一個空圖層,新增旋轉動畫,快捷鍵R。在初始位置打上關鍵幀,旋轉度數為0;移動關鍵幀指標到3S處(即結束點),將旋轉圈數設定為-1,即逆時針旋轉360度(與剛剛設的三角形移動方向有關)。
隱藏空圖層,將兩個三角形的父級選為剛才建立的空圖層,為動畫新增上一個旋轉的效果,使動畫銜接更加流暢,如圖
好了,枯燥的過程終於過去了,來看看成果吧