效果展示

製作流程

1. 新建文件：550×250px，背景填深灰 #8B8B8B。
2. 繪製按鈕基礎形狀：圓角矩形工具，半徑 10px，形狀圖層模式繪製主體。

3. 圖層樣式構建金屬質感：
   • 內發光：模式「正常」，顏色深灰，不透明度 50%，大小 10px，模擬邊緣陰影。
   
   • 斜面與浮雕：外部凸起，平滑，深度 150%，方向「上」，大小 10px，光源角度 120°/高度 30°，高光模式「螢幕」白色 75%，陰影模式「正片疊底」灰色 50%。
   
   • 漸變疊加：線性，角度 90%，金屬漸變（深灰→淺灰→深灰→淺灰），不透明度 60%，模擬金屬拉絲反光條。
   
   • 描邊：1px，位置內部，漸變填充（邊緣高光漸變）。
   
4. 疊加班駁紋理增加真實感：放入金屬刮痕/噪點素材，置於按鈕形狀層上方，建立剪貼蒙版，模式「疊加/柔光」，不透明度 20-30%。

最終效果

參數速查表

樣式	關鍵數值	視覺作用
斜面與浮雕	外部凸起、深度150%、大小10px、光源120°/30°	主體金屬立體感
漸變疊加	多色標金屬漸變、線性90°、不透明度60%	拉絲反光條模擬
內發光	正常、深灰、50%、10px	邊緣陰影收口
描邊	1px內部、金屬漸變	銳利邊框高光
紋理疊加	疊加/柔光、20-30%不透明度	微觀刮痕真實感

設計原則

• 形狀圖層+樣式：向量可縮放，樣式參數化修改極快。
• 漸變疊加是金屬靈魂：至少 4 色標（暗-亮-暗-亮）模擬環形反光帶。
• 紋理疊加破解「電腦感」：純樣式過於完美，真實金屬有微觀刮痕、氧化斑，噪點/刮痕素材疊加瞬間提升質感。
• 光源統一：所有樣式光源角度保持一致（如 120°），否則會產生視覺矛盾。

快速複用

將按鈕圖層組存為智能對象，雙擊編輯形狀/文字；配合色相/飽和度調整圖層快速產出金/銅/槍灰等色系變體。