效果預覽

本教學將示範如何利用 Photoshop 內建濾鏡，製作出三種極具視覺衝擊力的文字動畫效果：波形、扭轉、球面。核心邏輯相同，僅濾鏡不同，舉一反三輕鬆掌握。

扭轉效果：

球面效果：

核心原理

所有效果的製作流程完全一致，僅在第 7 步驟更換濾鏡：

• 波形 → 濾鏡 → 扭曲 → 波形
• 扭轉 → 濾鏡 → 扭曲 → 扭轉
• 球面 → 濾鏡 → 扭曲 → 球面

詳細製作步驟（以波形為例）

1. 建立文字圖層

新建 500×150 像素畫布，輸入文字並光柵化（右鍵選「光柵化文字」）。

2. 大量複製圖層

將文字圖層複製 26 份（共 27 層），關閉複製圖層的眼睛圖示（隱藏），僅保留最底層原始文字圖層可見。

3. 建立紅色方塊參考層

最底層新增圖層，繪製紅色方塊，寬度約為文字間空白寬度的兩倍，作為動畫位移的基準標記。

4. 幀動畫邏輯：紅塊移動 → 載入選區 → 套用濾鏡

第 1 幀：紅塊置中，文字圖層不變。
第 2 幀：將紅塊向左移動至中心對齊邊緣 → 選取「圖層 1 複製」 → Ctrl+點擊紅塊圖層載入選區 → 套用波形濾鏡（參考下圖參數）。

5. 循環操作產生後續幀

重複以下動作直到所有複製圖層處理完畢：

1. 選取紅塊圖層，按 V 切換移動工具，按住 Shift + 方向鍵 → 右移兩次（20 px），勿取消選區！
2. 選取下一個文字複製圖層（如「圖層 1 複製 2」），按 Ctrl+F 重複套用上一個濾鏡。
3. 循環執行上述兩步，直至第 27 幀完成。

關鍵提醒

• 紅塊移動時必須保持選區，否則濾鏡作用範圍會錯位。
• Ctrl+F 可快速重複上一個濾鏡，大幅提升效率。
• 若要製作扭轉或球面效果，僅需在第 7 步驟更換濾鏡，其餘流程不變。

輸出 GIF 動畫

完成所有幀後，開啟 視窗 → 時間軸，建立幀動畫，設定幀延遲（建議 0.05–0.1 秒），選擇「永遠」循環，最後執行 檔案 → 另存為 Web 適用格式，選擇 GIF 輸出即可。