愛心巧克力圖標是節日/電商/UI 設計高頻需求。本教學展示如何在 Illustrator 中從基本幾何體（橢圓+弧線）構建愛心形狀，運用形狀生成器、偏移路徑、內發光效果，純向量方式表現巧克力的立體質感、包裝紙反光、邊緣厚度，獲得可無限縮放的專業級圖標源文件。

構建邏輯：幾何分解與布爾運算

愛心形狀 = 兩個相切橢圓 (上圓弧) + 底部尖角 (由弧線連接) → 形狀生成器合併為閉合路徑 → 偏移路徑生成包裝紙/厚度層 → 效果賦予材質光影。

詳細繪製步驟

步驟 1：基礎幾何構建愛心輪廓（圖 1~3）

• 新建 800×800px 文檔，RGB
• 橢圓工具 (L) 繪製兩個相切橢圓，構成愛心上部雙圓弧
• 弧線工具 (從線段工具長按) 繪製底部連接兩橢圓的弧線，形成尖角
• 選中所有路徑 → 形狀生成器工具 (Shift+M) 點選內部區域合併 → 獲得完整愛心閉合路徑
• 填充巧克力基礎色（如 #4A2C2A 深棕），無描邊

步驟 2：偏移路徑生成包裝紙/厚度層（圖 4~6）

• 選中愛心路徑 → 對象 > 路徑 > 偏移路徑
• 偏移量：正值 (如 8px) 生成外擴包裝紙層；負值 (如 -4px) 生成內縮巧克力本體層
• 外層填充包裝紙色/漸變（如紅色系/金箔漸變），內層填充巧克力深色
• 圖層順序：包裝紙層(底) → 巧克力本體層(中) → 高光/裝飾層(頂)

步驟 3：內發光效果模擬巧克力立體質感（圖 7~8）

• 選中巧克力本體層 → 效果 > 風格化 > 內發光
• 關鍵參數：模式「正片疊底/疊加」，顏色深棕/黑 (#1A0F0A)，不透明度 50%~70%，模糊 5~15px，邊緣/中心 選「邊緣」
• 效果：邊緣自然過渡陰影，模擬巧克力厚度與圓潤體積感

步驟 4：最終效果與變體展示（圖 9）

• 包裝紙層可添加：漸變網格模擬皺褶反光、圖案填充(波點/條紋/Logo)、燙金效果(外觀面板疊加金色漸變+斜面浮雕)
• 巧克力層可添加：雜色濾鏡(極低量 1%~2%、單色、疊加模式)模擬可可顆粒
• 高光層：橢圓/筆刷繪製高光區，模式「疊加/顏色減淡」，不透明度 30%~60%
• 投影：效果 > 風格化 > 投影 (偏移 3~5px、模糊 5~10px、深灰、正片疊底)

參數化變體快速生成策略

1. 全局色彩：定義 `Chocolate_Base`、`Wrapper_Red`、`Gold_Foil` 全局色板，一鍵換色系
2. 圖形樣式庫：保存「巧克力本體樣式」「包裝紙樣式」「高光樣式」，新建形狀一鍵套用
3. 動作錄製：「生成愛心→偏移路徑→套用樣式→對齊分佈」全流程自動化
4. 符號變體：不同包裝紙圖案/顏色存為符號，符號噴槍快速佈局禮盒排版

同類「食品包裝圖標」舉一反三

題材	核心形狀構建	關鍵材質表現
棒棒糖	圓形 + 矩形棒柄 → 形狀生成器合併	糖果透明感(徑向漸變+透明度)、棒柄木紋/紙紋
餅乾	圓角矩形/多邊形 + 打孔(減去前面)	焦糖色漸變、邊緣酥脆感(粗糙化)、巧克力片(散佈符號)
冰淇淋	半圓(球) + 梯形(筒) + 球體堆疊	奶油漸變網格、筒體瓦楞紋理(線條圖案)、融化滴落(路徑變形)
蛋糕切片	三角形分層(海綿/奶油/果醬)	層次漸變、果醬透明感、裝飾水果(符號)、叉子反光

愛心巧克力圖標的向量構建，展示了「幾何邏輯構建形狀 → 偏移路徑生成層次 → 效果非破壞賦予材質 → 參數化系統化復用」的專業圖標設計方法論。這不只是畫一顆巧克力，而是建立一套「食品包裝圖標設計系統」的核心模塊。將這套邏輯內化為肌肉記憶，面對任何產品圖標需求，你都能從容應對。