簡單文字加上絢麗色彩與閃爍動畫，立刻煥然一新。本教學詳細拆解：虛線邊框動態漸變、文字淡入淡出、雜色紋理閃爍、時間軸關鍵幀設定、GIF 輸出參數優化全流程。

最終效果預覽

製作流程

1. 建立基礎元素

新建黑底文件，矩形選區 → 轉路徑 → 文字工具輸入「-」構成虛線邊框 → 栅格化 → 添加「漸變疊加」樣式。

2. 疊加矩形條狀裝飾

新建圖層繪製選區填黑 → 選區收縮 2px 刪除 → 再次收縮 2px 刪除 → 添加對稱漸變疊加樣式，形成雙層邊框。

3. 輸入文字內容

4. 添加雜色紋理層

新建圖層填黑 → 【濾鏡】→【雜色】→【添加雜色】，做為閃爍基底。

5. 時間軸關鍵幀動畫製作

開啟時間軸面板，設定文檔幀率。
• 虛線邊框層：開啟圖層樣式關鍵幀，拖動漸變位置產生流動動畫。
• 矩形裝飾層：設定不透明度關鍵幀產生淡入淡出。
• 文字層：同樣設定不透明度關鍵幀逐行顯示。

6. 關鍵輸出設定

切換至幀動畫面板，將播放模式改為「永遠」，幀延遲設 0.01 秒，確保流暢循環。最後【存儲為 Web 所用格式】輸出 GIF。

完成作品

時間軸動畫優於幀動畫的優勢：可對圖層樣式（漸變角度、投影位置等）直接打關鍵幀，實現無法用圖層顯隱達成的連續變化效果。