AE-動態icon學習分享

1.旋轉(speed為例)

思考:儀表盤的指針旋轉效果,就是給指針一個旋轉動畫。如何控制轉動的速度?

step1:用AE裡的形狀工具畫和鋼筆工具出基本圖形(指針的形狀是向上移動圓形上方的點畫出來的哦)

AE-動態icon學習分享

這裡需要注意的就是要把指針的中心點移動到指針底部的中心哦

AE-動態icon學習分享

step2:給指針加旋轉動畫(快捷鍵R),讓指針從-45度轉動到45度,再回到-45度。

AE-動態icon學習分享

但是隻是這樣的話動作太生硬沒有動感,也不符合運動規律,選中這個動作的關鍵幀(點擊圖層名稱下面的“旋轉2字”),在關鍵幀上右鍵,選擇關鍵幀輔助>緩動。進入圖表調節速度曲線。

AE-動態icon學習分享

用鋼筆工具,增加兩個點

AE-動態icon學習分享

調整這兩個點,讓指針的運動 先快速轉到右邊——>彈回——>再次轉到最右——>回到左邊

AE-動態icon學習分享

看一下效果

AE-動態icon學習分享

2.修剪路徑(range為例)

思考:這個沒什麼好思考的...就是一個修剪路徑動畫

用圓形工具畫出基本形(畫一個圓形,然後複製路徑,下移下方的點,轉化成尖角)

AE-動態icon學習分享

AE-動態icon學習分享

複製一層作為底,透明度調到40%

AE-動態icon學習分享

點擊小三角展開形狀圖層內容,添加修剪路徑

AE-動態icon學習分享

關鍵幀:“結束”0%~100%,“偏移”0~90度。

給“結束”或“開始”打關鍵幀是差不多的,修剪方向不同(可以理解成順時針和逆時針)。加上“偏移”動作是一邊修剪一邊旋轉...

AE-動態icon學習分享

看看效果

AE-動態icon學習分享

3.透明度(calculation為例)

鋼筆工具畫條弧線,複製2個圖層調整一下,得到基本形

AE-動態icon學習分享

左側最小的那個弧線最先開始變化,給它打透明度的關鍵幀,透明度100%到0%再到100%

AE-動態icon學習分享

選中這三個關鍵幀,ctrl+c,ctrl+v,粘貼給另外兩個圖層,往後移幾秒,讓它們變化的時間有一點間隔

AE-動態icon學習分享

看看效果

AE-動態icon學習分享


分享到:


相關文章: