遊戲美術對 Photoshop 的要求遠超平面設計:需同時掌握原畫概念設計、2D 骨骼動畫拆分、UI 圖標/界面規範、材質貼圖繪製、特效序列幀制作等多維技能。本文從遊戲專案實戰角度,梳理 PS 在遊戲管線中的核心定位與進階技能樹,助你從「會用 PS」進化為「懂管線的遊戲美術」。
遊戲美術管線中的 PS 定位
| 階段 | PS 核心任務 | 關鍵輸出格式 | 協作對接 |
| 概念原畫 | 氛圍草圖、三視圖設計、材質球探索 | PSD(分層)、JPG(審核) | 美術總監、3D 建模師 |
| 2D 骨骼動畫 | 身體部位拆分、關節遮蓋繪製、幀序列導出 | PNG 序列 + JSON/Plist | Spine/DragonBones、客戶端程式 |
| UI 設計 | 圖標繪製、界面佈局、九宮格切圖、動態圖片圖集 | PSD(標註)、PNG/WebP、TexturePacker 輸出 | UI 程式、UX 策劃 |
| 材質貼圖 | BaseColor/Normal/Roughness/Metalness/AO 通道繪製 | TGA/PNG/EXR(線性空間) | Substance Painter、引擎材質編輯器 |
| 特效序列幀 | 逐幀手繪/濾鏡程序化生成、加法混合預乘 Alpha | PNG 序列 / Flipbook 圖集 | 特效編輯器、技術美術 |
五大進階技能模組
模組一:非破壞概念設計流
- 智能物件 + 圖層合成:單一 PSD 容納多方案(白模/色稿/材質球),圖層合成一鍵切換呈報。
- 透視網格 + 消失點:快速建立透視準則,配合筆刷透視感應(PS 2022+)繪製精準透視草圖。
- 調整圖層組方案管理:同一線稿疊加不同色彩/光影/材質方案組,不破壞線稿層。
模組二:2D 骨骼動畫拆分規範
- 命名規範:`body_part_side_state`(如 `arm_upper_L_idle`、`leg_lower_R_run_03`)。
- 樞紐點預留:關節處繪製圓形遮蓋區(關節包),防止旋轉露縫。
- 圖層組層級對應骨骼樹:PS 圖層組結構 = Spine 骨骼層級,匯出腳本自動解析。
- 像素對齊:所有部件圖層座標為整數,避免引擎抖動。
模組三:UI 圖標與界面工業化標準
- 像素網格對齊:啟用「視圖 > 對齊到 > 像素網格」,圖標邊緣落在像素中心,銳利無模糊。
- 矢量優先:形狀工具/鋼筆繪製,保留可縮放矢量屬性,導出 SVG 或多倍圖零損耗。
- 九宮格切圖標記:引導線標註 9-slice 邊緣區,程式自動讀取拉伸區域。
- 圖集自動化:動作/腳本批量裁剪、重命名、TexturePacker 輸出,消除人為誤差。
模組四:PBR 材質貼圖通道繪製
- BaseColor(反照率):無光照、無陰影、純材質本色,線性空間輸出。
- Normal(法線):從高模烘焙或手繪(濾鏡 > 3D > 生成法線圖),切線空間。
- Roughness/Metalness/AO:灰度圖,通道打包(R=Roughness, G=Metalness, B=AO, A=保留)單圖輸出節省採樣。
- UDIM 工作流:大型模型多 UV 瓦片,PS 中用圖層組對應 UDIM 編號管理。
模組五:特效序列幀程序化生成
- 濾鏡動畫錄製:時間軸關鍵幀記錄濾鏡參數(如漸變位置、波浪相位、雜色種子),導出序列幀。
- 筆刷動態屬性:筆刷面板「形狀動態/顏色動態/散佈」綁定筆壓/時間,單筆劃生成有機變化。
- 預乘 Alpha 工作流:RGB 通道預乘 Alpha,避免引擎疊加邊緣黑邊/白邊。
遊戲美術 PS 工作流示意圖
工具鏈延伸:PS 為中心的生態整合
- Substance Painter:PS 繪製 BaseColor/ID Map → SP 智能材質填充 → 導出全套 PBR 貼圖回 PS 微調。
- Spine/DragonBones:PS 腳本一鍵匯出骨骼動畫專用 PNG 序列 + 骨骼數據。
- Unity/Unreal 直連:Unity PSD Importer / Unreal Datasmith 直接讀取 PSD 圖層結構,保留調整圖層/蒙版/智能物件。
- 版本控制:PSD 體積大,建議 Git LFS 或 Perforce 管理,配合 `.psd` 鎖定機制避免衝突。
給初學者的避坑建議
- 別只練「畫得好」,要練「層次乾淨、命名規範、輸出符合引擎規範」。
- 早日接觸線性色彩空間(Edit > Color Settings > RGB: Linear),PBR 流程核心前提。
- 學會寫腳本:批量重命名、裁剪、導出、通道打包,將重複勞動自動化。
- 關注技術美術分享,理解渲染管線對貼圖的具體要求(Mipmap、壓縮格式、sRGB/Linear 標記)。
Photoshop 在遊戲美術中不是「繪圖軟體」,而是「2D 資產加工與交換中樞」。深諳管線規範、善用自動化、精通跨軟體協作,才是遊戲美術師的核心競爭力。