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

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

一、確定所需要做的動效

1、製作logo背景形狀動效

2、製作U的動效

3、製作I的動效

4、製作消失動效

二、製作logo背景形狀動效

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

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

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

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

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

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

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

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

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

三、製作U的動效

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

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

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

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

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

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

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

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

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

四、製作I的動效

首先製作I的動效

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

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

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

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

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

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

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

可以看到有幾個問題

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

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

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

首先解決第一個問題

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

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

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

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

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

進行最終的調整

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

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

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

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

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