Cách thêm nhiều layers ảnh vào hình mockup
Ở trong Mockup Editor, bạn có thể bấm vào "Add Image" để upload thêm các layers đè lên printarea. Việc này sẽ giúp cho hình mockup của bạn trở lên chân thực hơn, đặc biệt là trong các trường hợp sau đây:
* Trường hợp 1: Bạn cần thể hiện được chất liệu của sản phẩm
* Trường hợp 2: Bạn cần đặt printarea vào trong các hình dạng khác nhau
* Trường hợp 3: Có các vật thể khác như bàn tay che lên bề mặt sản phẩm
Đối với một số trường hợp, việc thể hiện được chất liệu của sản phẩm có vai trò rất quan trọng trong việc truyền tải hình ảnh của chúng gần với thực tế nhất đến với khách hàng. Bạn sẽ cần upload hình ảnh thể hiện chất liệu này lên trên hình ảnh mockup và printarea.
Tự tạo hoặc tìm kiếm các hình ảnh thể hiện chất liệu của sản phẩm. (Ví dụ như, canvas, plastic, v.v.) Trong ví dụ dưới đây, bạn sẽ thấy ví dụ về chất liệu là plastic
Bắt đầu thêm texture trên vào poster:
Bấm vào nút Add Image trong Mockup Editor để đăng ảnh trên. Sau đó, hãy kéo thả ảnh mà bạn vừa upload đè lên trên printarea.
Giảm độ mờ (opacity) để ảnh trông tự nhiên hơn.
Bạn nên cắt và chỉnh sửa ảnh bạn dùng trước để nó vừa khít với ảnh mockup trước khi upload lên.
Bạn có thể xem thêm hướng dẫn qua video sau.
Thông thường để cắt ảnh cho vừa với printarea, bạn có thể dùng tính năng Mask.
Tuy nhiên, sẽ có lúc vùng mask mà bạn chọn không phù hợp với sản phẩm bạn dùng, đặc biệt là với tính năng cho phép khách hàng tự upload ảnh.
Trong ví dụ dưới đây, khách hàng upload ảnh có hình vuông, nhưng bạn lại cần thể hiện mockup có hình tròn như trong dây chuyền.
Bạn có thể làm theo các bước sau:
Đăng tải một ảnh background cho mockup. Sau đó bấm vào "Add Printarea".
Đăng tải thêm một ảnh khác đè lên trên printarea. Ảnh này sẽ cần có chỗ trống để thể hiện được printarea về sau.
Ví dụ: ảnh dây chuyền dưới đây có mặt dây chuyền rỗng.
Để điều chỉnh cho printarea vừa vào trong mặt dây chuyền, bạn cần phải kéo printarea đè lên trên ảnh dây chuyền.
Sau khi bạn đã chỉnh size xong, kéo lại ảnh printarea xuống dưới ảnh dây chuyền.
Bạn có thể xem thêm hướng dẫn qua video sau
Hãy nhìn ví dụ sau đây:
Nếu bạn đặt printarea vào trong mockup này, nó sẽ đè lên ngón tay.
Bạn sẽ cần hiện thị printarea ở dưới ngón tay, nhưng vẫn trên chiếc cốc.
Hãy làm theo các bước sau:
Mở ảnh đó từ Photoshop. Sau đó bạn dùng Lasso Tool, hoặc Magic Wand để cắt phần ảnh có hình ngón tay đề lên cốc.
Copy và paste nó sang một layer mới
Export layer này ra thành một ảnh mới có dạng PNG. Hãy nhớ là bạn vẫn cần để background là transparent.
Quay trở lại phần Mockup Editor của teeinblue, upload layer ảnh bạn vừa export lên.
Chỉnh sửa kích thước và kéo thả nó đến đúng vị trí bạn cần. Hãy đảm bảo rằng bạn đặt layer ảnh có hình ngón tay đó lên trên layer hình chiếc cốc.
Kết quả sau khi hoàn thiện.
* Trường hợp 1: Bạn cần thể hiện được chất liệu của sản phẩm
* Trường hợp 2: Bạn cần đặt printarea vào trong các hình dạng khác nhau
* Trường hợp 3: Có các vật thể khác như bàn tay che lên bề mặt sản phẩm
Trường hợp 1: Thể hiện chất liệu của sản phẩm
Đối với một số trường hợp, việc thể hiện được chất liệu của sản phẩm có vai trò rất quan trọng trong việc truyền tải hình ảnh của chúng gần với thực tế nhất đến với khách hàng. Bạn sẽ cần upload hình ảnh thể hiện chất liệu này lên trên hình ảnh mockup và printarea.
Tự tạo hoặc tìm kiếm các hình ảnh thể hiện chất liệu của sản phẩm. (Ví dụ như, canvas, plastic, v.v.) Trong ví dụ dưới đây, bạn sẽ thấy ví dụ về chất liệu là plastic
Bắt đầu thêm texture trên vào poster:
Bấm vào nút Add Image trong Mockup Editor để đăng ảnh trên. Sau đó, hãy kéo thả ảnh mà bạn vừa upload đè lên trên printarea.
Giảm độ mờ (opacity) để ảnh trông tự nhiên hơn.
Bạn nên cắt và chỉnh sửa ảnh bạn dùng trước để nó vừa khít với ảnh mockup trước khi upload lên.
Bạn có thể xem thêm hướng dẫn qua video sau.
Trường hợp 2: Đặt printarea vào trong các hình dạng khác nhau
Thông thường để cắt ảnh cho vừa với printarea, bạn có thể dùng tính năng Mask.
Tuy nhiên, sẽ có lúc vùng mask mà bạn chọn không phù hợp với sản phẩm bạn dùng, đặc biệt là với tính năng cho phép khách hàng tự upload ảnh.
Trong ví dụ dưới đây, khách hàng upload ảnh có hình vuông, nhưng bạn lại cần thể hiện mockup có hình tròn như trong dây chuyền.
Bạn có thể làm theo các bước sau:
Đăng tải một ảnh background cho mockup. Sau đó bấm vào "Add Printarea".
Đăng tải thêm một ảnh khác đè lên trên printarea. Ảnh này sẽ cần có chỗ trống để thể hiện được printarea về sau.
Ví dụ: ảnh dây chuyền dưới đây có mặt dây chuyền rỗng.
Để điều chỉnh cho printarea vừa vào trong mặt dây chuyền, bạn cần phải kéo printarea đè lên trên ảnh dây chuyền.
Sau khi bạn đã chỉnh size xong, kéo lại ảnh printarea xuống dưới ảnh dây chuyền.
Bạn có thể xem thêm hướng dẫn qua video sau
Trường hợp 3: Các vật thể khác che lên bề mặt sản phẩm
Hãy nhìn ví dụ sau đây:
Nếu bạn đặt printarea vào trong mockup này, nó sẽ đè lên ngón tay.
Bạn sẽ cần hiện thị printarea ở dưới ngón tay, nhưng vẫn trên chiếc cốc.
Hãy làm theo các bước sau:
Mở ảnh đó từ Photoshop. Sau đó bạn dùng Lasso Tool, hoặc Magic Wand để cắt phần ảnh có hình ngón tay đề lên cốc.
Copy và paste nó sang một layer mới
Export layer này ra thành một ảnh mới có dạng PNG. Hãy nhớ là bạn vẫn cần để background là transparent.
Quay trở lại phần Mockup Editor của teeinblue, upload layer ảnh bạn vừa export lên.
Chỉnh sửa kích thước và kéo thả nó đến đúng vị trí bạn cần. Hãy đảm bảo rằng bạn đặt layer ảnh có hình ngón tay đó lên trên layer hình chiếc cốc.
Kết quả sau khi hoàn thiện.
Cập nhật vào: 17/08/2022
Cảm ơn!