PS 並非專業動畫軟體，但 CS5+ 的「時間軸面板」足以應付簽名檔級動態合成。本教程實戰演示「多素材幀率統一→時間軸轉換→組複製合成→幀動畫導出 GIF」全流程，解決幀數不一、圖層管理亂、導出卡頓三大痛點。

核心前提

• PS 版本：CS5 / CS6 / CC 全系列支援時間軸面板。
• 素材要求：幀率一致（幀數相同、幀延遲一致），否則必須先統一。
• 畫布尺寸：提前規劃（如 500×300 px），所有素材置入前統一尺寸。

實戰案例：雙素材合成（25 幀 + 12 幀 → 統一 25 幀）

Step 1：素材導入與幀數統一

• 素材 A：25 幀（站立循環）。
• 素材 B：12 幀（動作循環）。
• 策略：將 B 素材幀數擴展至 25 幀——複製全部 12 幀 → 再複製第 1 幀（站立靜止幀）1 次 → 12×2+1=25 幀，循環無縫銜接。

Step 2：幀動畫→時間軸轉換

兩個文檔分別：時間軸面板右上角選單 → 「轉換為時間軸動畫」（或左上角三角選單同操作）。

Step 3：圖層分組管理

每個文檔：新建群組 → 將所有圖層拖入群組 → 命名「素材 A」「素材 B」。

Step 4：跨文檔組複製合成

1. 右鍵「素材 A」群組 → 「複製群組」 → 目標文檔選「素材 B 文檔」。
2. 打開目標文檔，畫布已預設好尺寸。
3. 圖層面板中調整兩群組堆疊順序、位置、不透明度、混合模式。

Step 5：時間軸→幀動畫回轉 + 導出 GIF

1. 時間軸面板選單 → 「轉換為幀動畫」。
2. 選中所有幀（Shift+點擊首尾幀） → 右鍵「設置幀延遲」→ 「無延遲」（或 0.03s/30fps）。
3. 文件→存儲為 Web 所用格式（Ctrl+Alt+Shift+S） → 格式 GIF → 循環選項「永遠」 → 儲存。

避坑 FAQ

問題	原因	解決方案
GIF 不動/只顯示第一幀	檔案過大（>1MB）平台壓縮/靜態化	縮小畫布尺寸、減少幀數、降低顏色數(128/64色)、優化面板勾選「無損」
動畫播放卡頓/速度不對	幀延遲設置錯誤/幀數不均	全選幀統一設置延遲；檢查時間軸模式下關鍵幀間距
圖層堆疊順序在動畫中錯亂	時間軸模式下圖層可見性關鍵幀衝突	改用幀動畫模式：每幀手動控制圖層眼球狀態
透明背景變白/有鋸齒	GIF 僅支援 1-bit 透明（全透/全不透）	邊緣預乘白/黑色；或改用 APNG/WebP/MP4 格式

---

進階工作流：
• After Effects 替代方案：複雜動畫（關鍵幀動畫、表達式、粒子、3D 圖層）請直接用 AE，PS 僅作靜態合成輸出素材。
• 批量導出腳本：將「轉幀動畫→設置延遲→存 Web 格式」錄製為動作/腳本，一鍵批量導出多尺寸版本。
• 素材預處理：所有 GIF 素材先用 EZGIF/PS 統一幀率、尺寸、調色板，再進 PS 合成，避免合成後色彩突變。