流光動畫，利用時間軸制作流光動畫教程(4)

在平時工作項目中，多少會碰上要做簡單gif動畫的需求。以往做gif動畫最麻煩的就是逐幀制作，一旦修改起來也很痛苦。隨著Photoshop版本的不斷升級，其功能的優(yōu)化和增加，都是一次次的驚喜，發(fā)展到CC版本，時間軸已可以對視頻簡易剪輯，所以時間軸制作簡單的gif動畫足已。

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

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

選擇了視頻時間軸面板后，若想切換到幀動畫面板，可以點擊上圖中紅色內(nèi)圖標進行切換。

位置：單純控制圖層對象在畫布的移動。(該參數(shù)動畫對位圖圖層有效，矢量圖層則需要啟動矢量蒙版位置才會產(chǎn)生移動動畫效果)

演示動畫：

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

演示動畫：

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

演示動畫;

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

演示動畫：

蒙版：使用蒙版的時候蒙版位置與蒙版啟用一起使用。圖層蒙板位置具有控制動畫效果范圍的作用。矢量蒙板位置則控制矢量圖層對象的移動。

演示動畫：

3、視頻時間軸的使用

根據(jù)要使用的參數(shù)，點擊到關(guān)鍵幀上，再根據(jù)對應的參數(shù)調(diào)整圖層，時間軸就會自動創(chuàng)建關(guān)鍵幀。

4、看看桌面圖標動畫制作思路：

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

他保存下來，方便后面與需求方溝通動畫時，能表達更清楚。

(2)與需求方確認好動畫效果后，接著再在紙上拆解動畫的元素，分析這些動畫的圖層邏輯順序，哪些

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

使用視頻時間軸做動畫時，心里會有一個比較清晰的邏輯。

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

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

(5)最終動畫效果