隨著Photoshop版本的不斷升級(jí)，其功能的優(yōu)化和增加，都是一次次的驚喜，發(fā)展到CC版本，時(shí)間軸已可以對(duì)視頻簡(jiǎn)易剪輯，所以時(shí)間軸制作簡(jiǎn)單的gif動(dòng)畫(huà)足已。這一節(jié)課是教大家認(rèn)識(shí)一下ps cc的時(shí)間軸和相關(guān)的初級(jí)動(dòng)畫(huà)的制作。

請(qǐng)注意：這一篇文章的使用工具是最新版的photoshop CC版本。使用的工具是ps的時(shí)間軸。

下面是運(yùn)用?PS時(shí)間軸 制作APP加載動(dòng)效視頻教程。

最終效果演示：

看完之后，是不是也很炫呢？想學(xué)嗎？想學(xué)就要先來(lái)了解如何去使用PS時(shí)間軸。

1、如何調(diào)出PS視頻時(shí)間軸面板

在窗口–>時(shí)間軸，調(diào)出時(shí)間軸面板后，選擇創(chuàng)建視頻時(shí)間軸。

選擇了視頻時(shí)間軸面板后，若想切換到幀動(dòng)畫(huà)面板，可以點(diǎn)擊上圖中紅色內(nèi)圖標(biāo)進(jìn)行切換。

2、了解視頻時(shí)間軸圖層的基本面板參數(shù)

位置：?jiǎn)渭兛刂茍D層對(duì)象在畫(huà)布的移動(dòng)。（該參數(shù)動(dòng)畫(huà)對(duì)位圖圖層有效，矢量圖層則需要啟動(dòng)矢量蒙版位置才會(huì)產(chǎn)生移動(dòng)動(dòng)畫(huà)效果）

演示動(dòng)畫(huà)：

變換：包含對(duì)圖層對(duì)象在畫(huà)布的移動(dòng)控制和變形控制，可以產(chǎn)生原地旋轉(zhuǎn)，放大縮小，翻轉(zhuǎn)動(dòng)畫(huà)效果。（參數(shù)只針對(duì)智能對(duì)象圖層而言）

演示動(dòng)畫(huà)：

樣式：控制圖層對(duì)象樣式效果。圖層樣式是可以產(chǎn)生很豐富的動(dòng)畫(huà)效果，除了簡(jiǎn)單的外發(fā)光、內(nèi)發(fā)光、投影等基本動(dòng)畫(huà)效果，里面的圖案樣式更可以應(yīng)付重復(fù)的背景場(chǎng)景，如飄雪，流星等效果。

演示動(dòng)畫(huà);

不透明度：是控制圖層對(duì)象的整體透明度。

演示動(dòng)畫(huà)：

蒙版：使用蒙版的時(shí)候蒙版位置與蒙版啟用一起使用。圖層蒙板位置具有控制動(dòng)畫(huà)效果范圍的作用。矢量蒙板位置則控制矢量圖層對(duì)象的移動(dòng)。

演示動(dòng)畫(huà)：

3、視頻時(shí)間軸的使用

根據(jù)要使用的參數(shù)，點(diǎn)擊

啟用關(guān)鍵幀動(dòng)畫(huà)，然后移動(dòng)浮標(biāo)到關(guān)鍵幀上，再根據(jù)對(duì)應(yīng)的參數(shù)調(diào)整圖層，時(shí)間軸就會(huì)自動(dòng)創(chuàng)建關(guān)鍵幀。

4、看看桌面圖標(biāo)動(dòng)畫(huà)制作思路：

（1）在接到需求時(shí)，先在紙上勾勒自己想要的大致動(dòng)畫(huà)效果，再去網(wǎng)上找一些動(dòng)畫(huà)效果參考，覺(jué)得合適把

他保存下來(lái)，方便后面與需求方溝通動(dòng)畫(huà)時(shí)，能表達(dá)更清楚。

（2）與需求方確認(rèn)好動(dòng)畫(huà)效果后，接著再在紙上拆解動(dòng)畫(huà)的元素，分析這些動(dòng)畫(huà)的圖層邏輯順序，哪些

動(dòng)畫(huà)效果可以借助圖層混合樣式實(shí)現(xiàn)，哪些需要把圖層轉(zhuǎn)換為智能對(duì)象等。這一步是為了讓自己在

使用視頻時(shí)間軸做動(dòng)畫(huà)時(shí)，心里會(huì)有一個(gè)比較清晰的邏輯。

（3）接下來(lái)整理確認(rèn)好的icon圖層（先復(fù)制一份源文件備份）。主要做以下幾方面：把圖層標(biāo)好顏色區(qū)分減少圖層數(shù)，把可以合并的圖層轉(zhuǎn)換為智能對(duì)象（智能對(duì)象可以二次編輯，防止后面意外修改），并命好名稱。

（4）導(dǎo)出動(dòng)畫(huà)：導(dǎo)出gif格式動(dòng)畫(huà)，直接Alt+Ctrl+Shift+S導(dǎo)出；導(dǎo)出序列幀圖片，通過(guò)文件–>導(dǎo)出–>渲染視頻調(diào)出面板。

（5）最終動(dòng)畫(huà)效果

5、PS時(shí)間軸制作總結(jié)與新手的建議：

（1）在做之前先與需求方溝通好，了解動(dòng)畫(huà)尺寸、格式等信息。確認(rèn)好動(dòng)畫(huà)效果再動(dòng)手做。

（2）多用可編輯性圖層（如智能對(duì)象、矢量圖層），讓圖層變得可控性。

（3）保持圖層順序邏輯清晰明了，給圖層加以顏色區(qū)分及命好名稱，方便在時(shí)間軸上觀看。

（4）用圖層樣式做動(dòng)畫(huà)效果。一個(gè)圖層樣式不能實(shí)現(xiàn)的效果，可以把他拆成多個(gè)樣式來(lái)實(shí)現(xiàn)。同時(shí)，樣

式的混合模式盡量用正常的模式來(lái)做效果，這樣可以保證在轉(zhuǎn)換位智能對(duì)象的時(shí)候效果一致。

（5）善用圖層蒙版。

希望大家看完這個(gè)教程，有對(duì)PS時(shí)間軸一定的認(rèn)識(shí)和收獲。希望大家可以按照教程多多的聯(lián)系。

25學(xué)堂再次感謝以上內(nèi)容的提供者和分享者：

PS時(shí)間軸基礎(chǔ)教程—UI動(dòng)效GIF圖片的制作

http://www.zcool.com.cn/work/ZMzIzMDMyMA==.html

PS cs6視頻時(shí)間軸制作動(dòng)畫(huà)教程：

http://www.16xx8.com/photoshop/jiaocheng/113419_2.html