禮品包裝上的蝴蝶結是電商海報、賀卡設計、節日營銷的高頻素材。本教程展示如何用 Illustrator CS4 的漸變網格模擬錐形漸變（Ai 原生不支援錐形漸變），結合混合工具做邊緣厚度、路徑偏移做疊層，打造專業級緞帶質感。

成品：層層疊疊、光影真實、青花紋飾可替換的禮品包裝蝴蝶結

色彩系統：9 色標準色板

作者預定義 9 個 CMYK 色標，構建完整光影色彩體系：

• 基色：淺紅 #1 (C2 M83 Y73 K0)
• 高光：粉紅 #2 (C5 M64 Y52 K0)、淡桃紅 #3 (C0 M20 Y23 K0)
• 陰影：暗紅 #4 (C20 M95 Y91 K12)、淺棕 #5 (C30 M88 Y83 K30)、棕 #6 (C30 M92 Y91 K38)、棕 #7 (C33 M93 Y87 K46)
• 折疊深陰影：深棕 #8 (C37 M90 Y82 K58)、深棕 #9 (C44 M83 Y76 K68)

全部拖入色板面板，命名規範，全程僅用這 9 色，保證色彩絕對統一。

緞帶基礎單元：矩形漸變 + 混合厚度 + 旋轉 45°

1. 矩形工具 (M) 畫長條 → 填充線性漸變（按色板順序排列 9 色模擬緞帶起伏）
2. 上邊緣線：複製矩形置後 (Ctrl+C/B)，填充深棕 #9，向上平移
3. 陰影：複製漸變矩形置後 → 填深灰 → 再複製置後下移 + 透明度 0% → Object > Blend > Make 產生柔和投影
4. 全選群組 → Object > Transform > Rotate 45° → 獲得傾斜緞帶基礎單元

核心黑科技：漸變網格模擬錐形漸變（緞帶折疊面）

緞帶折疊處是錐形曲面，Ai 無原生錐形漸變。解決方案：

1. 鋼筆工具 (P) 繪製梯形路徑（折疊面近似形狀） → 填充線性漸變
2. Object > Expand > 選擇 Gradient Mesh → 獲得：剪切蒙版 + 漸變網格群組
3. 鎖定剪切蒙版圖層 → 直接選擇工具 (A) 拉動網格點向中心聚攏（按 Shift 保持垂直）
4. 調整網格線：垂直線拉直、水平線微調間距控制過渡平滑度
5. 轉換錨點工具 (Shift+C) 刪減/添加網格點，幾分鐘完成完美錐形漸變

蝴蝶結組裝：8+ 單元環形陣列 + 中心凸起 + 垂帶

1. 橢圓工具 (L) 畫橢圓填充線性漸變做中心結構
2. 用緞帶單元繞圓擺放 8+ 個（旋轉複製），層層疊加
3. 鋼筆工具繪製中心凸起折疊面（4 條參考線定位） → 旋轉便於網格編輯 → 同法做錐形漸變
4. 直線垂帶：鋼筆畫路徑 → 線性漸變 → 同法加厚度/陰影

可複用組件庫建議

• 將緞帶單元、折疊面、垂帶、中心結分別存為符號
• 建立圖形樣式：綁定 9 色色板、漸變參數、混合設置
• 動作面板錄製「生成蝴蝶結」動作：輸入徑數/大小/色相 → 自動陣列/著色
• 導出 SVG/Symbol Library，支援網頁/動態/印刷多端復用

這個教程的核心價值在於：用 Illustrator 現有工具組合（展開→網格→拉點），破解軟體原生不支援的「錐形漸變」。這種「工具駭客」思維，才是資深矢量設計師的核心競爭力。