萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 手繪教學

Photoshop 製作質感金幣圖標:倒角浮雕與金屬漸變核心技法

教學目標

用最精簡的圖層結構(3 個形狀圖層 + 1 組圖層樣式),產出具有厚度、倒角邊緣、金屬光澤、浮雕圖案的通用金幣圖標,適合遊戲 UI、金融 App、獎勵系統圖標快速量產。

最終效果

3 圖層構建法

  1. 金幣主體:橢圓工具 Shift 畫正圓形狀圖層,填色任意(後續填充 0%)。
    套用圖層樣式組「Gold_Coin_Base」:
    • 倒角與浮雕:外部、平滑、深度 250%、方向「上」、大小 10px(視圖標大小調整)、角度 90°/高度 30°、光暈模式「線性減淡」不透明度 70%、陰影模式「線性加深」不透明度 50%、輪廓「環形」。
    • 漸變疊加:線性、角度 90°、比例 100%、金屬漸變:#fff8dc (位置 0%) → #ffd700 (30%) → #b8860b (60%) → #ffdf00 (100%)。
    • 內發光:來源「邊緣」、摻雜「螢幕」、顏色 #fff8dc、噪點 5%、大小 3px(邊緣折射光)。
    • 描邊:1px、位置「內部」、填充類型「漸變」、漸變 #b8860b → #fff8dc → #b8860b(模擬側面倒角光影)。
    • 投影:距離 3px、大小 5px、不透明度 40%。
  2. 浮雕圖案(正面):橢圓工具畫略小正圓形狀圖層 → 填充 0% → 套用「倒角與浮雕」(外部、平滑、深度 100%、大小 5px)→ 「圖案疊加」(置入國徽/字元/數字等向量圖案、模式「正常」、縮放 50%)→ 「顏色疊加」(金色 #ffd700)→ 命名「Emboss_Front」。
  3. 浮雕圖案(背面):複製「Emboss_Front」 → 水平翻轉 → 替換圖案為背面花紋 → 命名「Emboss_Back」。

批量生產工作流

  1. 將上述 3 圖層存為圖層合併組或智慧物件。
  2. 新建美術板文件:每個畫板一種面值/年份/語系。
  3. 拖入智慧物件 → 雙擊編輯「Emboss_Front/Back」圖案內容 → 存檔 → 所有畫板自動更新。
  4. 腳本/動作批量導出 PNG/SVG/WebP 各尺寸。

變化延伸

  • 銀幣:漸變疊加改銀灰系(#e8e8e8→#b0b0b0→#808080),描邊同調。
  • 銅幣/古錢:漸變改銅色系 + 「圖案疊加」加入氧化綠斑紋理(模式「疊加」、不透明度 15%)。
  • 巧克力幣:漸變改巧克力棕系 + 「圖案疊加」金箔紙皺紋(模式「正片疊底」)。
copyright © 萬盛學電腦網 all rights reserved