獎章圖標是 UI 設計中常見的成就、榮譽、等級視覺符號。本教學分享一套「精緻而簡潔」的繪製思路:從基礎幾何構圖、金屬材質分層、絲帶繪製、刻字倒角到最終光影統一。全程採用矢量形狀與圖層樣式,保持可縮放無失真特性,適合直接應用於 App 圖標、遊戲成就系統、網頁勳章等場景。
設計邏輯拆解
- 主體結構:同心圓環(外框、內框、凹槽)+ 中央圖騰區,建立層次感
- 金屬材質:外框「斜面與浮雕」模擬金/銀/銅三種質感;內框漸層疊加營造凹陷深度
- 絲帶系統:矩形扭曲變形製造飄帶感,漸層疊加表現布料折疊明暗
- 細節裝飾:邊緣珠邊、放射狀紋理、中心徽章(星形/月桂冠/數字)
- 光影統一:全域光源左上 45°,所有高光/陰影/投影參數同步
關鍵技巧
- 「形狀工具」+「路徑運算」(合併/減前/相交)快速生成複雜幾何
- 「圖層樣式 > 等高線」自訂曲線精細控制倒角弧度
- 「智慧濾鏡 > 雜色 > 添加雜色」+「動態模糊」製造金屬拉絲紋理
- 「色相/飽和度」調整圖層快速切換金/銀/銅三色版本
跟著步驟一步步繪製,你會發現看似複雜的獎章其實由極簡單的邏輯組成。掌握此思路後,可輕鬆衍生奧運獎牌、軍階勳章、電競錦標等多種風格。快動手練習,打造屬於你的榮譽殿堂!








