網格漸變是 Illustrator 表現有機生物豐富色彩與柔和過渡的王牌功能。本教程以藍蝶、粉蝶、蜻蜓三種昆蟲為例，系統演示從輪廓構建、網格佈局、節點著色、到翅膀紋理營造、身體結構刻畫的完整流程，展現矢量寫實插畫的溫潤質感。

作品展示

核心方法論：分部件、分層次、分階段

• 分部件：翅膀（前/後、左/右）、身體、頭部、觸角、腳、翅脈分別獨立物件。
• 分層次：基礎色層 > 紋理/花紋層 > 高光層 > 陰影層 > 細節裝飾層。
• 分階段：輪廓 → 網格建立 → 大面著色 → 紋理刻畫 → 光影統一 → 細節補完。

藍蝶製作流程

1. 輪廓與基礎網格

• 鋼筆工具繪製前後翅、身體、頭部閉合路徑。
• 翅膀路徑執行「物件 > 建立漸變網格」，初始 4×4，邊緣設無色（透明）。
• 直接選擇工具 (A) 調整網格線貼合翅膀脈絡走向（向外輻射、沿邊緣平行）。

2. 翅膀網格著色與紋理

• 吸管工具 (I) 從參考照片取色關鍵色值（基底色、花紋色、邊緣色、高光色）。
• 網格工具 (U) 點擊添加節點於花紋中心、邊緣過渡帶。
• 每個節點精確著色：中心亮藍花紋、邊緣漸變透明、脈絡線條狀深色節點串聯。
• 前後翅、左右翅分別獨立著色，因光照角度不同，色彩分佈必須差異化。

3. 身體與頭部

• 身體：簡單徑向漸變（腹部亮、背部暗）+ 幾條深色描邊線條模擬體節。
• 頭部：球形漸變眼睛（白→深藍→黑，高光白點），觸角細線漸變粗細。

粉蝶差異化處理

• 翅膀花紋對稱：僅繪製半側翅膀，鏡像複製翻轉，大幅提升效率。
• 色系調整為粉/紫/白系統，花紋風格更幾何化/條紋化。
• 身體形態略微修長，觸角末端膨大。

蜻蜓：透明翅膀的網格挑戰

1. 複眼：球形漸變 + 多層疊加（外環透明→內核深色），模擬複眼結構。
2. 嘴部：細長三角形，金屬漸變。
3. 身體：分節漸變，腹部末端附肢細節。
4. 透明翅膀核心技法：
   • 翅膀輪廓填「無色」（完全透明）。
   • 建立漸變網格，僅在翅脈節點著色（淺藍/淺灰/白），翅膜區域節點保持 0% 不透明度。
   • 翅脈網格線沿翅脈走向佈局，節點顏色模擬翅脈陰影與反光。
   • 翅膀前緣/後緣添加極淡高光線條（白，螢幕模式）。

環境襯托

• 樹葉：橢圓 + 網格漸變（葉脈節點著色），複製變換大小旋轉組成叢林背景。
• 光斑：橢圓徑向漸變（白→透明），疊加混合模式「螢幕」。

專業網格插畫工作流建議

1. 參考圖分層：將高清參考圖置於底層，降低不透明度，鎖定。
2. 色板預建：從參考圖提取 20-30 個關鍵色建立專用色板組，命名規範（如「蝶翅_基底_亮」、「蝶翅_花紋_核心」）。
3. 網格模板化：常用翅膀形狀預製網格模板（含優化網格線走向），新物件套用模板再微調。
4. 非破壞疊加：紋理層、高光層、陰影層分離，混合模式疊加，隨時可調。
5. 定期簡化：每完成一部件執行「物件 > 路徑 > 簡化」（曲線精度 95%），控制檔案體積。

網格漸變插畫的精髓在於「節點即像素，邏輯即筆觸」——每一個網格節點的顏色與位置決策，都對應著真實物體表面的光學行為。掌握這套「結構化網格佈局 + 參考驅動著色 + 分層非破壞疊加」的方法論，你就能在矢量環境中自由描繪自然界的萬千色彩與質感。