# PSD sang Godot

Nhập PSD hoặc PSB đã tách lớp vào VberAI Studio, rồi xuất thành scene Godot.

## Tóm lại: 3 bước

Logic chính của **PSD sang Godot**: với file Photoshop đã tách lớp (PSD hoặc PSB), xử lý art hàng loạt rồi nhập vào Godot dùng như scene. [VberAI Studio](https://vberai.com/studio) nhập bản thiết kế này, rồi xuất sang **Godot**. Xuất ra `.tscn`; đường mặc định ghi theo thư mục `Assets` của Godot.

Đã là file `.fig`: [Figma sang Godot](/docs/convert/figma-to-godot/). Vẫn là một PNG phẳng, cần tách lớp trước: [PNG sang PSD](/docs/convert/png-to-psd/).

## Bước 1: Mở PSD đã tách lớp

Nhóm cần có tên (khung, nút, thanh HUD). Những tên này sẽ theo sang VberAI Studio, và vào cây node Godot.

![PSD tách lớp của UI Main Screen](/images/psd-to-godot/psd_to_godot_step1_psd_file_.webp)

## Bước 2: Nhập PSD/PSB trong VberAI Studio

Trong VberAI Studio chọn **Import → PSD/PSB (nhập PSD/PSB)**.

![Lối nhập VberAI Studio, chọn PSD/PSB](/images/psd-to-godot/psd_to_godot_step2_import_psd_.webp)

## Bước 3: Xuất sang Godot

Chọn màn này (ví dụ **Main Screen**). Mở **Export**, chọn **Export to Godot**.

![Main Screen đã chọn, tô sáng Export to Godot](/images/psd-to-godot/psd_to_godot_step3_export_into_godot_.webp)

Trong hộp thoại đặt định dạng Scene (`.tscn`). **Default paths** tìm thư mục `Assets` trong dự án, rồi ghi file theo bộ thư mục đó.

![Hộp thoại xuất Godot: Scene .tscn và đường tài nguyên mặc định](/images/psd-to-godot/psd_to_godot_step4_export_config_.webp)

## Video hướng dẫn

Nhập PSD/PSB, rồi xuất sang Godot:

<figure class="video-embed">
  <div class="video-embed-frame">
    <iframe
      src="https://www.youtube-nocookie.com/embed/JmzOU7wZubA"
      title="Từ PSD sang Godot qua nhập PSD/PSB"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
      allowfullscreen
    ></iframe>
  </div>
</figure>