本教程以一枚黃金足球圖標為例,詳細拆解從基礎幾何構建、六邊形/五邊形面片繪製、圖層樣式堆疊(倒角浮雕、內陰影、光澤、顏色疊加、投影等)到金屬質感營造的完整流程。適合 UI 設計師進階練習圖標質感表現與圖層樣式參數微調。
最終效果


關鍵製作節點圖解
以下圖示依次展示:基礎球體形狀構建、面片網格劃分、單獨面片圖層樣式設置、整體球體圖層樣式堆疊、高光與倒角細節參數、最終合成效果。







核心技巧總結
- 使用形狀工具組合(多邊形、橢圓)精確構建足球幾何拓撲。
- 每個面片獨立圖層,便於針對性調整倒角方向與高光角度。
- 圖層樣式中「倒角與浮雕」選「內部倒角」、「平滑」勾選「等高線」自定義曲線,營造金屬棱角。
- 「光澤」模式「線性減淡」,不透明度低,增加金屬反射細節。
- 「顏色疊加」用漸變金黃色,模式「疊加」或「柔光」融合底層紋理。
- 整體完成後,可轉為智能對象縮放不失真,複用於不同尺寸 UI。