金色球形圖標是 UI 設計、品牌標識、榮譽勳章中的經典元素。本教程完整拆解從基礎球體構建、多層次光影樣式疊加、高光反射模擬到邊緣細節潤飾的專業製作流程,助你掌握「金屬質感表達」的核心邏輯。
一枚擁有真實金屬質感的 3D 球體:表面呈現豐富的環境反射條帶、頂部鋒利高光、底部柔和投影、邊緣倒角高光,質感極致逼真。
新建文件,背景深灰。橢圓選框工具按 Shift 繪製正圓選區,新建圖層填充 #B8860B(暗金色),置中。
為球體圖層添加以下樣式(參數請參考教程截圖,此處列核心邏輯):
• 斜面與浮雕:樣式「內部斜面」、技術「平滑」、深度 1000%、方向「上」、大小 100px 以上、柔化 0、光澤輪廓選「環形」並勾選「抗鋸齒」、高光模式「線性減淡(添加)」色彩淡黃、陰影模式「線性加深」色彩深棕——此為金屬球體立體感核心。
• 光澤:混合模式「篩選」,不透明度 75%,角度 120°,距離 0,大小 100px,輪廓「環形」,模擬頂部高光暈。
• 漸讀疊加:徑向漸讀,中心淡金 #FFD700 邊緣深金 #8B6914,模式「正常」,不透明度 30%,豐富球面色彩層次。
• 內發光:色彩深金 #8B6914,大小 30px,噪點 10%,增強邊緣厚度感。
• 投影:角度 120°,距離 10px,擴展 5px,大小 15px,模擬懸浮投影。
新建圖層剪貼球體層,模式「線性減淡(添加)」。小硬邊筆刷(硬度 80%),顏色純白/淡黃,繪製 2–3 條弧形高光帶(模擬窗戶/燈條反射),高斯模糊 2–3px,不透明度 60%–80%,極大提升真實感。
新建圖層置於球體下方,橢圓選區填充黑色,高斯模糊 15px,不透明度 40%,自由變換壓扁為橢圓投影。再新建圖層,大柔邊筆刷淡黃色點擊球體下方,模式「柔光」,模擬地面反射暖光。
新建圖層剪貼球體層,1px 硬邊白色筆刷沿球體最外緣點繪一圈高光(或用「選取 → 修改 → 收縮 1px → 反選 → 邊緣羽化 0.5px → 填白」),模式「線性減淡」,不透明度 50%,強化邊緣鋒利度。
避坑指南:
❌ 斜面浮雕深度不夠(<500%)→ 球體扁平。
❌ 光澤輪廓用預設「線性」→ 高光生硬無金屬感。
❌ 高光模式用「正常」→ 高光灰暗無發光感。
❌ 忽略環境反射條帶 → 真實感大打折扣。
✅ 所有參數以 100% 視圖實時預覽微調為準。
更多圖標設計與質感表現教程,關注三聯 Photoshop 專欄,群組:182958314。