將靜態文字設計轉化為生動 GIF 動畫，關鍵在於「圖層結構分離 → 關鍵幀位移 → 過渡幀自動補間」。本教學完整示範從 AI/PS 文字導入、描邊樣式疊加、漸變映射換色、選區收縮製造高光、裝飾元素佈局，至時間軸面板逐幀動畫製作與 GIF 優化輸出的全過程。

文字基礎與描邊樣式疊加

將 AI 或 PS 完成的文字圖形導入，添加描邊並填入自訂漸變色。複製圖層置底，套用 PS 預設樣式「虛線筆畫」，調整描邊大小形成虛線外框。再於複製層上加「漸變映射」（粉紅→白），混合模式改「顏色」，瞬間統一配色風格。

內部高光與裝飾元素佈局

載入原文字選區，執行【選擇 > 修改 > 收縮】3px，新建圖層填白並加蒙版擦除多餘，形成內發光邊緣。其後陸續添加形狀圖層（漸變填充）、星星圖層（含位移複製備動畫用）、次要文字、針線筆刷裝飾，構建豐富視覺層次。

時間軸動畫：關鍵幀與過渡幀

點開時間軸面板（舊版為幀動畫）。複製關鍵幀，移動星星、裝飾元素位置形成位移關鍵幀。於相鄰關鍵幀間添加「過渡幀」（Tween），設定幀數（如 5-8 幀）自動生成平滑位移。重複對所有動畫元素操作，預覽滿意後選【檔案 > 存儲為 Web 所用格式】輸出 GIF。

核心心法：動畫前請先完成所有靜態圖層結構與命名，善用圖層組管理；關鍵幀間距決定動畫節奏，過渡幀數控制緩急。輸出時勾選「循環選項：永遠」，並壓縮顏色數（128-256 色）平衡檔案大小與畫質。此流程同樣適用於 Banner 廣告、UI 微動效、表情包製作等場景。