成品預覽

製作流程

Step 01：新建文件

• 800×600 px、72 dpi，儲存（Ctrl+S）。

Step 02：外框基礎形狀

• 圓角矩形工具：寬高 180 px、圓角 20 px、從中心建立。

Step 03：外框立體與邊緣

1. 圖層「di」添加樣式：
   • 斜面與浮雕：內斜面、平滑、深度 100%、方向上、大小 3、軟化 1、角度 90°、高度 30°、高光 #dedede、陰影 #262626。
   • 漸變疊加：線性 #333333 → #c6c6c6、90°。
2. 複製圖層改名「di_bian」，清除樣式，填充 #616161。載入選區（Ctrl+點擊），向上移 2 px，反向選區（Shift+Ctrl+I），添加圖層蒙版 → 形成細微邊緣厚度。

Step 04：殘舊金屬紋理疊加（核心質感）

素材來源：搜尋「銹蝕、頹廢、噴濺、金屬」關鍵字下載圖片與筆刷。紋理構建靈活疊加，本教程參數供參考：

• 素材 Rust_5.JPG：正片疊底、不透明度 70%。
• 筆刷 #8c8c8c：不透明度 30%。
• 素材「紋理.png」：變暗、不透明度 30%。

鼓勵自由嘗試不同素材與混合模式，以視覺效果為準。

Step 05：金屬破損邊緣

1. 鋼筆工具繪製不規則多邊形，填充 #777777。
2. 內陰影：正片疊底、#464646、90°、距離 1 px、大小 1 px。
3. 複製圖層，載入選區、填白、上移 1 px、反向選區、加蒙版 → 形成高光邊緣。

Step 06：內框

• 複製「di」改名「nei_di」，Ctrl+T 縮小 90%、清除樣式。
• 漸變疊加：#4b4b4b → #98988d、90°。
• 投影：正片疊底、#202020、90°、距離 5 px、大小 8 px。

Step 07：備份圖標（圓環+三角形+缺口）

1. 橢圓工具畫正圓 → 路徑操作「減去頂層形狀」畫圓環 → 鋼筆「合併形狀」畫右側三角形 → 再「減去頂層形狀」畫缺口。
2. 圖層「backup」填充 #202020，樣式：
   • 描邊：3 px、外部、線性漸變 #787878 → #484848、90°。
   • 內陰影：正片疊底、#474747、90°、距離 3 px、大小 3 px。
3. 複製「backup_bian」，上移 1 px、反向選區加蒙版，漸變疊加 #282828 → #aeaeae、90°。

Step 08：螺絲孔與插槽

• 螺絲孔：小正圓，描邊 2 px 外部漸變 #929292 → #3b3b3b，漸變疊加 #353535 → #0c0c0c。複製四個置於四角。
• 插槽：長方形，描邊 1 px 內部 #606060，內陰影正片疊底 #2c1d02，漸變疊加 #e5c511 → #644200。複製六個底部居中排列。

Step 09：內框金屬紋理

同 Step 04 邏輯，參數：

• 素材 Rust_4.JPG：強光、15%。
• 筆刷 #181818：疊加、40%。
• 筆刷 #3f311d：疊加、50%。

總結

機械風格關鍵在於結構拆解（矢量形狀組合）+ 材質疊加（素材+筆刷+混合模式）+ 微觀細節（破損、螺絲、插槽）。參數非絕對，核心是觀察真實金屬的光影與磨損規律，靈活組合圖層樣式與蒙版。