前言：網格填充——讓矢量擁有照片級質感

Illustrator 的「漸變網格」能創建不受形狀限制的平滑色彩過渡，是打造逼真產品渲染圖的核心利器。本教程以紅酒海報為例，演示如何將簡單矢量路徑透過網格工具轉化為擁有玻璃質感、液體折射、金屬瓶蓋光澤的視覺主體。教程配套練習文件請至原網站下載。

素材準備

打開配套 `背景.ai`，圖層結構：
- 底層：紅色背景矩形
- 中層：酒瓶輪廓路徑（無填無描邊）
- 頂層：文字裝飾、投影（隱藏）

核心步驟

1. 背景氛圍：紅色矩形加網格

選中紅色背景層 → 「物件」→「創建漸變網格」，設定行列數（如 10×10），用直接選取工具調整邊緣網格點貼合畫布，並調整角點顏色營造暗角/聚光效果。

2. 酒瓶主體：鎖定背景，顯示酒瓶層

鎖定「背景」層，顯示並選中「酒瓶」層路徑。取消描邊，填充基礎紅色（酒液顏色）。

3. 酒瓶網格建構：網格工具 (U) 逐點佈網

在酒瓶路徑內部點擊添加網格線。策略：
- 先按主要結構分界（瓶頸、瓶肩、瓶身、瓶底）添加十字網格。
- 再在高光、反光、折射區局部加密。
- 輪廓模式 (Ctrl+Y) 下拖動網格點精準貼合瓶身曲面。

4. 逐點上色：吸管工具 (I) 參考真實酒瓶圖

置入高清酒瓶參考圖作模板。輪廓模式下選中網格點 → 切預覽模式吸管取色 → 切回輪廓選下一點。關鍵區域：
- 瓶頸高光：高亮淡黃/白
- 瓶肩折射：環境色映射
- 酒液體積：深紅→中紅→高光紅漸變
- 瓶底厚玻璃：深綠/褐漸變
- 金屬瓶蓋：金/銀層疊漸變+高光線

5. 批量吸色與網格點微調

直接選取工具框選多個同色調區域網格點 → 吸管工具一次性吸取參考圖對應區域平均色。再微調網格點位置，擴大/縮小色彩影響範圍，消除機械網格感。

6. 圖層排序與最終合成

顯示「文字裝飾」與「投影」圖層，調整酒瓶圖層順序置於背景之上、裝飾之下，完成海報主視覺構建。

網格寫實產品圖通用方法論

1. 結構先行：網格線走向必須遵循物體結構邏輯（如圓柱體網格線沿經緯線），而非機械均勻分佈。
2. 參考圖是色彩字典：高清參考圖 + 模板圖層 + 輪廓/預覽雙模式切換 = 精準取色。
3. 分層隔離：每個材質/部件獨立圖層獨立網格，避免網格線相互干擾，便於後期局部修改。
4. 從大關係到微細節：先用極少點定大色塊，再局部加密處理高光/陰影/材質紋理。
5. 網格點即筆觸：移動網格點 = 調整筆觸方向；調整控制手柄 = 調整筆觸柔硬。