教程丨如何用 AE製作動態logo

今天給大家介紹一下如何使用AE來做動態logo。

一、確定所需要做的動效

1、製作logo背景形狀動效

2、製作U的動效

3、製作I的動效

4、製作消失動效

教程丨如何用 AE製作動態logo

二、製作logo背景形狀動效

1、”合成 - 新建合成“ 新建一個1000*800的合成

教程丨如何用 AE製作動態logo

2、“圖層 - 新建 - 純色”創建一個#00A8FF的圖層

教程丨如何用 AE製作動態logo

3、在AI中繪製一個六邊形,具體怎麼繪製就自己百度吧

教程丨如何用 AE製作動態logo

4、複製AI中的這個形狀,粘貼到AE中,一個六邊形就出來啦

教程丨如何用 AE製作動態logo

5、選中純色圖層,選擇“S”,在初始點打上關鍵幀並且調整為0,然後選擇“R”,在初始點打上關鍵幀,然後選擇“U”即可顯示所有的活動幀

教程丨如何用 AE製作動態logo

6、在“15F”處將縮放調整到100,旋轉調整到1X

教程丨如何用 AE製作動態logo

7、可以打開"Form"調整“縮放”的動畫曲線具體教程可以看“AE教程:汽車開動&彈性動畫【重要】”:

http://www.ui.cn/detail/361480.html

教程丨如何用 AE製作動態logo

8、打開運動模糊可以減少生硬感

教程丨如何用 AE製作動態logo

教程丨如何用 AE製作動態logo

三、製作U的動效

由於要用鋼筆進行描邊,所以可以將UI中國logo放進AE合成中用鋼筆工具“G”進行描邊

教程丨如何用 AE製作動態logo

打開添加後的“修剪路徑”

教程丨如何用 AE製作動態logo

打開修剪路徑,在“15F”處打上“結束”的關鍵幀,並且調整為0,然後在01:10f處調整為100,打開“Form”選擇緩動曲線替換上去

教程丨如何用 AE製作動態logo

教程丨如何用 AE製作動態logo

教程丨如何用 AE製作動態logo

接下來需要創建圓球掉落的效果,新建一個圓形,“圖層 - 新建 - 新建形狀圖層”,然後在添加中選擇“橢圓”、“填充”

教程丨如何用 AE製作動態logo

教程丨如何用 AE製作動態logo

將其圓點縮放到適合大小並且放到U上方

教程丨如何用 AE製作動態logo

將其紅點改為白點,打開位置“P”屬性,在15F處打上關鍵幀,然後在01:00F處移到U的上方

教程丨如何用 AE製作動態logo

打開"Form"選中緩動曲線替換上去

教程丨如何用 AE製作動態logo

可以選擇“效果 - 時間 - 殘影”並且調整參數,殘影時間“-0.001”數量“50”

教程丨如何用 AE製作動態logo

教程丨如何用 AE製作動態logo

接下來調整U的時間軸,將其後移。

教程丨如何用 AE製作動態logo

教程丨如何用 AE製作動態logo

四、製作I的動效

首先製作I的動效

可以按照上面做U的步驟繼續用鋼筆沿著I進行描邊,並且做出動效,可以在I加上一個緩動,由快到慢

教程丨如何用 AE製作動態logo

接著可以繪製圓點的位置,從U的右側飛上後掉到I的上部

教程丨如何用 AE製作動態logo

可以複製之前掉落的那個小圓球,刪掉之前的動畫後移到右側U的右側頂部

教程丨如何用 AE製作動態logo

現在來想辦法如何讓圓球按照之前的軌跡進行移動

首先“圖層 - 新建 - 純色”新建一個純色圖層,然後用鋼筆進行繪製一個半圓形

教程丨如何用 AE製作動態logo

選中純色的蒙版下方的蒙版路徑,Ctrl+C進行復制

教程丨如何用 AE製作動態logo

選擇點下方的位置屬性粘貼其路徑

教程丨如何用 AE製作動態logo

可以看到有幾個問題

1、圓點應該需要先消失等U形走完再出現

2、圓點的移動太過於緩慢

3、圓點的右側會有明顯的拐角

教程丨如何用 AE製作動態logo

首先解決第一個問題

在U形走完的時候,選擇這個圓點,按下“T”調整不透明度為0,1幀後調整為100%

教程丨如何用 AE製作動態logo

接下來解決第二個時間緩慢的問題

可以看到圓點的起始點和終點,將終點往左挪動,整體的時間點即可減少

教程丨如何用 AE製作動態logo

繼續解決第三個圓點拐角的問題

選擇畫板的第四個點或者時間軸的第四個點進行刪除,拐角即可消失

教程丨如何用 AE製作動態logo

教程丨如何用 AE製作動態logo

教程丨如何用 AE製作動態logo

進行最終的調整

將I的時間軸往後進行調整,讓右側圓點掉落的時候I才會運動

教程丨如何用 AE製作動態logo

為了讓整體的運動有個循環,需要讓整體旋轉並縮放到0

可以將所有圖層選中,右鍵預合成處理

教程丨如何用 AE製作動態logo

選中預合成後選中“T”在I運動結束後面1秒打上關鍵幀,並且在15f處調整透明度到0

教程丨如何用 AE製作動態logo

這個教程也是我現學現賣,希望大家能一起進步。


分享到:


相關文章: