Bài viết này cũng có sẵn trong:

Tải ảnh Mockup bằng file Photoshop (PSD)

Teeinblue hỗ trợ tạo mockup nhanh chóng bằng cách tải lên file Photoshop (.PSD).

Tất cả các layer từ tệp PSD của bạn sẽ được tải lên và giữ đúng vị trí như trong file.

✨ Đặc biệt: Teeinblue có thể tự động phát hiện vùng in (printarea) dựa trên các layer Smart Object, vì vậy bạn không cần phải thêm và điều chỉnh thủ công trong Teeinblue.

Nếu file Photoshop của bạn có một layer Smart Object với tên vùng in, ví dụ: "Front":

Teeinblue có thể chuyển nó thành vùng in “Front” với đúng vị trí như trong file Photoshop:

Cùng xem các bước bên dưới nhé.

🔍 Cách Teeinblue phát hiện vùng in (Print Areas)

Teeinblue sẽ tìm các layer Smart Object trong file PSD của bạn và áp dụng các quy tắc nhận diện sau:

Tên layer trùng với tên vùng in

Có thể là Display name hoặc Fulfill name của vùng in (ví dụ: "Front", "Left sleeve", "70x100cm"...)

Tên layer chứa một trong các từ khóa phổ biến sau: Printarea / Artwork / Design / Default / Front / Back

🧩 Cách tạo Smart Object trong Photoshop

Để tạo một Smart Object:

Trong Photoshop, vào menu "File" → "Place Embedded" → chọn một hình ảnh (bất kỳ hình nào cũng được) → nó sẽ được thêm vào như một Smart Object
Hoặc nếu bạn đã có một layer ảnh sẵn trong file Photoshop → click chuột phải vào layer đó → Convert to Smart Object
Đổi tên layer (double-click vào tên layer) theo các quy tắc nhận diện ở trên để Teeinblue có thể nhận biết là vùng in

Smart Object luôn hiển thị biểu tượng nhỏ này trên hình thumbnail của layer:

Smart Object phải là một hình ảnh. Các vector hoặc shape được chuyển thành Smart Object sẽ không được nhận diện.

Điều chỉnh vị trí Smart Object

Bạn có thể điều chỉnh kích thước và vị trí của Smart Object bằng Free Transform

Chọn layer Smart Object
Vào menu "Edit" → "Free Transform" (hoặc nhấn Ctrl+T/Cmd+T)
Phóng to hoặc thu nhỏ theo nhu cầu
Để điều chỉnh tự do: click chuột phải vào layer (khi đang ở chế độ Free Transform) → Distort → sau đó bạn có thể di chuyển từng góc tự do

Teeinblue sẽ tự động bật chế độ xoay hướng (perspective) của vùng in để khớp với 4 góc của Smart Object

Không nên biến dạng Smart Object thành tỉ lệ quá khác so với vùng in, để tránh làm méo thiết kế.

Ví dụ: nếu vùng in của cốc có dạng ngang (landscape), bạn cũng nên giữ hình ảnh với tỉ lệ tương tự.

⚙️ Chuyển đổi sang vùng in (Print Area)

Khi một layer Smart Object hợp lệ được phát hiện, Teeinblue sẽ hiển thị biểu tượng dấu chấm than như một gợi ý để chuyển đổi layer đó thành vùng in.

Khi bạn click Convert to Printarea:

Trường hợp 1: Tên layer trùng với tên vùng in

→ Sẽ tự động chuyển thành vùng in tương ứng.

Ví dụ: Layer có tên “Front” → sẽ được chuyển thành vùng in “Front”.

Trường hợp 2: Tên layer chung chung (Printarea / Artwork / Design / Default) hoặc không tìm thấy vùng in trùng khớp

→ Teeinblue sẽ hiển thị tùy chọn để bạn chọn vùng in muốn gán.

Sau khi chuyển đổi, vùng in sẽ được đặt ở đúng vị trí của Smart Object:

Bật sẵn chế độ perspective
4 góc được căn chỉnh trùng khớp với layer gốc trong Photoshop

🧩 Tự động nhận mask từ Photoshop

Trong một số trường hợp, bạn có thể cần sử dụng mask trong Teeinblue để cắt vùng in theo hình dạng tùy chỉnh. Teeinblue có thể phát hiện mask trong tệp Photoshop và chuyển đổi thành mask trong Teeinblue với kích thước và vị trí chính xác.

Bạn có thể tạo mask trong Photoshop theo 2 cách:

Dùng clipping mask: đặt hình ảnh bạn muốn dùng làm vùng in lên trên ảnh mask → click chuột phải vào layer vùng in → Create Clipping Mask

(cho người dùng Photoshop nâng cao) Thêm layer mask:

Sau đó, khi chuyển đổi hình ảnh thành vùng in trong Teeinblue, mask của nó sẽ tự động được thêm và đặt đúng như trong Photoshop:

Nếu dùng mask, hãy tránh làm méo hình ảnh vùng in trong Photoshop, vì hình dạng mask cũng sẽ bị méo sau khi chuyển trong Teeinblue.

Vậy là xong!

Cập nhật vào: 08/10/2025

Bài viết có hữu ích không?

Cảm ơn!