在 Adobe Illustrator 中，漸變網格工具既令人驚嘆又讓人困惑。它能將幾乎任何形狀轉換為網格形式，每個交叉點可單獨上色，極適合打造矢量立體光影效果。值此父親節，本教程將以繪製一雙老爸的舊皮靴為例，詳細講解漸變網格工具的應用技巧與高效工作流程，助你掌握這項強大功能，繪製精緻矢量插畫。原文授權翻譯自 tutsplus.com。

最終效果預覽

教程合作夥伴

感謝資深 CG 設計師兼講師 Itai Lustgarten 共同編寫。Itai 自 1990 年入行，長期在培訓學院與專科院校教授 Illustrator、Photoshop 及印前技術。

核心步驟詳解

1. 建立基礎網格

選取形狀（非複合形狀），從「物件」選單選擇「建立漸變網格」。在對話框中設定行數與列數。注意：網格線依形狀原始輪廓生成。

2. 添加網格點的替代方法

使用「網格工具」直接在形狀任意位置點擊，即可新增網格點。

3. 為網格上色

形狀轉為網格物件後，可用「網格工具」、「直接選取工具」或「套索工具」選取網格點，再從色板面板選色，或用「吸管工具」吸取參考圖顏色。

4. 移動網格點

選取網格工具或直接選取工具，點選網格點拖曳移動（按住 Shift 鍵可水平/垂直限制移動）。

5. 形狀網格優化策略

為獲得最佳網格效果，建議使用對稱形狀，因對稱形狀各邊網格點數相等。繪製複雜非對稱形狀時，可採用兩種方案：
方案一：先繪製矩形或橢圓轉為網格物件，再扭曲變形成目標形狀。
方案二：另繪一對稱形狀置於非對稱形狀上層，執行「剪貼蒙版」命令，利用網格線生成特性間接調整。

6. 置入參考圖片

下載靴子參考圖，以「模板」形式置入（取消「變暗圖像」選項），便於描繪。

7. 善用預覽與輪廓視圖切換

繪圖過程中需頻繁在「預覽」與「輪廓」視圖間切換。建立網格時 80% 情況下需切至輪廓視圖。下圖為輪廓視圖下的靴子完成圖。

8. 分層繪製流程

將圖片元素分層管理至關重要。可將鞋帶、鞋底等獨立放置於不同圖層。本教程從鞋底著手：重命名圖層 1 為「鞋底」。

9. 鞋底網格繪製實戰

1. 在輪廓視圖下，於鞋底左側繪製一矩形。
2. 使用網格工具 (U) 點擊矩形任一錨點，將其轉為網格物件且不新增多餘網格線。
3. 移動矩形右側兩個錨點至鞋底右側，利用控制桿微調形狀貼合輪廓。
4. 注意顏色過渡：新增的水平/垂直網格線顏色會在兩點間漸變。在底部網格線點擊新增垂直網格線，拖動網格點適應外形。
5. 持續調整網格點，使網格完全匹配鞋底形狀。
6. 使用吸管工具 (I) 吸取原圖顏色為網格點上色（建議在輪廓視圖下操作）。
7. 仔細觀察顏色轉換差異，再進行上色。
8. 檢視水平網格線，沿著顏色轉換形狀移動網格點。

教程內容尚未完整，後續步驟將繼續講解鞋面、鞋帶等細節繪製，以及最終的光影調整技巧。掌握漸變網格工具核心邏輯，配合耐心觀察與調整，即能創作出極具質感的矢量寫實插畫。