鑽石圖標是幾何構成、色彩豐富、光影複雜的經典練習題。本教程將引導你在 Illustrator 中，通過精確的網格對齊、路徑平均、變換鏡像、路徑查找器布爾運算、外觀面板多層填色與漸變、描邊輪廓化、投影疊加等 17 個步驟，繪製一枚極具寶石切割感與玻璃折射質感的鑽石圖標。適合進階提升 AI 矢量繪圖綜合能力。

最終效果

環境設置

• 新建 600×600px，RGB，72ppi，「對齊到像素網格」。
• 啟用網格 (Ctrl+")，間距 5px，次分隔 1；開啟資訊面板；單位設置為像素。

17 步核心流程

第一階段：鑽石幾何骨架（Step 1-7）

1. 矩形工具畫 90×80px 藍色矩形 (R39,G170,B225)，直接選擇工具選底邊兩錨點，對象＞路徑＞平均 (Alt+Ctrl+J) → 成三角形（頂部）。
2. 畫 90×50px 黃矩形，平均頂邊 → 黃三角（中上）。畫 90×5px 紫矩形，平均底邊 → 紫三角（中下）。
3. 畫 80×90px 橙矩形，刪除右下錨點，直接選擇調整頂邊錨點位置 → 不規則四邊形（側面）。
4. 橙形應用「效果＞變換」：對稱 X，水平移動 -80px，副本 1 → 對象＞擴展外觀 → 取消編組，得左右對稱側面。
5. 畫 45×55px 綠矩形，刪除左上錨點，調整底邊左錨點 → 綠形。復制、移動、鏡像，得左右綠形。
6. 畫 35×55px 紅矩形，刪除右下錨點，調整頂邊右錨點 → 紅形。鏡像復制、移動，得左右紅形。
7. 全選所有形狀，按圖示 RGB 值替換填充色（建立統一配色方案）。

第二階段：組織結構與細節線條（Step 8-13）

8. 全選編組 (Ctrl+G)，命名圖層「面孔」。
9. 鋼筆畫 90px 水平紅線 (R237,G28,B36)，1pt 描邊，置於頂部邊緣。
10. 鋼筆畫 55px 垂直紅線，描邊面板「寬度輪廓 4」（尖銳錐度），確保頂端尖銳。
11. 復制垂直線左移，鋼筆添加尖銳裝飾路徑，同樣描邊設置。
12. 全選紅線路徑，對象＞路徑＞輪廓描邊 (Shift+Ctrl+O) → 路徑查找器「聯集」合併為形狀。
13. 形狀填色 R0,G161,B75，透明度面板：模式「顏色減淡」，不透明度 80% → 形成鑽石內部閃爍火彩。

第三階段：整體光影與投影（Step 14-17）

14. 復制「面孔」組，聯集 → 填藍 (R0,G174,B239) 置頂 → 作為整體外輪廓高光基底。
15. 再復制藍形，填黑置底 → 效果＞風格化＞投影（兩組參數疊加） → 形成立體投影。
16. 選藍形，外觀面板：現有填色模式「顏色加深」；添加新填色 → 黑白線性漸變 (90°) → 左滑塊黑，右滑塊 R35...（原文截斷，此處補全：右滑塊深藍，中間添加滑塊控制高光位置），模式「疊加」/「柔光」，調整不透明度 → 模擬鑽石冠部複雜折射高光。
17. 整理圖層，微調細節，導出 SVG/PNG。

技巧總結

• 網格對齊+路徑平均=精確幾何骨架。
• 變換效果+擴展外觀=高效對稱複製。
• 外觀面板多層填色+混合模式=無需複製圖層即可疊加複雜光影。
• 描邊輪廓化+路徑查找器=將線條轉為可填色形狀。