延續上一篇四款基礎文字動畫，本合集進階呈現四大類、共 20+ 種文字 GIF 動畫變體：閃光文字、動感變形文字、雨滴融合文字、滾動跑馬燈文字。每類提供多種參數組合預覽，適合直接套用專案、或作為動效設計靈感庫。全部在 PS CS5 時間軸面板完成，零代碼、零外掛。

效果總覽（部分預覽）

類別一：閃光文字系列

核心技法：文字圖層樣式「外發光/內發光/斜面浮雕」+ 關鍵幀動畫「樣式不透明度/大小/顏色」。

• 脈動發光：外發光大小 0↔20 px 循環。
• 色彩呼吸：漸變疊加色相位移 0°↔360° 循環。
• 霓虹管閃爍：描邊顏色在亮/暗兩態切換，模擬故障霓虹感。
• 光暈掃過：同上篇效果三，漸變光帶掃過文字。

類別二：動感變形文字系列

核心技法：文字轉形狀圖層/路徑 + 自由變換 (Ctrl+T) 關鍵幀動畫位置/縮放/旋轉/扭曲/透視。

• 彈跳進場：縮放 0%→120%→100%，彈性緩動。
• 字母翻轉：Y 軸旋轉 -90°→0°，單字錯開 0.1s。
• 波浪變形：編輯 > 變換 > 扭曲，關鍵幀控制扭曲把手位置。
• 液化流動：濾鏡 > 液化 記錄為智慧濾鏡，動畫濾鏡蒙版/屬性。

類別三：雨滴/水珠融合文字

核心技法：文字選區載入 → 新圖層填色 → 濾鏡 > 噪點/鋸齒/風濾鏡製造水珠紋理 → 圖層樣式「倒角與浮雕」賦予水珠立體感 → 動畫「圖層樣式/位置/不透明度」模擬水珠滑落/凝聚/蒸發。

• 水珠凝聚成字：粒子從四周聚合成文字形狀。
• 文字滴落化水：文字逐字向下拉長、模糊、消失。
• 雨中文字：靜態文字上疊加動態雨滴層（參考前文雨滴動畫教學）。

類別四：滾動/跑馬燈文字系列

核心技法：超長文字圖層 + 位置關鍵幀水平/垂直移動 + 循環銜接處無縫處理。

• 水平跑馬燈：文字寬度 > 畫布 3 倍，位置從右移出左，首尾銜接無縫。
• 垂直公告欄：向上滾動，適合側邊欄公告。
• 圓形路徑文字：文字沿圓形路徑旋轉 (需路徑文字工具)。
• 雙向對向滾動：兩組文字相反方向滾動，視覺張力強。

統一輸出規格建議

參數	建議值	說明
畫布尺寸	依投放位置 (如 1200×400 px 横幅)	避免後端縮放失真
幀率	15~24 fps	流暢且檔案可控
幀數	20~60 幀	對應 1~3 秒循環
顏色	256 色 (自適應)	平衡畫質與體積
抖動	88% 擴散	減少色帶
循環	永久	標準 GIF 行為

從 GIF 進化到現代動效交付

GIF 易用但有色數限制、無 Alpha 透明、檔案大。現代工作流建議：

1. PS 設計靜態關鍵幀/風格框 → 導出圖層結構。
2. After Effects 重建動畫（或用 Bodymovin 外掛直接讀取 PS 圖層）。
3. 導出 Lottie JSON / dotLottie，前端 `` 直渲，體積 < GIF 1/10、支援真透明、可互動控制。
4. 或導出 WebP 動畫（支援 Alpha、壓縮率優於 GIF）。

但 GIF 依然是最通用、零門檻、即插即用的動圖格式。掌握 PS 原生 GIF 製作，是動效設計師的基本功，也是快速驗證創意的最佳工具。收藏這份合集，下次需要文字動畫，直接來取經！