漸變網格是 Illustrator 表現複雜有機光影、質感的核心利器。本教學透過完整案例,從網格建立、網格點操控、色彩過渡邏輯到常見陷阱避坑,系統性拆解漸變網格的實戰運作機制。
案例效果預覽
核心知識體系
1. 網格建立三法
- 物件 > 建立漸變網格 (指定行列、外觀: 平面/球體/圓柱)。
- 漸變網格工具 (U) 直接在形狀內點擊添加網格線/點。
- 物件 > 擴展 (含漸變網格選項) 將漸變填色轉為可編輯網格。
2. 網格點與網格線操控
- 選取:直接選取工具 (A) 點選網格點/網格面/網格線段。
- 移動:拖曳網格點重塑形狀與色彩分佈;Shift 鍵限制水平/垂直/45° 移動。
- 增刪:網格工具點擊無網格處添加;Alt+點擊網格線刪除該線;Delete 刪除選取點/線。
- 控制桿:每個網格點擁有四向控制桿,調整桿長/角度即控制漸變過渡曲率 (類似貝茲曲線)。
3. 色彩著色邏輯
- 選取「網格面」或「網格點」 → 點擊色板/色彩面板套用色彩。
- 相鄰點同色 → 純色區;異色 → 自動生成雙向漸變過渡區。
- 新增網格點預設沿用當前填色,利於快速佈局同色系區塊。
4. 進階技巧
- 透明度控制:網格點無透明度屬性,需配合「不透明蒙版」或「圖層透明度」實現半透明效果。
- 封套扭曲配合:完成網格著色後,套用「物件 > 封套扭曲 > 使用網格建立」進一步扭曲整體形狀,網格隨形變保持光影邏輯。
- 圖像描圖輔助:置入參考照片 → 圖像描圖 (高保真) → 展開 → 取樣網格點顏色 → 反向重構乾淨網格結構。
5. 常見陷阱與對策
| 問題 | 成因 | 對策 |
| 網格線混亂錯結 | 基礎形狀錨點過多/不規則 | 先簡化路徑 (物件 > 路徑 > 簡化) 再建網格 |
| 色彩過渡生硬/斷層 | 網格點間距過大/控制桿未調 | 加密網格點、拉長控制桿平滑過渡 |
| 無法套用扭曲/變形效果 | 網格物件不支援即時效果 | 改用封套扭曲、或完成後再建網格 |
| 檔案龐大、操作卡頓 | 網格點過萬、嵌入高解析圖片 | 分區建網格、用符號複用、鏈結而非嵌入圖片 |
漸變網格是「數位油畫筆」,掌握「點、線、面、桿、色」五要素交互關係,配合耐心觀察與微調,即能在矢量環境下繪寫出攝影級的光影質感。