本教程以一枚練習圖標為例，示範如何在 Illustrator CS5 中運用圓角矩形、線性漸層模擬金屬質感、縮放複製構建高光層次、路徑尋找器分割與合併、偏移路徑生成外描邊，完成一枚具備金屬質感、高光細節與黑色外框的精致圖標。

製作步驟詳解

1. 基礎形狀與金屬漸層

• 圓角矩形工具點擊畫板，設定圓角半徑建立基礎形。
• 漸層面板設「線性漸層（上至下）」，配色模擬金屬（如深灰-淺灰-深灰）。
• 描邊設白色 1pt，增強邊緣反光。

2. 疊層構建立體感

1. 同法繪製第二圓角矩形（稍大），同樣金屬漸層+白描邊。
2. 選取第二形狀，「右鍵 > 變換 > 縮放」，均勻縮放 98%，點「複製」獲得高光層。
3. 高光層同樣金屬漸層，全選對齊面板「水平/垂直置中」。
4. 再次縮放 85% 複製，上移適當距離，置於最底層（Ctrl+Shift+[），形成底部陰影/厚度感。

3. 高光分割與微調

1. 直線工具在高光層畫一條水平線。
2. 選中高光層與直線，路徑尋找器「分割」，獲得上下兩片。
3. 直接選取工具分別填充不同漸層（上淺下深），再將下片向下移 1px（按 ↓），增強層次分明度。

4. 細節元素疊加

• 重複「圓角矩形+金屬漸層+白描邊」建立細節條塊，複製一份置下、填白、向左下位移 1px，產生凸起立體感。
• 持續疊加細節層，保持光源一致（左上光源）。

5. 標誌性圖形與外框

1. 星形工具繪製五角星，加漸層色，對齊置中。
2. 全選群組（Ctrl+G），Alt 拖動複製整組。
3. 路徑尋找器「合併」→「展開」成單一複合路徑。
4. 「物件 > 路徑 > 偏移路徑」外擴 2px，刪除原合併形狀，保留外擴形狀填黑色，置於最底層（Ctrl+Shift+[），對齊完成黑色外框。

技巧精華

1. 縮放複製法建立高光/陰影層：比手繪更精準，保持幾何相似性。
2. 路徑尋找器「分割」拆解高光：將單一高光層拆為明暗兩面，配合 1px 位移產生銳利邊緣。
3. 偏移路徑生成外框：比描邊更可控，可獨立編輯顏色、透明度、效果。
4. 圖層順序管理：Ctrl+[/Ctrl+] 快速調整疊序，構建「底陰-主體-高光-細節-外框」清晰層級。

輸出建議

• 導出透明 PNG-24，供網頁/UI 直接使用。
• 如需 .ico，置入 Photoshop 銳化後用 IconWorkshop 生成多尺寸圖標檔。
• 保留 .ai 源檔，便於後續調整顏色、比例、細節。