項目面板——所有素材、合成都在這里哦。

這個面板顯示打開的合成里的各個層，注意到在PS里分好的組是以合成的形式存在的，雙擊之可進入“組1”、“組2”。

預(yù)覽面板，可以看懂我們的小圖圖了連參考線也能導(dǎo)入哦。其實AE可以把PS里的路徑、圖層樣式、參考線、分組統(tǒng)統(tǒng)導(dǎo)進來，果然是Adobe自家兄弟!

時間軸，大概是UI設(shè)計師們比較陌生的東西了，別怕，西西帶你玩轉(zhuǎn)它!

萬事開頭難，下面我們先來做個最簡單的動畫，本例是一個鐘，那就讓指針轉(zhuǎn)一圈。把時間軸上的指針移到0秒，找到指針所在圖層(組4)，點開小三角，點Transform->Rotation(變換->旋轉(zhuǎn))旁邊的小秒表，這樣我們就在0秒處添加了一個關(guān)鍵幀，如圖：

然后將指針移到10秒處，將旋轉(zhuǎn)數(shù)值設(shè)為360°(會自動變成1x+0.0°)，意思是轉(zhuǎn)了一圈。好，按下空格播放可以看到旋轉(zhuǎn)的效果。

如何做炫目的效果不是本篇教程的目的，成功動起來了咱就翻篇吧~

再次提醒：一定要記得隨時存盤!

6、輸出動畫，生成GIF

動畫做再屌，輸不出來也白搭。AE雖然是專業(yè)影視動畫軟件，但它的輸出選項其實少的可憐(當然配合自家的MediaEncoder能輸出更多格式，不過這不在本教程討論范圍了)，反正是沒有GIF直接輸出的選項了，我們只能曲線救國。

方法一：輸出視頻轉(zhuǎn)GIF

確保我們的“未標題-1”合成處在被選中狀態(tài)(邊框變黃色)，

被選中 未選中

按下快捷鍵Ctrl+M，合成就被加入到渲染隊列(Render Queue)了。

“渲染(Render)”就是把動畫生成動畫文件的過程，下面我們來做些設(shè)置：單擊那個Lossless(無損)那個黃字(不是小三角哦)。

彈出的對話框格式(Format)里選Quicktime：

點開旁邊的格式選項(Format Option)，視頻編碼(Video Codec)選

擇PNG，質(zhì)量(Quality)選100，這樣就能幾乎畫質(zhì)無損地輸出。

如果找不到Quicktime選項請先安裝Quicktime，蘋果官網(wǎng)上可以找到 http://www.apple.com/quicktime/

好，其他選項保持默認，點兩次確定之后回到渲染隊列，點擊輸出到(Output to)小黃字(不是小三角哦)，設(shè)置生成的文件路徑以及文件名，這里我還是保持默認的“未標題-1.mov”吧，然后別忘了點渲染(Render)按鈕，等進度條跑完后，我們又要回熟悉的PS了~

將我們生成的“未標題-1.mov”直接拖進PS，會看到多了一個時間軸，

其實PS是可以簡單制作視頻的，不過我也不太會用，有時間再研究研究。好，現(xiàn)在點擊文件→存儲為web所用格式：

終于到最后一步了，這里有很多的優(yōu)化選項，說實話我也沒研究透。左下角能看到輸出的大概大小(本圖是381.1k)，右下角可以播放查看動畫，注意這里有個循環(huán)選項記得把“一次”改為“永遠”不然它就只播放一次就停了。

右上的這些參數(shù)才是優(yōu)化的重點，大家可以自己調(diào)整試試看什么參數(shù)能調(diào)的又小又不失真，最后點“存儲為”輸出，就大功告成了!

這種方法的好處是生成文件少，直觀方便管理，且中間生成的視頻文件也可作為展示資料用。

方法二：輸出圖像序列( 序列幀)

有時候因為一些原因AE輸出視頻失敗或者PS無法導(dǎo)入，這時就可以試試圖像序列。

在AE里，渲染設(shè)置的時候選擇PNG 序列(PNG Sequence)

然后輸出路徑指定一個文件夾存放輸出的圖像序列，這樣點渲染后就會生成一組帶序號的PNG文件。