今天這篇好文通過兩個(gè)簡單的案例，小動(dòng)畫和動(dòng)態(tài)表情包制作，帶同學(xué)們一起來詳細(xì)認(rèn)識(shí)下PS做逐幀動(dòng)畫的工作流程和基礎(chǔ)技能。喜歡的朋友一起來學(xué)習(xí)吧。

從理論上來說，PS的幀動(dòng)畫屬于“逐幀動(dòng)畫”的范疇，利用的依然是人眼的“視覺暫留”現(xiàn)象，首先來“高大上”地Look一眼它的定義：

簡單說，就是在每一幀上“繪制”動(dòng)畫的分解動(dòng)作，然后把所有幀按序列排列播放，就能看到完整的動(dòng)作了，最后在保存的時(shí)候選擇gif格式，這就是一個(gè)完整的作品了。當(dāng)然，gif只是格式，說到本質(zhì)做的還是動(dòng)畫。而這里的“繪制”呢，既可以是利用軟件的智能自動(dòng)化如過渡、關(guān)鍵幀、補(bǔ)間動(dòng)畫等(不同軟件采用的算法不同)，也可以用畫筆、鋼筆、形狀工具繪制，或者更可手繪每一幀的內(nèi)容。所以，如果小伙伴正好是手繪達(dá)人，那直接手繪出分鏡就是極好的了。

在PS中，幀動(dòng)畫要在“時(shí)間軸”面板上完成(CS5及之前的版本叫做“動(dòng)畫”面板，CS6及CC各版本均叫“時(shí)間軸”面板。)，打開PS之后，如果沒有看到該面板，可以按如圖所示操作，點(diǎn)擊“窗口”，然后在下拉菜單中點(diǎn)擊“時(shí)間軸”即可打開，一般顯示在軟件底部。

案例一：位移動(dòng)畫

Step 1

我們首先用一個(gè)位移動(dòng)畫來了解下利用PS“過渡”功能制作“幀動(dòng)畫”的方法。按如圖所示，新建文件，名稱“位移運(yùn)動(dòng)”，430*430px，72ppi，透明背景，點(diǎn)擊確定。

Ctrl+N，新建文件

選擇圓角矩形工具，繪制一個(gè)圓角矩形，作為動(dòng)畫的主體。

點(diǎn)擊PS底部的“時(shí)間軸”面板，激活它，然后按如圖所示點(diǎn)擊選擇“創(chuàng)建幀動(dòng)畫”。PS：“創(chuàng)建視頻時(shí)間軸”留作以后在介紹，我們先從幀動(dòng)畫快速上手嘍。

Step 2

到現(xiàn)在，已經(jīng)可以看到時(shí)間軸面板上有了一幀內(nèi)容了，我們暫且不說，先來觀察下這個(gè)面板，從以下截圖可以看到，它的操作區(qū)域主要在兩個(gè)框線部分，看起來好像很復(fù)雜滴樣子，好多功能鍵，我們先不逐一介紹它們，而是通過案例來一點(diǎn)點(diǎn)感受它們，感受動(dòng)畫的魅力。