利用 Photoshop「海洋波紋」濾鏡搭配幀動畫,能快速生成逼真噴泉水流動態。本教程採用多圖層疊加漸增波紋參數的方式,模擬水面波動與水柱擺動,完成後導出 GIF 即可用於網頁或簡報。
效果預覽


素材準備


製作步驟
- 建立圖層堆疊:開啟素材,Ctrl+J 複製 7 次,共 8 個圖層(含背景)。
- 選取水面區域:選最上層,進入快速蒙版 (Q),用畫筆塗抹水面與噴泉區,離開蒙版,Ctrl+Shift+I 反選,羽化 2px。


- 套用漸增海洋波紋:保持選區,依序對各圖層套用 Filter > Distort > Ocean Ripple,參數遞增:
- 圖層 1 副本6:大小 2、幅度 2
- 圖層 1 副本5:大小 3、幅度 2
- 圖層 1 副本4:大小 4、幅度 2
- 圖層 1 副本3:大小 5、幅度 2
- 圖層 1 副本2:大小 6、幅度 2
- 圖層 1 副本:大小 7、幅度 2
- 圖層 1:大小 2、幅度 2
- 背景:大小 2、幅度 2

- 建立幀動畫:開啟 Window > Timeline,選擇「Create Frame Animation」→ 選單「Make Frames From Layers」。

- 設定幀時間:全選幀,設 0.1 秒。
- 導出 GIF:File > Save for Web,調整尺寸、優化,存為 GIF。


完成作品


延伸應用
同邏輯可製作旗幟飄揚、火焰燃燒、煙霧飄散等有機流體動畫,關鍵在於「選區限制範圍」+「濾鏡參數漸變」+「幀序列播放」。