本教程詳解如何利用 Photoshop 動畫面板（時間軸）配合定義圖案蒙版，製作逼真的同心圓水波漣漪 GIF 動畫。核心突破在於將「水波濾鏡」的單次效果轉化為可循環的動畫幀序列。

關鍵技術點

• 基礎紋理製作：新建小尺寸文檔，上半部填黑下半部透明，定義為圖案，作為掃描線/漣漪基礎紋理。
• 濾鏡變形序列：對圖片圖層應用「濾鏡 → 扭曲 → 極坐標」（平面轉極坐標/極坐標轉平面）配合「旋轉畫布」、「風格化 → 風」濾鏡，產生放射狀漣漪變形。
• 蒙版控制顯示範圍：圖層蒙版限制漣漪作用區域，羽化邊緣自然過渡。
• 時間軸幀動畫：在動畫面板中逐幀記錄漣漪擴散位置、透明度變化，設置幀延遲（如 0.1 秒），啟用「補間」自動生成中間幀，實現平滑循環。
• 多層疊加增強：複製漣漪組，位移時間軸、調整縮放/旋轉/不透明度，疊加多組不同相位漣漪，豐富動態層次。

教程步驟詳盡（含 30+ 步驟截圖），涵蓋複製變換、濾鏡組合、畫布設置、裁剪、蒙版、動畫面板操作等核心工具，適合對 PS 動畫感興趣的設計師進階練習。

最終導出為 Web 所用格式（GIF），獲得流暢的水波動畫效果。