# PNG sang PSD

Tách lớp tự động một PNG UI game, rồi xuất thành PSD nhiều lớp sửa được trong Photoshop.

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

Logic chính của **PNG sang PSD**: với UI game chỉ có một PNG phẳng (HUD, ảnh chụp cả màn, board chưa từng tách lớp), cần xử lý art hàng loạt rồi mới sửa lại trong Photoshop. Chạy [tách lớp tự động](/docs/sprite/auto-layering-image-to-layers/) trước: phát hiện mép rồi cắt ảnh, xuất file đặt tên có nghĩa, rồi chọn **Export to Photoshop PSD**. Trong `.psd` xuất ra, các khối này là lớp hình và lớp chữ tách riêng. Cùng bộ bước cũng hợp nhiều tấm UI đều bắt đầu từ một PNG.

## Bước 1: Tách lớp tự động

Mở PNG này trong [VberAI Studio](https://vberai.com/studio), chọn board (ví dụ **cat_journey_UI**). Trên thanh công cụ khi đã chọn, mở lớp chồng, chọn **Auto-Layering (tách lớp tự động)**.

![Menu lớp chồng, gồm Auto-Layering và Layer Split](/images/auto-layering/step1_auto_layering_.webp)

Hộp thoại là **Run AI auto-layering?**, rồi nhấn **Start layering**.

![Hộp xác nhận: Run AI auto-layering, Start layering](/images/auto-layering/step2_confirm_debit_payment_.webp)

Biên có tên hiện trên ảnh, nghĩa là các tấm đã tách lớp xong. Chi tiết bước này xem [tách lớp tự động](/docs/sprite/auto-layering-image-to-layers/).

![Kết quả Auto Layering: biên có tên trên UI Cat Journey](/images/auto-layering/step3_ai_output_.webp)

## Bước 2: Xuất thành Photoshop PSD

Giữ board đã tách lớp được chọn (ở đây là **cat_journey_UI_layer**, 1536×864). Mở **Image Export**, chọn **Export to Photoshop PSD**.

![Menu Image Export, tô sáng Export to Photoshop PSD](/images/png-to-psd/step_3_export_to_Photoshop_PSD_.webp)

## Bước 3: Mở PSD

File ghi thành `{name}_layer.psd`; bản này là **cat_journey_UI_layer.psd**. Trong Photoshop thấy lớp hình và lớp chữ đã đặt tên (ô kỹ năng, icon tiền, copy HUD), có thể dịch vị trí, ẩn hoặc đổi kiểu, không cần chụp màn lại.

![cat_journey_UI_layer.psd trong Photoshop, gồm lớp hình và lớp chữ đã đặt tên](/images/png-to-psd/step_4_PSD_File_.webp)

Muốn nhập file này vào Godot: [PSD sang Godot](/docs/convert/psd-to-godot/).