教程標籤

Vectips 紋理週專題 | 軟件：AI CS3+ | 僅列 Win 快捷鍵 | 難度：入門 | 耗時：約 10 分鐘

最終效果

核心技術棧

• 效果 > 紋理 > 染色玻璃：程序化生成不規則單元格
• 實時描摹：將光柵效果向量化
• 路徑 > 簡化：減少錨點優化性能
• 路徑 > 偏移路徑：生成內縮副本構建層次
• 圖層疊加與旋轉：疊加不同色相層次豐富視覺深度

詳細操作步驟

1. 基礎幾何體建立

• 矩形工具 (M) 點擊畫布輸入 5 × 5 英吋
• 填充 100% 青綠色 (C100 M0 Y0 K0)，無描邊
• Ctrl+C Ctrl+F 原地複製，副本填充白色

2. 染色玻璃效果生成細胞紋理

• 選中白色矩形 → 效果 > 紋理 > 染色玻璃
• 參數：單元格大小 46 / 邊界粗細 15 / 光照強度 5

3. 實時描摹向量化

• 物件 > 擴展外觀：將效果展開為路徑群組
• 控制面板 → 實時描摹 > 描摹選項 設置：

參數	值
模式	黑白
路徑擬合	1 px
最小區域	1 px
拐角角度	1
忽略白色	✓ 勾選

• 點擊工具欄 擴展 按鈕確認描摹
• 技巧：在描摹選項面板保存預設，便於複用

4. 路徑簡化優化性能

• 選中描摹後的紋理群組 → 物件 > 路徑 > 簡化
• 曲線精度 70%、角度閾值 0 → 確定
• 色板面板將填充色改為 70% 青綠

5. 偏移路徑構建雙層波紋

• 物件 > 路徑 > 偏移路徑，偏移值 -0.03 英吋
• AI 自動生成內縮副本 → 物件 > 取消編組 執行兩次，分離原始與縮小紋理
• 選中縮小紋理 → 填充 25% 青綠

6. 疊加旋轉增強層次感

• 複製原始紋理 (70% 青綠) → Ctrl+B 粘貼到底層
• 旋轉 90° → 填充 85% 青綠
• 三層不同色相、不同方向的波紋疊合，瞬間擁有泳池級水面質感

避坑指南與延伸應用

• 保存圖形樣式：將三層紋理結構存為 Graphic Style，一鍵套用至任意形狀
• 動態編輯：因使用實時效果與外觀面板，隨時可回頭調整單元格大小、偏移量、色相
• 導出靈活：可導出 SVG 供 Web 直接使用，或導出高解析 PNG 供印刷

這套「程序化生成 → 向量化清洗 → 參數化疊加」的工作流，不僅適合水波紋，同樣適用於蜂窩、裂紋、幾何馬賽克等各類幾何紋理的快速產出。