需要快速生成可無縫平鋪、層次豐富的水波紋紋理？本教學展示一套「濾鏡生成隨機性 → 實時描圖向量化 → 簡化路徑優化 → 偏移路徑疊加層次」的全向量工作流，無需手繪、無需圖片素材，幾分鐘產出專業級水波紋紋理，適用於泳池場景、飲品海報、水上樂園品牌、UI 水波裝飾。

成品預覽

核心步驟

1. 基礎形狀與濾鏡生成隨機單元

• 矩形工具畫 5×5 英吋正方形、填 100% 青色 (C100)、無描邊。
• 複製在前（Ctrl+F） → 填白、無描邊。
• 白矩形選中 → 效果 → 紋理 → 染色玻璃：
  • 單元格大小：46
  • 邊界粗細：15
  • 光照強度：5

2. 實時描圖向量化

• 選中含效果物件 → 物件 → 擴展外觀（將濾鏡轉為像素圖像）。
• 控制面板 → 實時描圖 → 描圖選項：
  • 模式：黑白
  • 路徑擬合：1 px
  • 最小區域：1 px
  • 拐角角度：1°
  • ☑ 忽略白色
• 點擊「擴展」按鈕 → 獲得純向量黑白單元群組。
• 存為描圖預設，下次一鍵調用。

3. 簡化路徑優化效能

• 選中向量群組 → 物件 → 路徑 → 簡化：
  • 曲線精度：70%
  • 角度閾值：0°
• 填色：70% 青色 → 作為水波主層。

4. 偏移路徑疊加層次感

• 選中主層 → 物件 → 路徑 → 偏移路徑：-0.03 英吋 → 確定。
• 物件 → 取消群組 ×2 → 分離原始波紋與縮小波紋。
• 縮小波紋填 25% 青色 → 形成「波紋內部高光/次級波紋」。

5. 旋轉疊加增強立體感

• 複製原始波紋 → 置後（Ctrl+Shift+[） → 旋轉 90° → 填 85% 青色。
• 兩層波紋交疊形成類似水面折疊光影的豐富層次。

無縫平鋪化處理

1. 全選所有波紋層 → 群組。
2. 物件 → 圖案 → 建立 → 鋪貼類型「網格」、大小設為原始畫布尺寸（5×5 in）。
3. 微調邊緣單元確保無縫銜接 → 點擊「完成」存入色板。

應用場景與延伸

• 泳池/海景插畫：疊加於水體形狀，透明度 60-80%。
• 飲品凝結水珠背景：縮小尺寸、疊加高斯模糊、混合模式「疊加」。
• UI 載入動畫：SVG 匯出，CSS `stroke-dashoffset` 驅動波紋流動。
• 變體生成：修改染色玻璃參數（單元格大小 20-80、邊界 5-30）即得不同尺度波紋；改基底色得不同水體顏色。

工作流優勢總結

傳統手繪/圖片法	本教學向量濾鏡法
耗時長、難以無縫、放大失真	分鐘級、原生無縫、無限縮放
修改需重畫	參數即時調整、非破壞
色彩模式固定	隨時切換 CMYK/RGB/專色
檔案大 (高解析圖片)	檔案極小 (純向量路徑)

這套「濾鏡→描圖→簡化→偏移→疊加→成圖案」流程，是 Illustrator 程序化紋理生成的標準范式。掌握它，你就擁有了「無限紋理生成器」——木紋、石紋、布紋、雲紋，只需換濾鏡與參數，同一套流程全搞定！