遊戲 UI、軍事主題網頁常需「硬朗、工業感、歷經戰火」的按鈕。本案例拆解如何用「基底形狀 → 材質疊加 → 細節雕琢 → 做舊處理」四階段，打造擁有齒輪紋理、倒角邊緣、金屬拉絲、磨損劃痕的戰術按鈕。

成品與素材準備

階段一：背景與基底形狀

1. 深色背景 + 金屬紋理疊加（模式「疊加」/「柔光」，不透明度 40%）。
2. 圓角矩形工具繪製按鈕基底，添加「斜面與浮雕」建立基礎體積。

階段二：工業細節雕琢

• 齒輪/齒條紋理：置入齒輪素材 → Ctrl+T 變換貼合邊緣 → 蒙版擦除多餘 → 模式「疊加」。
• 工業設計線：鋼筆勾勒細線條 → 描邊 1px、顏色淺灰 → 模式「正片疊底」→ 加外發光（青綠）模擬指示燈。

階段三：多層材質疊加

1. 第二組金屬材質（拉絲/鑽石紋） → 蒙版限制範圍 → 模式「柔光」。
2. 按鈕厚度：複製基底 → 向下偏移 3px → 填深灰 → 內陰影/倒角浮雕強化側面。

階段四：光影與做舊

• 陰影反光：新建圖層，軟邊筆刷繪製底部反光（白/淺藍，模式「濾色」）、側面環境光（暖灰，模式「疊加」）。
• 文字與圖示：粗體軍用字體、白色、外發光（青綠）、內陰影（深灰）確保可讀性。
• 做舊處理：雜色濾鏡（單色、高斯、5%）+ 蒙版局部擦除 → 劃痕筆刷手繪磨損 → 邊緣倒角高光手繪強化。
• 底部工業線補強：鋼筆勾勒底部細線 → 描邊 1px、淺灰 → 模式「正片疊底」。