徽章設計是品牌識別系統中極具辨識度的元素。本教學示範如何純用向量形狀（多邊形工具）配合圖層樣式，零筆刷繪製，完成一枚擁有金屬倒角、邊框、紋理、壓紋文字的密封徽章。全程非破壞編輯，顏色、形狀、文字隨時可改，極適合建立品牌設計系統元件。

完成效果預覽

Step 1：背景質感鋪底

新建 400×150 px 文件。置入木紋材質圖，調整色階/曲線加深色調、增強對比，作為徽章陳列背景，增加真實感。

Step 2：多邊形工具繪製徽章外型

• 選取多邊形工具，選項欄：邊數 6~8（視喜好）、星形比例 0%（正多邊形）或 50%（星形徽章）。
• 按 Shift 拉出正多邊形，顏色任意（後續由圖層樣式決定）。

Step 3：圖層樣式構建金屬質感（核心）

雙擊徽章圖層，依序啟用並設定：

1. 倒角與浮雕：風格「外部倒角」、技巧「鑿刻硬度」、深度 250%、方向「向上」、大小 8~12 px、柔化 0、角度 120°、高光模式「螢幕幕」白 80%、陰影模式「正片疊底」深金 60%。→ 立體邊緣成形。
2. 描邊：大小 2~3 px、位置「外部」、填充類型「漸變」、漸變：深金→亮金→深金（角度 90°）。→ 金屬邊框。
3. 內發光：混合模式「正片疊底」、顏色深褐、擴域 10%、大小 15 px。→ 內凹陰影。
4. 漸變疊加：混合模式「疊加」、不透明度 30%、漸變：深金→亮金→深金（線性、90°）。→ 整體金屬色調。
5. 圖案疊加：選「金屬拉絲」或「噪點」圖案、不透明度 10%、縮放 50%。→ 表面微紋理。

Step 4：內圈白環與黑描邊

橢圓工具按 Shift 拉正圓（白色），置於徽章中心。圖層樣式：描邊 2 px、黑色、位置「內部」。形成經典密封徽章「雙環」結構。

Step 5：環形文字與中心文字

• 環形文字：橢圓工具拉路徑 → 文字工具點擊路徑輸入 → 字體 Arial Black、字距微調。或用「文字變形 > 弧形」快速成型。
• 中心文字：品牌名/年份/認證標語，字體同系列粗體，顏色金黃，加「倒角與浮雕」（內部、大小 3 px）產生壓印感。

最終成品

非破壞工作流優勢

• 換色：只改「漸變疊加」漸變編輯器顏色停，全徽章聯動更新。
• 改形：直接選擇工具 (A) 拉動多邊形錨點，圖層樣式自動適配新邊緣。
• 改字：雙擊文字圖層修改內容，環形路徑自動適應長度。
• 匯出：右鍵形狀圖層「匯出內容」為 SVG，網頁/印刷雙通吃。

延伸變化

• 邊數改 5 → 五角星徽章（警徽/勳章風）。
• 星形比例 50% → 齒狀徽章（工業/機械風）。
• 漸變改銀灰系 → 不鏽鋼/鉻金屬風。
• 加「外發光」紅色 → 發光徽章（賽博龐克/遊戲 UI）。

一套圖層樣式，千變萬化徽章。建立屬於你的「徽章樣式預設組」，下次接徽章專案，效率提升 80% 以上。