今天制作一下如圖所示的小動圖，要用到AI和AE相結(jié)合。AI確定其移動位置，AE制作動態(tài)效果。 

首先分析一下該圖是如何運(yùn)動的：先觀察一下黃色的小三角，從左往右往上移動，并同時進(jìn)行旋轉(zhuǎn)。紅色也是一樣就是位置不同，進(jìn)行同樣的運(yùn)動。

一. AI軟件的制圖。（在AI里設(shè)置好這些小三角的位置）

1.打開AI軟件，新建文檔（ctrl  N）設(shè)置好參數(shù)。

2.用“直線工具”畫一條線。單擊右鍵，選中“變換”里的“旋轉(zhuǎn)”，將“角度”改為：60°，點(diǎn)擊“復(fù)制”按鈕。之后再：ctrl  D（重復(fù)參數(shù)制作另一條線）。這樣我們可以得到如下圖。 

3.選中“多邊形工具”繪制三角形，長按左鍵，調(diào)出多邊形屬性設(shè)置。給三角形填充顏色并調(diào)整其位置，使其頂端和線段交叉點(diǎn)重合，再往下垂直移動適當(dāng)距離。之后再調(diào)整其“邊角”設(shè)置為3px。

4.選中三角形，點(diǎn)擊“旋轉(zhuǎn)”工具，按住alt，鼠標(biāo)移動到線段的交叉點(diǎn)位置直至其出現(xiàn)“交叉”一詞，點(diǎn)擊鼠標(biāo)左鍵，設(shè)置旋轉(zhuǎn)參數(shù)60°，點(diǎn)擊復(fù)制。之后再  ctrl D  4次，復(fù)制三角形。修改一下對邊的顏色。再將直線段刪去，這樣我們就確定好了小三角的移動位置。存儲為AI文件。

二. AE軟件的制圖。（制作動效）

1.打開AE軟件，在項目空白處單擊右鍵，導(dǎo)入文件，將剛做好的AI文件導(dǎo)入AE中，導(dǎo)入為“合成”，點(diǎn)擊“打開”。

2.雙擊一下“三角形”合成，在下面就出現(xiàn)一個圖層，選中圖層，單擊右鍵，選中“從矢量圖層創(chuàng)建形狀”。刪除原來的AI圖層。

3.使用“向后平移（錨點(diǎn)）工具”，按住ctrl , 將中心錨點(diǎn)放置在三角形中心位置，再調(diào)用對齊窗口，將整個圖形放置在畫布中心（點(diǎn)水平對齊和垂直對齊）。

4.依次點(diǎn)開圖層，給所有的組“變換”的“位置”添加關(guān)鍵幀。之后按U鍵，調(diào)出添加了關(guān)鍵的的內(nèi)容。

5.根據(jù)之前分析的三角形運(yùn)動軌跡：首先黃色三角形“組1”先移動到“組5”，再移動到“組3”的位置。所以將“當(dāng)前時間指示器”放在1s的位置，將“組5”的位置關(guān)鍵幀復(fù)制給“組1”（點(diǎn)擊“組5”位置關(guān)鍵幀，ctrl C 復(fù)制，再點(diǎn)擊“組1”，ctrl V 粘貼）；將時間軸放在2s的位置，將“組3”的位置關(guān)鍵幀復(fù)制給“組1”；再將時間軸的位置放在3s的位置，將“組1” 0s的關(guān)鍵幀復(fù)制一下，形成位置的循環(huán)移動。（時間導(dǎo)航器對時間軸進(jìn)行縮放，可以控制時間間隔距離）

在紅色三角形“組4”先移動到“組2”，再移動到“組6”。方法如上。

添加好關(guān)鍵幀之后，將多余的組（刪掉2，3，5，6，它們的存在主要是為了確定位置）。

6.在移動“當(dāng)前時間指示器”時，會發(fā)現(xiàn)三角形在移動時距離會擴(kuò)大，這時需要調(diào)整關(guān)鍵幀。

點(diǎn)開“圖表編輯器”，會發(fā)現(xiàn)，運(yùn)動曲線是有幅度的曲線，在靠近關(guān)鍵幀的位置會有一定的起伏，所以，需將關(guān)鍵幀左右的數(shù)值調(diào)成一致。即將1s處的關(guān)鍵幀向前移動一幀，再將指示器往后移動一幀，復(fù)制一層原來的關(guān)鍵幀在該位置上，中間空出一幀。這時再打開“圖表編輯器”，會發(fā)現(xiàn)1s之前的運(yùn)動曲線都是直線了。

同理，將2s處的關(guān)鍵幀做同樣處理。

最后給所有幀添加“緩動”（選中所有幀，右鍵選擇“關(guān)鍵幀輔助”“緩動”），讓效果更加自然。

7.添加旋轉(zhuǎn)效果。將“當(dāng)前時間指示器”放在0s處，在“變換”里的“旋轉(zhuǎn)”添加關(guān)鍵幀；將“當(dāng)前時間指示器”放在3s處，將數(shù)值調(diào)成“-1”。

8.新建“純色圖層”，設(shè)置背景顏色。這樣就動畫就完成咯。

9.存儲設(shè)置：點(diǎn)擊“合成” 點(diǎn)擊 “合成設(shè)置”將“持續(xù)時間”改為“3s”，點(diǎn)擊確認(rèn)。接下來，點(diǎn)擊“合成”點(diǎn)擊“添加到Adobe Media Encoder隊列”，設(shè)置格式存儲位置，點(diǎn)擊綠色播放按鈕即可（需要下載Adobe Media Encoder，一般下載AE的時候會自帶，如果沒有的話，可以直接在AE里渲染存儲為.mov格式，在用PS導(dǎo)出GIF，這種像素比較好）