網格工具 (U) 是 Illustrator 中實現矢量 3D 立體著色的核心神器，也是公認最難掌握的工具之一。本教學將以經典的超級瑪利歐紅白蘑菇為例，手把手帶你從零構建網格、掌握套索選點、吸管取色、光影邏輯佈局，攻克網格工具陡峭學習曲線，獲得「矢量 3D 著色」這項硬核技能。

前置準備：畫布與線稿

• 新建 25×11 cm、RGB、300 ppi 文件。
• 顯示標尺 (Ctrl+R) 拉出垂直中心參考線。
• 橢圓工具 (L) + Shift 畫正圓作蘑菇頂。
• 鋼筆工具 (P) 繪製蘑菇頂輪廓 (右側保留直線段供後續鏡像)。
• 鋼筆工具繪製白點、臉部輪廓、下巴橢圓。
• 選取除中心線外所有線稿，Alt+Shift 拖動複製，右鍵 > 變換 > 鏡像 (垂直軸)，全選 > 路徑查找器 > 聯集，得完整對稱線稿。

色彩規劃：預設四大色系

• 臉部膚色：RGB(233,201,126)
• 蘑菇頂紅：RGB(196,0,1)
• 白點純白：RGB(255,255,255)
• 眼睛純黑：RGB(0,0,0)

網格工具入門練習：球體著色基本功

正式上蘑菇前，先在簡單圓形上練習：

1. 畫米色正圓。
2. 網格工具 (U) 點擊圓心建立首個網格點 (十字軸)。
3. 套索工具 (Q) 框選左上象限網格點。
4. 色板面板選深色 (側影)，或用吸管工具 (I) 從成品圖取色。
5. 右側象限同法取亮色 (高光)。
6. 反覆練習直到能流暢控制「點選 → 取色」節奏，理解網格點如何像像素矩陣一樣控制局部顏色過渡。

實戰：分區上網格與著色

策略：逐區域鎖定、逐區域上網格、逐區域著色，避免套索選點誤選鄰區。順序建議：臉部 → 蘑菇頂 → 白點 → 眼睛/嘴巴。

臉部網格與陰影

鎖定其他區域。網格工具在臉部建立對稱網格 (中心點對齊中心線)。套索選下半部點，填深棕色側影；上半部填亮膚色高光。利用吸管在畫面中取色，保持色相統一。

核心技巧總結

1. 網格點即像素：每個網格交點攜帶顏色資訊，密度決定過渡細膩度。
2. 套索選點是關鍵：像 PS 套索一樣框選區域網格點，批量上色。
3. 吸管取色 > 色板選色：直接在畫面成品區取色，自動匹配色相亮度，避免色差。
4. 對稱結構先行：中心線對齊、左右網格點對稱，著色時左右同步操作。
5. 耐心與疊加：複雜形狀需多層網格物件疊加 (如白點另疊一層網格物件)，而非單一物件強行佈滿所有細節。

網格工具雖難，但掌握後能創造出媲美 3D 渲染的矢量立體插畫，且保留無限縮放優勢。建議每天練習 15 分鐘簡單幾何體著色，兩週內即可建立肌肉記憶與光影直覺。