AE實例教程-使用AE製作圖標動效

After Effects簡稱“AE”是一款圖形視頻處理軟件,適用於從事設計和視頻特技的機構,包括電視臺、動畫製作公司、個人後期製作工作室以及多媒體工作室,屬於層類型後期軟件。使用AE能快速高效的製作出很多酷炫的UI動效,包括非常吸引眼球的動效圖標。此次小編就帶大家看看如何使用AE製作動效圖。

首先看下最終效果:是一個很常見的【漢堡包圖標】和【刪除圖標】之間的切換:

16211245_56dc4e80b5.gif

具體的製作步驟如下:

1、畫3根橫槓槓

16211359_96789e6e97.jpeg

2、上下兩根線向中心收攏,逐漸消失:
① 上下兩根線的對齊點調整到畫面中心,讓它以中心位置爲基準縮放
② scale:100%→0%
③ 透明度:100%→0%

16211529_1c570220c5.gif

3、中間的線複製4根,從一根線變爲一個刪除按鈕
① 選中間的線:新建蒙版,拖動蒙版位置
② 複製出4根一樣的(⌘+D)
③ 角度調整:4根線的角度分別設置爲-45、45、180+45、180-45(形成一個刪除按鈕的形狀)

16211723_e6764505bd.gif

16211811_cf37ec4064.jpeg

4、增加【角度變換】
① 新增一個"空對象"
② 將空對象下面所有的圖層,與空對象進行父子鏈接(*當你改變空對象的變化屬性時(如大小、旋轉、位置…),其它圖層也會跟着變化)
③ 把空對象旋轉90°,這樣三根線變成刪除圖標的同時,還會旋轉90°

16212041_8a5b5af3b3.gif

16212207_699ea02c14.gif

16212330_1a224a697c.jpeg

5、勾選運動模糊(似乎會顯得更自然一些)

16212534_a4207578f7.jpeg

6、讓動畫循環起來(漢堡包→刪除、刪除→漢堡包、頭尾銜接)
① 複製所有的關鍵幀,停留一段時間後黏貼(利用motion2插件的clone功能)
② 選中黏貼的關鍵幀,右鍵關鍵幀輔助→時間反向關鍵幀(順序就會倒過來了)
③ 空對象第二次旋轉後,關鍵幀的旋轉屬性設爲180°(0°→90°、90°→180°,0°和180°看起來是一樣的,看起來就是循環往復的)

16212706_776d66c632.jpeg

16212726_f9f02d4ef6.jpeg

16212916_df3653d2ce.jpeg

7、最後在形狀轉換的過程中,增加一點點放大縮小的效果
① 空對象增加兩個關鍵幀,scale:100%→110%→100%

16213558_b2477d76f8.jpeg

16213713_1692d7c4be.gif

這樣就差不多做完啦!以上就是小編爲大家帶來的AE實例教程-使用AE製作圖標動效。還有更多詳細、實用的功能以及相關軟件Ae和其他Mac軟件獲取,大家快來Macdown.com自行探索一番吧。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章