漸層網格是 Illustrator 賦予平面物件立體光影的利器。本教程以一朵清新五瓣花為例，詳細拆解「定界框放置策略、網格線佈局邏輯、關鍵錨點配色」三大核心技巧，帶你從零構建出擁有豐富明暗層次、高光自然過渡的向量花朵。適合想深入掌握 Mesh Tool 實戰應用的設計師。

成品效果

關鍵技巧總覽

• 鋼筆工具精準勾勒花瓣輪廓
• 定界框決定網格走向：水平方向主導漸層流向
• 直接選擇工具逐點調色：中間帶加深、邊緣提亮
• 圖層疊序控制花瓣前後遮蓋關係

步驟詳解

步驟 1：勾勒五片花瓣輪廓

用鋼筆工具 (P) 依序繪製五個花瓣路徑，注意頂點與凹陷處的錨點數量要一致，利於後續網格對應。完成後依花瓣疊序排列圖層。

步驟 2：建立漸層網格與定界框策略

對每片花瓣執行「物件 › 建立漸層網格」，關鍵在於定界框的放置：網格線走向受定界框水平方向影響，因此請將定界框旋轉至與花瓣主軸平行，並調整大小使其緊貼花瓣邊緣。如此網格線才會順著花瓣生長方向自然分佈，避免出現扭曲的色塊。

步驟 3：逐點著色塑造立體感

1. 整體填入基礎粉紅。
2. 直接選擇工具 (A) 選取中間一組三條網格線的交點，向深粉調整，形成花瓣中央凹陷的陰影帶。
3. 選取右上邊緣的高光點，提亮至近白，模擬光源反射。
4. 其餘四瓣同理操作，依光源方向微調高光位置。

步驟 4：組合花瓣、繪製花莖

按圖層順序疊放五瓣，用鋼筆工具畫出花莖路徑，套用綠色線性漸層，完成整體構圖。

進階練習建議

• 嘗試不同定界框角度，觀察網格走向對質感的影響。
• 引入多組互補色 (如黃綠高光) 豐富色彩層次。
• 結合「不透明度蒙版」製作花瓣邊緣半透明質感。

小結

漸層網格的精髓在於「定界框導向網格、網格點承載色彩」。熟練掌握這兩點，就能將任何有機曲面 (花瓣、果實、皮膚) 轉化為擁有真實光影的向量插畫素材。