本教學示範如何從零繪製流動河面動畫：矩形填色 → 波浪濾鏡變形 → 縮放複製拼接無縫長圖 → 動畫面板位移補間 → 剪貼蒙版限制顯示範圍 → 垂直微動增強真實感。流程清晰，適合學習「濾鏡變形+幀動畫」結合應用。

最終效果預覽

製作步驟

1. 建立基礎水面紋理

新建文件，新建圖層矩形選區選半邊填色。執行【濾鏡】→【扭曲】→【波浪】設定參數產生波紋。

2. 製作無縫長條水面

Ctrl+T 縮小 50%，複製圖層接在右側，調整寬度與畫布等寬（900px），合併圖層得無縫平鋪水面長圖。

3. 動畫文件與文字排版

新建 450×100 px 文件，輸入粗體文字，開啟動畫面板。

4. 導入水面並設定位移動畫

拖入水面長圖左對齊。複製幀，按 Shift 移動工具將水面向左拖動至尾部右對齊。點第 1 幀「過渡」，設定過渡幀數（如 5 幀），自動生成流動補間。

5. 剪貼蒙版限制顯示區域

水面圖層右鍵「創建剪貼蒙版」，使水面僅在文字區域顯示。

6. 垂直微動增強真實感

選定水面圖層，在第 1 幀按方向鍵向下微移幾像素，後續幀自動跟隨變化，模擬水面上下起伏。

7. 輸出 GIF

【檔案】→【存儲為 Web 所用格式】輸出。

完成作品

「無縫長圖 + 水平位移補間 + 垂直微動」三重動態疊加，讓靜態波浪濾鏡效果瞬間擁有真實流動生命力。