項(xiàng)目面板——所有素材、合成都在這里哦。

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

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

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

萬(wàn)事開(kāi)頭難，下面我們先來(lái)做個(gè)最簡(jiǎn)單的動(dòng)畫(huà)，本例是一個(gè)鐘，那就讓指針轉(zhuǎn)一圈。把時(shí)間軸上的指針移到0秒，找到指針?biāo)�在圖層(組4)，點(diǎn)開(kāi)小三角，點(diǎn)Transform->Rotation(變換->旋轉(zhuǎn))旁邊的小秒表，這樣我們就在0秒處添加了一個(gè)關(guān)鍵幀，如圖：

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

如何做炫目的效果不是本篇教程的目的，成功動(dòng)起來(lái)了咱就翻篇吧~

再次提醒：一定要記得隨時(shí)存盤(pán)!

6、輸出動(dòng)畫(huà)，生成GIF

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

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

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

被選中 未選中

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

“渲染(Render)”就是把動(dòng)畫(huà)生成動(dòng)畫(huà)文件的過(guò)程，下面我們來(lái)做些設(shè)置：?jiǎn)螕裟莻�(gè)Lossless(無(wú)損)那個(gè)黃字(不是小三角哦)。

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

點(diǎn)開(kāi)旁邊的格式選項(xiàng)(Format Option)，視頻編碼(Video Codec)選

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

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

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

將我們生成的“未標(biāo)題-1.mov”直接拖進(jìn)PS，會(huì)看到多了一個(gè)時(shí)間軸，

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

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

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

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

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

有時(shí)候因?yàn)橐恍┰�因AE輸出視頻失敗或者PS無(wú)法導(dǎo)入，這時(shí)就可以試試圖像序列。

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

然后輸出路徑指定一個(gè)文件夾存放輸出的圖像序列，這樣點(diǎn)渲染后就會(huì)生成一組帶序號(hào)的PNG文件。