Illustrator CS5 引入的「寬度工具」讓描邊寬度可在路徑上任意位置非破壞性調整，CS6 更支援「漸變描邊」，使單一路徑即可表現複雜體積變化與材質過渡。本教程以化妝品瓶為例，展示如何用 2 條路徑 + 寬度工具 + 漸變描邊 + 外觀面板疊層，在極短時間內產出商業級產品渲染圖，並提供可擴展的瓶身建模系統化思路。

核心工具組合

• 寬度工具 : 路徑上任意點雙擊添加寬度點，拖動調整雙側寬度，Alt/Option 拖動單側調整，Shift 拖動等比調整雙側。寬度點可複製、刪除、數值輸入精確控制。
• 漸變描邊 : 描邊面板「類型」選「線性/徑向漸變」，色標位置對應路徑長度百分比，完美貼合瓶身曲面色彩變化。
• 外觀面板疊層 : 單一路徑疊加多重填色/描邊/效果，構建瓶身、瓶蓋、標籤、高光、投影完整視覺層次。

化妝品瓶 6 步速成流程

步驟 1：色板與漸變預設 (效率基石)

• 建立全局色：`Bottle/Body/Base`、`Bottle/Body/Highlight`、`Bottle/Cap/Metal`、`Bottle/Label/Accent` 等。
• 建立漸變色板：`Grad/Body/Vertical` (垂直體積漸變)、`Grad/Cap/Metal` (金屬環境反射)、`Grad/Label/Gloss` (標籤亮面)。

步驟 2：瓶身主路徑 + 寬度工具建模

1. 鋼筆工具畫一條垂直線 (瓶身中心線)，或直線工具按 Shift 畫直線。
2. 套用 `Grad/Body/Vertical` 為「漸變描邊」，描邊寬度設基礎值 (如 40pt)。
3. 選取寬度工具，在路徑對應瓶頸、瓶肩、瓶身、瓶底位置添加寬度點，拖動調整雙側寬度，幾秒鐘完成瓶身輪廓建模。漸變自動隨寬度變化流暢過渡，無需封套扭曲。

步驟 3：瓶蓋同邏輯建模

4. 新路徑畫瓶蓋中心線 (較短)，套用 `Grad/Cap/Metal` 漸變描邊，寬度工具調出蓋頂平面、側壁、螺紋建議輪廓。

步驟 4：細化瓶蓋細節 (外觀面板疊層)

5. 瓶蓋路徑複製置前，移除漸變描邊，改填灰色線性漸變 (頂面高光)。
6. 外觀面板「新增填色」→ 效果 > 路徑 > 偏移路徑 -1pt (內縮) → 填更深灰漸變 → 效果 > 扭曲與變換 > 變換 向上位移 1pt → 添加「投影」效果 (距離 1px、模糊 2px、正片疊底 30%)，瞬間獲得立體頂面邊緣。

步驟 5：瓶身投影與倒影修正

6. 瓶身主路徑添加「投影」效果，但僅需底部投影。解決方案：複製瓶身路徑，物件 > 裁切蒙版 > 建立 (以矩形遮罩僅露出底部區域)，或用「剪刀工具」切開路徑僅保留底部段落套用投影。
7. 倒影：整體群組複製、垂直翻轉、不透明度 20%、漸變遮罩 (白→黑) 淡出。

系統化延伸：瓶身建模參數化組件庫

• 路徑模板庫： 直身瓶、曲身瓶、方肩瓶、圓肩瓶、噴霧泵瓶、滴管瓶……每類一條標準化中心線路徑 (含預設寬度點位置)。
• 漸變色板系統： 按材質分類：`Material/Glass/Clear`、`Material/Plastic/PET`、`Material/Metal/Aluminum`、`Material/Ceramic/Matte`，各含基底/高光/陰影/環境反射 4 組漸變。
• 外觀樣式庫： `Bottle/Body/Default`、`Bottle/Cap/Screw`、`Bottle/Label/Wrap`、`Bottle/Effect/Shadow`、`Bottle/Effect/Reflection`，單一路徑一鍵套用完整視覺。
• 腳本批量生成： 輸入參數 (高度、最大寬度、頸長、材質類別)，腳本自動生成路徑、套用樣式、輸出多角度渲染圖 (正視/側視/45°/頂視)。

版本相容性說明

• CS5–CS6： 僅支援「寬度工具」調整描邊寬度，漸變僅能用於填色。變通：用矩形/封套扭曲模擬漸變描邊效果。
• CC 2014+： 完整支援「漸變描邊」 (線性/徑向/自由)，本教程流程完美適用。
• CC 2019+： 新增「自由漸變」描邊，可在路徑任意點放置色標，更貼合複雜曲面色彩分佈。

寬度工具 + 漸變描邊 + 外觀面板，構成了 Illustrator 中最高效的「單路徑建模」鐵三角。掌握此工作流，產品概念圖、包裝渲染、技術插圖、圖標族群的生產效率將提升 5–10 倍，並保持完全向量可編輯、無限縮放、易於動畫化的核心優勢。