萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> Photoshop使用時間軸制作炫酷動畫

Photoshop使用時間軸制作炫酷動畫

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

Photoshop使用時間軸制作炫酷動畫 三聯

  1、如何調出視頻時間軸面板

  在窗口–>時間軸,調出時間軸面板後,選擇創建視頻時間軸。

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網
Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

  選擇了視頻時間軸面板後,若想切換到幀動畫面板,可以點擊上圖中紅色內圖標進行切換。

  2、了解視頻時間軸圖層的基本面板參數

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

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

  演示動畫:

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

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

  演示動畫:

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

  樣式:控制圖層對象樣式效果。圖層樣式是可以產生很豐富的動畫效果,除了簡單的外發光、內發光、投影等基本動畫效果,裡面的圖案樣式更可以應付重復的背景場景,如飄雪,流星等效果。

  演示動畫;

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

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

  演示動畫:

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

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

  演示動畫:

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

  3、視頻時間軸的使用

根據要使用的參數,點擊

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

啟用關鍵幀動畫,然後移動浮標到關鍵幀上,再根據對應的參數調整圖層,時間軸就會自動創建關鍵幀。

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

  (1)在接到需求時,先在紙上勾勒自己想要的大致動畫效果,再去網上找一些動畫效果參考,覺得合適把他保存下來,方便後面與需求方溝通動畫時,能表達更清楚。

  (2)與需求方確認好動畫效果後,接著再在紙上拆解動畫的元素,分析這些動畫的圖層邏輯順序,哪些動畫效果可以借助圖層混合樣式實現,哪些需要把圖層轉換為智能對象等。這一步是為了讓自己在使用視頻時間軸做動畫時,心裡會有一個比較清晰的邏輯。

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

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

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

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

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

  (5)最終動畫效果

Photoshop使用時間軸制作炫酷動畫,PS教程,思緣教程網

  5、總結:

  (1)在做之前先與需求方溝通好,了解動畫尺寸、格式等信息。確認好動畫效果再動手做。

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

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

  (4)用圖層樣式做動畫效果。一個圖層樣式不能實現的效果,可以把他拆成多個樣式來實現。同時,樣式的混合模式盡量用正常的模式來做效果,這樣可以保證在轉換位智能對象的時候效果一致。

  (5)善用圖層蒙版。

        .

copyright © 萬盛學電腦網 all rights reserved