教程性質

國外 UI 設計教程翻譯版，30 張高清步驟圖展示從幾何構形、金屬材質、火焰特效、發射台細節到最終合成的完整流程，適合圖標/遊戲 UI 設計師進階練習。

步驟圖速覽（30 幀關鍵節點）

核心知識點提煉

1. 火箭主體： 矩形+圓角矩形+三角形布爾運算得火箭筒體、錐體頂、尾翼；全部轉為形狀圖層保持矢量。
2. 金屬材質： 基礎漸變（深灰→銀→深灰）→ `斜面浮雕(外部、鑿刻、深度 200%)` → `漸變疊加(線性、角度 90°、不透明度 20%)` → `雜色 2% 柔光`。
3. 噴口細節： 同心圓環疊加（內環深灰、外環亮銀）→ `內陰影` 表現凹陷深度。
4. 火焰特效： 多層橢圓漸變（黃→橙→紅→透明）+ `濾鏡→扭曲→波浪` 動態變形 → `濾鏡→模糊→徑向模糊(縮放 50%)` → 群組模式「線性減淡」→ 蒙版漸變控制長度。
5. 發射台/煙霧： 矩形陣列+圓角→ 金屬材質同主體；煙霧用「雲彩+高斯模糊+透視變形」多層疊加，模式「正片疊底」深色煙、「螢幕」亮色煙。
6. 星空背景： 黑底+雜色(3%)+等級(輸入 180/1.00/255)得星點 → 分層縮放模糊產生景深。

效率建議

• 將「金屬材質樣式」存為 `.asl` 樣式庫，一鍵套用於火箭、發射台、支架。
• 火焰動畫可導出幀序列，配合 After Effects `Time Remapping` 製作發射動效。
• 圖層命名規範：`Rocket/Body` `Rocket/Nose` `Rocket/Fins` `Flame/Core` `Flame/Glow` `Flame/Smoke` `Pad/Base` `Pad/Smoke` `BG/Stars`。

更多精彩教程請關注三聯 Photoshop 教程欄目。