# Trích xuất phần tử UI Với ảnh scene giao diện, gọi model thị giác để AI sinh một sprite sheet. ## Tóm lại: 3 bước Extract UI Elements dùng trên một ảnh chụp scene game cụ thể: gọi model thị giác, rút UI ra rồi ghép vào một bitmap sprite. Số vùng và biên cần khít từng pixel thì không hợp—kết quả là xấp xỉ, phụ thuộc model đã chọn. **Extract UI Elements** gọi model trích UI ngay trên ảnh hiện tại. Không cần viết prompt; thao tác trên giao diện xong là chạy được. ## Bước 1: Chọn chức năng từ menu Trước khi trích, chuẩn bị ảnh scene hoặc sprite. Tấm dưới là ảnh nguồn demo bài này. ![Sprite scene game trước Extract UI Elements](/images/extract-ui-elements/extract-ui-elements-base-sprite-image_.webp) Chọn ảnh đích. Mở **AI tools**, rồi **AI Extract**, chọn **Extract elements**.

Menu AI tools, AI Extract đang mở, Extract elements được chọn

## Bước 2: Đặt model và tham số Trong hộp thoại chọn model và kích thước xuất. Có GPT Image 2, Nano Banana / Nano Banana 2, Nano Banana Pro. Kích thước càng lớn, vật rút ra thường nhiều hơn, kiểu cũng đa dạng hơn.

Hộp thoại Extract UI Elements: model và kích thước xuất — Chỉ để tham chiếu lối vào thao tác. Ảnh chụp là giao diện sản phẩm mới nhất tính đến 3 tháng 9 năm 2026.

## Bước 3: Xem kết quả trích Sinh xong, kiểm tra tấm ghép. Đầu ra hiện tại là một lớp bitmap **đục**; trước khi nối bước sau, thường phải dọn một lần.

Phần tử UI đã rút, ghép trên một bitmap sprite đục — GPT Image 2, kích thước xuất 1K.

## Tình huống hợp hơn: từ bitmap đến sprite sheet Một bitmap UI dày hơn demo bước 1–3 ở trên hợp Extract UI Elements hơn. Model rút control và panel từ một ảnh nguồn, ghép lên một ảnh sprite; độ phong phú và độ khít biên đều cao hơn kết quả demo ở bước 3.

Bitmap game UI dày dùng làm nguồn Extract UI Elements — Ảnh nguồn: một bitmap UI rất dày.