用 Photoshop 內建時間軸面板即可製作向量風格的 GIF 動畫。本教程示範用鋼筆工具繪製可愛幽靈角色，利用「建立過渡幀」功能自動生成中間幀，快速完成左右飄動循環動畫。

動畫效果

角色繪製步驟

1. 新建文件，背景黑。新圖層橢圓工具畫主體，填 #55c3f1，Ctrl+T 變形調整比例。





2. 自定義形狀工具添加雙手，橢圓工具「減去模式」挖出眼睛嘴巴，鋼筆工具繪製嘴巴曲線與尾巴。

動畫製作流程

5. 複製圖層，移至右側，Ctrl+T 水平翻轉（朝右狀態）。



6. 開啟 Window > Timeline，隱藏朝右圖層，第 1 幀顯示朝左圖層。



7. 複製幀，將第 2 幀位置移至右側。



8. 點擊「建立過渡幀」圖示（菱形箭頭），插入 8 個過渡幀，自動生成位置插值動畫。





9. 第 8 幀：隱藏朝左圖層，顯示朝右圖層。複製第 8 幀為第 9 幀，移至左側。





10. 再次「建立過渡幀」生成返回動畫，設定所有幀時間 0.1s，Ctrl+Alt+Shift+S 導出 GIF。

核心技巧總結

• 向量形狀層：縮放旋轉不失真，適合動畫元素。
• 過渡幀自動插值：僅需定義關鍵幀位置/不透明度/樣式，PS 自動計算中間幀，極大減少手工工作量。
• 圖層可見度切換：利用幀記錄圖層顯示/隱藏狀態，實現形態切換（如朝左/朝右）。
• 循環邏輯：去程+返程關鍵幀對稱，首尾幀狀態一致即可無縫循環。

掌握此工作流，可輕鬆製作角色走路、車輛行駛、物體彈跳等各類 2D 向量動畫。