Facebook加入
LINE加入
2021/12/25
Photoshop使用時間軸製作炫酷動畫
這一次的教學是屬於PS教程領域中的動畫教程的相關教學。
文章出處是來自優設的PS教程類文章，寫教學的作者是佚名，感謝佚名提供動畫教程的實作教學。
教學大綱:
在平時工作項目中，多少會碰上要做簡單gif動畫的需求。以往做gif動畫最麻煩的就是逐幀製作，一旦修改起來也很痛苦。隨着Photoshop版本的不斷升級，其功能的優化和增加，都是一次次的驚喜，發展到CC版本，時間軸已可以對視頻簡易剪輯，所以時間軸製作簡單的gif
動畫教程教學開始
在平時工作項目中，多少會碰上要做簡單gif動畫的需求。以往做gif動畫最麻煩的就是逐幀製作，一旦修改起來也很痛苦。隨着Photoshop版本的不斷升級，其功能的優化和增加，都是一次次的驚喜，發展到CC版本，時間軸已可以對視頻簡易剪輯，所以時間軸製作簡單的gif動畫足已。
1、如何調出視頻時間軸面板
在窗口–>時間軸，調出時間軸面板后，選擇創建視頻時間軸。
選擇了視頻時間軸面板后，若想切換到幀動畫面板，可以點擊上圖中紅色內圖標進行切換。
2、了解視頻時間軸圖層的基本面板參數
位置：單純控制圖層對象在畫布的移動。(該參數動畫對位圖圖層有效，矢量圖層則需要啟動矢量蒙版位置才會產生移動動畫效果)
演示動畫：
變換：包含對圖層對象在畫布的移動控制和變形控制，可以產生原地旋轉，放大縮小，翻轉動畫效果。(參數只針對智能對象圖層而言)
演示動畫：
樣式：控制圖層對象樣式效果。圖層樣式是可以產生很豐富的動畫效果，除了簡單的外發光、內發光、投影等基本動畫效果，裡面的圖案樣式更可以應付重複的背景場景，如飄雪，流星等效果。
演示動畫;
不透明度：是控制圖層對象的整體透明度。
演示動畫：
蒙版：使用蒙版的時候蒙版位置與蒙版啟用一起使用。圖層蒙板位置具有控制動畫效果範圍的作用。矢量蒙板位置則控制矢量圖層對象的移動。
演示動畫：
3、視頻時間軸的使用
根據要使用的參數，點擊啟用關鍵幀動畫，然後移動浮標到關鍵幀上，再根據對應的參數調整圖層，時間軸就會自動創建關鍵幀。
4、看看桌面圖標動畫製作思路：
(1)在接到需求時，先在紙上勾勒自己想要的大致動畫效果，再去網上找一些動畫效果參考，覺得合適把他保存下來，方便後面與需求方溝通動畫時，能表達更清楚。
(2)與需求方確認好動畫效果后，接着再在紙上拆解動畫的元素，分析這些動畫的圖層邏輯順序，哪些動畫效果可以藉助圖層混合樣式實現，哪些需要把圖層轉換為智能對象等。這一步是為了讓自己在使用視頻時間軸做動畫時，心裡會有一個比較清晰的邏輯。
(3)接下來整理確認好的icon圖層(先複製一份源文件備份)。主要做以下幾方面：把圖層標好顏色區分減少圖層數，把可以合併的圖層轉換為智能對象(智能對象可以二次編輯，防止後面意外修改)，並命好名稱。
(4)導齣動畫：導出gif格式動畫，直接Alt+Ctrl+Shift+S導出;導出序列幀圖片，通過 文件–>導出–>渲染視頻調出面板。
(5)最終動畫效果
5、總結：
(1)在做之前先與需求方溝通好，了解動畫尺寸、格式等信息。確認好動畫效果再動手做。
(2)多用可編輯性圖層(如智能對象、矢量圖層)，讓圖層變得可控性。
(3)保持圖層順序邏輯清晰明了，給圖層加以顏色區分及命好名稱，方便在時間軸上觀看。
(4)用圖層樣式做動畫效果。一個圖層樣式不能實現的效果，可以把他拆成多個樣式來實現。同時，樣式的混合模式盡量用正常的模式來做效果，這樣可以保證在轉換位智能對象的時候效果一致。
熱門推薦
留言回覆
