設計拆解

按鈕結構層級：背景紋理 → 底層（圓角矩形主體） → 反光（底部橢圓） → 紋理（柔光模式疊加） → 高光（四邊線條＋頂部半圓） → 文字/圖標。模組化設計，各層可獨立替換主題色。

參數化製作

1. 背景氛圍

600×600px、72dpi → 徑向漸變圖層（深色系） → 紋理圖層疊加（降低不透明度），建立遊戲 UI 典型深色質感底。

2. 按鈕底層：圖層樣式全搞定

圓角矩形工具（CC 版屬性面板即時調整圓角） → 圖層樣式：
斜面浮雕（內斜面、平滑、深度 100%、大小 10px、光澤等高線「環」）
描邊（1px、內部、漸變金屬色）
內陰影/內發光/色彩疊加/漸變疊加/外發光（參數見圖）
一鍵得金屬質感立體按鈕基底。

3. 底部反光帶

新建圖層 → 橢圓選區置於按鈕底部 → 羽化 5-10px → 填白 → 模式「疊加」→ 不透明度 30-40%，瞬間得底部受光亮帶。

4. 表面紋理

底層上方新建圖層「紋理」 → Ctrl+點擊底層縮圖載入選區 → 填充圖案（碳纖維/金屬拉絲/噪點） → 模式「柔光」→ 不透明度 20-30%。

5. 高光系統：邊緣線條＋頂部半圓

• 四邊高光：鋼筆勾勒白色線條（1-2px），路徑描邊模擬鋒利倒角反光。
• 半圓高光：橢圓選區 → 減去選區外部 → 填白 → 高斯模糊 1-2px → 疊加模式 50% 不透明度，模擬頂部圓弧面聚光。

最終效果

金屬質感強、層次清晰、高光銳利、紋理細膩，符合遊戲 UI 「高對比、強質感、可點擊態明確」視覺規範。

組件化複用指南

• 將「底層+反光+紋理+高光」存為智能對象/圖層組預設。
• 色相/飽和度調整圖層剪貼至組內，秒切紅/藍/綠/金多主題色系。
• 懸停/按下態：複製組，調整斜面浮雕方向/漸變疊加反向/降低亮度，導出三態圖集。
• 圓角半徑、尺寸、文字內容均為可變參數，適配響應式 UI 設計系統。