AE教程：圖標小動效

如何讓兩個小圖標之間的轉換動起來～

youtube上看的一個視頻教程，自己試著梳理了一下設計思路和步驟～ ʅ(´∀｀)ʃ

首先看下最終效果：

是一個很常見的【漢堡包圖標】和【刪除圖標】之間的切換：

Step1: 畫3根橫槓槓

Step2: 上下兩根線向中心收攏，逐漸消失：

① 上下兩根線的對齊點調整到畫面中心，讓它以中心位置為基準縮放

② scale：100%→0%

③ 透明度：100%→0%

Step3: 中間的線複製4根，從一根線變為一個刪除按鈕

① 選中間的線：新建蒙版，拖動蒙版位置

② 複製出4根一樣的（⌘+D）

③ 角度調整：4根線的角度分別設置為-45、45、180+45、180-45（形成一個刪除按鈕的形狀）

Step4：增加【角度變換】

① 新增一個“空對象”

② 將空對象下面所有的圖層，與空對象進行父子鏈接（*當你改變空對象的變化屬性時（如大小、旋轉、位置…），其它圖層也會跟著變化）

③ 把空對象旋轉90°，這樣三根線變成刪除圖標的同時，還會旋轉90°

Step5：勾選運動模糊（似乎會顯得更自然一些）

Step6：讓動畫循環起來（漢堡包→刪除、刪除→漢堡包、頭尾銜接）

① 複製所有的關鍵幀，停留一段時間後黏貼（利用motion2插件的clone功能）

② 選中黏貼的關鍵幀，右鍵關鍵幀輔助→時間反向關鍵幀（順序就會倒過來了）

③ 空對象第二次旋轉後，關鍵幀的旋轉屬性設為180°（0°→90°、90°→180°，0°和180°看起來是一樣的，看起來就是循環往復的）

Step7：最後在形狀轉換的過程中，增加一點點放大縮小的效果

① 空對象增加兩個關鍵幀，scale：100%→110%→100%

這樣就差不多做完啦～ ‵(*∩_∩*)′

個人感覺第三步，從一根線分解為四根線，再變成一個叉叉的思路是比較關鍵的～

謝謝觀看～