設計目標

打造具有「戰損質感、金屬邊框、霓虹線光、層次豐富」的遊戲 UI 按鈕，適合網頁/遊戲介面直接使用。

模組化製作流程

1. 背景基底

深色暖灰純色填充，無紋理干擾，確保按鈕主體視覺優先級。

2. 形狀雕刻：破舊邊緣

矩形工具拉出基礎形狀 → 橡皮擦工具（硬邊、不透明度 100%）手動擦除邊緣，製造戰損不規則感，多試幾次直到「感覺對勁」。

3. 表面紋理：雜色＋銳化

濾鏡＞雜色＞添加雜色（單色、量值適中） → USM 銳化（半徑拉滿、量值視覺判斷），獲得細膩金屬顆粒感。

4. 光影系統：疊加模式建構

• 高光面： 柔邊畫筆（疊加模式、低透明度）繪製頂部/邊緣高光，色彩柔和自然。
• 黑線框： 硬邊畫筆勾勒邊框陰影線，定義厚度。
• 線光特效： 雜色→多次銳化→動態模糊（角度 0°/90°）→再銳化，循環至細線條狀，圖層模式「疊加」。
• 邊緣碎黑： 畫筆點繪不規則黑塊→橡皮擦擦出虛實→置於黑線框旁增強立體。

5. 文字排版與樣式

中文「漢儀中黑簡」、英文「微軟雅黑」；圖層樣式：斜面浮雕（內凹感）＋漸變疊加（金屬質感）＋外發光（霓虹感）＋投影（脫離背景）。習慣將常用樣式存為預設，避免重複開面板。

最終效果

整體呈現「粗獷工業風＋賽博朋克霓虹」雙重質感，視覺衝擊力強，適配深色系遊戲介面。

效率提升 Tips

• 形狀雕刻用橡皮擦而非蒙版：直觀、可即時翻轉、適合「感覺驅動」設計。
• 線光製作「雜色-銳化-動態模糊」三步循環，參數靠試，無標準值。
3. 文字樣式預設化：一鍵套用，保證系列按鈕風格統一。