Product mockup là một hình ảnh mẫu cho phép cho phép khách hàng của bạn xem thử trước sản phẩm họ định mua
Ảnh mockup trong Product Base sẽ được dùng trong Campaign để thể hiển các Artwork được in lên chúng.

Mọi thay đổi về printarea trong mockup chỉ phục vụ cho mục đích trình chiếu. Các thay đổi này sẽ không hề ảnh hưởng đến design cuối cùng của order. Ví dụ: Bạn chỉ chọn show một nửa của printarea trong mockup, trong file design cuối cùng, printarea vẫn được giữ nguyên size.

Đăng tải ảnh mockup trong Product Base

Trong trường hợp bạn import sản phẩm tự động từ bên cung cấp, thì sau khi import xong, bạn sẽ có thể vào trong Product Base Editor để chỉnh sửa các mẫu mockup mặc định. Hoặc bạn có thể tự upload từng mẫu mockup cho sản phẩm của mình.



Các ảnh bạn dùng phải có dạng PNG hoặc JPG/JPEG.
Số lượng ảnh mockup bạn có thể dùng không giới hạn.
Size của mỗi ảnh không nên quá 32mb.
Để tối ưu hóa tốc độ cho site, các ảnh mockup mà bạn upload sẽ được resize với mốc maximum là 1000px về chiều rộng và ngang. Nếu bạn dùng ảnh có size nhỏ hơn, thì chúng sẽ không bị resize.

Thêm printarea vào mockup

Sau khi bạn upload ảnh mockup, trang Mockup Editor sẽ xuất hiện.

Bấm vào nút "Add Printarea" để thêm vào printarea cho mockup.
Ví dụ: mockup cho mặt trước của T-Shirt sẽ cần printarea có tên là "Front"
Tất cả các printareas mà bạn cài đặt trong Product Base sẽ được xuất hiện ở đây.



Chọn đúng phần printrea mà bạn muốn. Bạn có thể chỉnh sửa vị trí, kích cỡ, và xoay nó để vừa với ảnh mockup.



Sau đó, bạn có thể thêm artwork vào cho product base đó trong mục Campaign. Artwork mà bạn chọn sẽ được hiển thị trong mockup theo như các cài đặt mà bạn vừa thực hiện về size, và position.



Tỉ lệ của một printarea sẽ được cố định dựa vào size mà bạn đặt trong Product Base.
Để thay đổi tỉ lệ nói trên, bạn cần phải thay đổi size của printarea trong Product Base.

Bạn có thể thêm 1 printarea nhiều lần trong 1 mockup.



Bạn cũng có thể thay đổi thứ tự hiển thị của Printarea trước/sau bằng cách kéo thả vị trí cho chúng.



Về tính năng Mask

Trong trường hợp bạn chỉ cần hiển thị một phần cụ thể của printarea,
bạn có thể sử dụng tính năng Enable masked để cắt góc cho printarea.
Chọn printarea mà bạn cần cắt.
Bấm vào công tắc Enable masked. Bạn sẽ thấy vùng mask có màu xanh lá.



Bấm vào nút "Edit mask" để bắt đầu thay đổi vị trí và kích thước.
Bạn sẽ không được di chuyển phần mask này ra ngoài printarea.



Chỉ có các phần ảnh hiện trong vùng mask màu xanh được xuất hiện. Các phần ảnh của Artwork nằm ngoài vùng này sẽ được ẩn đi.



Mặc định thì vùng mask sẽ có dạng hình chữ nhât. Bạn có thể upload một hình ảnh bất kì bạn muốn để thay đổi hình dạng của vùng mask.

Trong phần* "Add mask image"**, bấm vào Browse để upload ảnh mask mà bạn muốn. Bạn cũng có thể paste URL của ảnh mà bạn muốn dùng tại đây. (bạn sẽ cần bật công tắc Enable Masked trước để thấy lựa chọn này)



Ảnh mask bạn dùng cần phải có dạng PNG và background transparent để app có thể nhận dạng được hình ảnh.

Nếu bạn sử dụng hình ảnh đúng định dạng, thì nó sẽ được hiển thị như sau:



Sau đó, Artwork mà bạn chọn sẽ được hiển thị như sau:



Bạn có thể tiếp tục chỉnh sửa kích thước và vị trí cho vùng mask bằng cách bấm vào Edit mask option

Bạn có thể xem trước Artwork sẽ được hiển thị như nào trong lúc chỉnh sửa mockup trong Campaign.

Cách đặt nhiều layers vào trong cùng một Mockup
Tìm hiểu thêm tại đây

Chỉnh sửa Perspective

Bạn có thể chọn thể hiện ảnh mockup dưới dạng góc nhìn nghiêng, thay vì góc nhìn thẳng trực diện.
Bạn có thể sử dụng tính năng "Edit Perspective" để chỉnh sửa printarea sao cho phù hợp với tất cả các loại ảnh mockup về góc nhìn hay hình dáng khác nhau.

Ví dụ, ảnh dưới đây thể hiện T-shirt dưới góc nhìn nghiêng, khi bạn ghép Artwork với góc nhìn thẳng vào sẽ không hợp lý.



Trong trường hợp này, bạn có thể:
Bấm vào printarea. Sau đó bấm vào nút "Edit perspective"



Kéo thả 4 góc để chỉnh sửa góc nhìn của printarea.
Lưu ý: tính năng xoay và zoom sẽ không sử dụng được khi bạn dùng tính năng Perspective.



Nếu bạn đang ở trong mục Campaign, bạn có thể bấm vào nút "Live Preview" để xem trước luôn kết quả



Kết quả:



Thay đổi màu nền của sản phẩm
Đọc bài viết này để tìm hiểu thêm: Thay đổi màu nền của Mockup.
Bài viết có hữu ích không?
Hủy bỏ
Cảm ơn!