先說結論:6個步驟

PSD 到 Unity 的主要邏輯是:針對已經分層的 Photoshop 檔案(PSD 或 PSB),要批次化處理好美術素材後,匯入到 Unity 中。VberAI Studio 匯入這份設計稿,再跑 自動分層:檢測邊緣切圖,匯出有意義命名的圖片檔案,然後選 Export to Unity

已經是 .fig 檔案:Figma 到 Unity。還是一張扁平 PNG、需要先分層:PNG 到 PSD

步驟 1:開啟分層 PSD

編組要有名字(畫框、按鈕、HUD 條)。這些名字會帶到 VberAI Studio。

Main Screen UI 的分層 PSD

步驟 2:在 VberAI Studio 裡匯入 PSD/PSB

在 VberAI Studio 選 Import → PSD/PSB(匯入 PSD/PSB)

VberAI Studio 匯入入口,選 PSD/PSB

步驟 3:自動分層

選中畫板(例如 cat_journey_UI)。在選中後的工具欄裡開啟重疊圖層,選 Auto-Layering(自動分層)

重疊圖層選單,含 Auto-Layering 和 Layer Split

對話方塊是 Run AI auto-layering?,再點 Start layering

確認對話方塊:Run AI auto-layering,Start layering

帶名字的邊界會出現在圖上,這意味著分層切分的圖片都處理好了。關於這一步驟的詳細說明可以參考 自動分層

Auto Layering 結果:貓之旅 UI 上帶命名的邊界

步驟 4:匯出到 Unity

保持已分層的畫板選中(這裡是 cat_journey_UI_layer)。開啟 Export,選 Export to Unity

Export 選單,高亮 Export to Unity

步驟 5:選擇匯出到 Unity 的形式

匯出到 Unity 時,可以選匯出形式。對話方塊裡 Target engine 是 Unity;格式可以選 Prefab(.prefab)Export to 可以選 ZIP 壓縮包,或直接寫到目標工程。Default paths 會按引擎預設目錄來放檔案。

Unity 匯出對話方塊:Prefab 格式與 ZIP 壓縮包

步驟 6:檢查匯出結果

這次選的是 ZIP 壓縮包。解壓後是 Assets 總資料夾:Prefabs 裡是 Unity 可用的 .prefab(組裝好的介面,可以拖進場景);Textures 裡是具體的切圖檔案(按圖層起好名的 PNG)。

解壓後的 Assets:Prefabs 與 Textures