效果預覽

靜態水面圖片轉化為動態水波紋 GIF，核心技術：百葉窗條紋置換 + 幀位移動畫。

核心原理

建立「百葉窗條紋遮罩」 → 以此遮罩剪切底圖產生水波紋圖層 → 利用「剪貼蒙版」綁定 → 時間軸幀動畫中逐幀位移遮罩/水波層 → 輸出 GIF。

詳細步驟

1. 準備底圖與基底層

1. 開啟素材圖 → Ctrl+J 複製背景層（命名「底圖」）。
2. 在「底圖」上用橡皮擦/蒙版擦除水面區域（保留岸邊/倒影等靜態部分），或直接保留完整底圖由後續蒙版控制顯示範圍。

2. 建立百葉窗條紋圖層

1. 新建圖層「條紋」 → 矩形工具畫一條長條矩形（寬約畫布寬、高 5–10 px）。
2. 切換「路徑選取工具」（A） → 按住 Alt 拖動複製條紋 → 重複 Ctrl+Shift+T (或 Ctrl+Alt+Shift+T) 快速填滿畫面，形成等間距百葉窗。
3. Ctrl+T 自由變換 → 右鍵「透視」/「扭曲」→ 將條陣列調整為透視收斂狀（近大遠小），模擬水面透視。

3. 產生水波紋圖層（剪貼蒙版核心步驟）

1. Ctrl 點擊「條紋」圖層縮略圖 → 載入條紋選區。
2. Ctrl+Shift+I 反選（選中條紋間隙）。
3. 選中「底圖」圖層 → Ctrl+J 透過複製生成「水波」圖層（僅保留條紋間隙像素）。
4. 選中「條紋」與「水波」兩圖層 → 點擊圖層面板鎖定圖標（鎖定位置防誤移）。
5. 在「水波」與「底圖」之間按住 Alt 點擊分隔線 → 建立「剪貼蒙版」（水波受條紋形狀裁切）。

4. 製作幀動畫

1. 開啟「時間軸」面板 → 「建立幀動畫」。
2. 幀 1：預設狀態。
3. 點擊「複製選定幀」 → 幀 2：選中「水波」圖層 → 移動工具（V）按 ↓ 向下位移 2–3 px（觀察畫面即時出現水波流動感）。
4. 選中幀 1 與幀 2 → 點擊「添加中間幀」→ 插入 18 幀（數值可調，幀數越多越流暢、檔案越大）。
5. 設定幀延遲 0.07 秒（約 14 fps），循環選「永久」。

5. 輸出優化

1. 「檔案 > 匯出 > 存儲為 Web (舊版)」(Alt+Shift+Ctrl+S)。
2. 格式 GIF、顏色 128/256、抖動 88%、透明度勾選（如有透明區）。
3. 「影像大小」若超過平台限制可縮放。點擊「儲存」。

變體擴展

• 多方向波浪：建立多組不同角度條紋陣列，分別剪貼蒙版，動畫中錯開位移時間/距離。
• 水面倒影動畫：倒影層同理建立條紋剪貼，位移方向相反，不透明度遞減。
• 雨滴擾動：在條紋層加「濾鏡 > 扭曲 > 波浪」隨機化邊緣，動畫中波浪參數逐幀微調。

結語

「百葉窗條紋 + 剪貼蒙版 + 幀位移」是 PS 製作流體動態的經典低成本方案。掌握此邏輯，火焰、煙霧、旗幟飄揚等週期性位移動畫皆可觸類旁通。關鍵在於條紋透視變形的真實度與幀間位移量的節奏感把控。