教學目標
用最精簡的圖層結構(3 個形狀圖層 + 1 組圖層樣式),產出具有厚度、倒角邊緣、金屬光澤、浮雕圖案的通用金幣圖標,適合遊戲 UI、金融 App、獎勵系統圖標快速量產。
最終效果
3 圖層構建法
- 金幣主體:橢圓工具 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%。
- 浮雕圖案(正面):橢圓工具畫略小正圓形狀圖層 → 填充 0% → 套用「倒角與浮雕」(外部、平滑、深度 100%、大小 5px)→ 「圖案疊加」(置入國徽/字元/數字等向量圖案、模式「正常」、縮放 50%)→ 「顏色疊加」(金色
#ffd700)→ 命名「Emboss_Front」。
- 浮雕圖案(背面):複製「Emboss_Front」 → 水平翻轉 → 替換圖案為背面花紋 → 命名「Emboss_Back」。
批量生產工作流
- 將上述 3 圖層存為圖層合併組或智慧物件。
- 新建美術板文件:每個畫板一種面值/年份/語系。
- 拖入智慧物件 → 雙擊編輯「Emboss_Front/Back」圖案內容 → 存檔 → 所有畫板自動更新。
- 腳本/動作批量導出 PNG/SVG/WebP 各尺寸。
變化延伸
- 銀幣:漸變疊加改銀灰系(
#e8e8e8→#b0b0b0→#808080),描邊同調。
- 銅幣/古錢:漸變改銅色系 + 「圖案疊加」加入氧化綠斑紋理(模式「疊加」、不透明度 15%)。
- 巧克力幣:漸變改巧克力棕系 + 「圖案疊加」金箔紙皺紋(模式「正片疊底」)。