HƯỚNG DẪN SỬ DỤNG MOCK UP TRONG PHOTOSHOP CHO NGƯỜI MỚI BẮT ĐẦU

Future Eyes • 5 tháng 7, 2021

Hình ảnh không đẹp liệu có đắt hàng? Nhất là trong thời đại ngày nay, các doanh nghiệp chỉ có khoảng vài giây để gây ấn tượng với khách hàng trước khi họ lướt qua các mẫu quảng cáo. Đó là lý do vì sao mỗi doanh nghiệp cần phải có những hình ảnh đẹp. Vậy nhưng, nếu doanh nghiệp không đủ tiền để thuê một nhiếp ảnh gia chuyên nghiệp thì sao? Tất nhiên, nó sẽ là một vấn đề khá lớn nếu bạn không biết đến… mock up. Vậy, mock up là gì? Tìm kiếm mock up ở đâu? Làm sao sử dụng được mock up trong Photoshop. Bài viết dưới đây sẽ bật mí cho bạn.

Mock up là gì?

Một mock up thông dụng

Mock up là một mô hình mô phỏng cho sản phẩm, đối tượng hoặc thiết bị được tạo ra dựa trên một thiết kế với một kích thước hoặc tỉ lệ đầy đủ.

Mang tính nguyên mẫu và nó cho phép thử nghiệm các thiết kế, mock up cho phép người xem dễ dàng liên tưởng đến sản phẩm. Thông thường, Designer sử dụng mock up để truyền đạt ý tưởng chung trên các sản phẩm thực tế nhằm nắm được thông tin phản hồi của người dùng.

Việc sử dụng mock up sẽ giúp tiết kiệm thời gian và tiền bạc. Bởi, Designer không cần phải thực hiện mọi thiết kế từ A – Z.

Tìm kiếm những mock up đẹp ở đâu?

Bạn hoàn toàn có thể tự tạo các mockup đẹp của riêng mình hoặc tải mock up có sẵn. Ở một số trang chia sẻ thiết kế, bạn có thể dễ dàng tìm thấy những gì mình cần. Một số trang sẽ cung cấp cho bạn những lựa chọn trả phí hoặc miễn phí, tùy thuộc vào độ công phu và mục đích thiết kế của bạn.

Dưới đây là một vài trang web trực tuyến với kho mock up đồ sộ và miễn phí để bạn tha hồ sử dụng. 

Graphicburrger - trang web có kho mock-up khá đồ sộ

Ngoài ra, bạn cũng có thể tự tạo những mock up trực tuyến dễ dàng với sự hỗ trợ của một số trang web.

Sau khi đã có những mock up ưng ý, bạn chỉ cần sử dụng các phần mềm thiết kế đồ họa để chèn artwork của mình vào. Dưới đây, Green Academy sẽ hướng dẫn cho bạn cách chèn artwork vào mock up bằng Photoshop.

Cách sử dụng Mock up trong Photoshop

1. 5 bước thông thường

Bạn có thể lựa chọn những phần mềm thiết kế đồ họa khác nhau để sử dụng và chỉnh sửa Mock up. Tuy nhiên, trong khuôn khổ của bài viết, Green Academy chỉ hướng dẫn bạn cách sử dụng một mock up có định dạng JPEG trong Photoshop.

Có một lưu ý nhỏ đối với các tác phẩm nghệ thuật như bản vẽ, tranh vẽ, chữ biết tay trên giấy… chính là bạn cần chụp hoặc scan những sản phẩm này vào máy tính của mình trước.

Dưới đây là 5 bước chèn artwork vào mock up trong Photoshop

Bước 1: Mở Mock up trong Photoshop.

Mở file trong Photoshop

Bước 2: Vào File => Place => Embedded and navigate trong Photoshop. Nhấn “Open”. File sẽ hiển thị dưới dạng một layer mới. Nhấn “Enter”.

Vào File => Place => Embedded and navigate trong Photoshop

Bước 3: Thay đổi kích thước hoặc xoay hoặc di chuyển file nếu cần thiết. Để làm điều này, bạn có thể chọn layer trong Layer Panel, nhấn và kéo các góc của layer để thay đổi kích thước hoặc xoay layer.

Dễ dàng thay đổi kích thước của artwork trong mock up

Ngoài ra, bạn có thể di chuyển file bằng cách click vào Tool “Move”, nhấn và kéo file theo ý muốn.

Bước 4: Căn chỉnh file hình ảnh sản phẩm của bạn trên khu vực mock up. Trong trường hợp bên dưới, nó là một phần trắng. Bạn có thể tùy chỉnh cho đến khi sản phẩm vào đúng vị trí mong muốn.

Căn chỉnh file artwork

Bước 5: Lưu và xuất hình ảnh.

2. Một số kỹ thuật nâng cao

Trong bước 4, đôi khi việc căn chỉnh hình ảnh sản phẩm không được sắp xếp chính xác như ý muốn, bạn có thể kết hợp thêm những kỹ thuật dưới đây để nâng cao hiệu quả.

CLIPPING MASK

Bước 1: Làm theo các bước 1, 2, 3 ở trên.

Bước 2: Sử dụng tool “Move” để di chuyển phần artwork của bạn sang một bên.

Bước 3: Sử dụng công cụ “Rectangle” để vẽ hình chữ nhật trên một layer riêng biệt, thay đổi kích thước hình chữ nhật để khớp với vị trí mà bạn sẽ đặt artwork vào.

Tạo mới một hình chữ nhật

Bước 4: Di chuyển artwork vào vị trí ban đầu để nó khớp với hình chữ nhật vừa làm ra. Lưu ý rằng artwork cần nằm phía trên. Chọn layer artwork trong Layer Panel và nhấn “Layer => Create Clipping Mask”

Create Clipping Mask

Bạn có thể thấy rằng artwork của bạn bây giờ có hình dạng của layer mà bạn mới vẽ ra. Và những phần rìa bên ngoài đã bị “cắt bớt”. Giờ đây, bạn chỉ việc save nó lại và xuất file của mình ra.

LAYER MASK 

Trong ví dụ bên dưới, để artwork của bạn phủ lên khay sơn, bạn có thể tạo ra thêm một layer mask giúp che phủ layer của bạn. Có nhiều loại layer mask với độ dày, mỏng khác nhau. Trên khung làm việc, layer mask chỉ hiển thị duy nhất hai màu đen – trắng.

Artwork che phủ một phần không mong muốn

Để tạo ra layer mask, bạn có thể nhấp vào icon hình chữ nhật với một lỗ bên trên trong bảng Layer Panel. Lúc này, layer mask sẽ hiển thị dưới dạng hộp màu trắng. Lúc này, bạn hãy đảm bảo layer mask nằm bên cạnh lớp hình chữ nhật mà bạn đã vẽ ra trong phần clipping mask. Bạn có thể di chuyển các layer này trong Panel Layer.

Bây giờ, tất cả những gì bạn cần làm là sử dụng tool Painbrush để vẽ lên phần hình ảnh bạn muốn biến mất.

Phần không mong muốn đã được che lại

New Paragraph

MỌI NGƯỜI ĐANG QUAN TÂM

CÓ THỂ BẠN QUAN TÂM

Workshop: Cạnh tranh - Hướng đi nào cho nhân sự ngành nội thất
Bởi Green Academy 17 tháng 4, 2025
Vào ngày 16/04 vừa qua, Green Academy đã tổ chức thành công buổi workshop với chủ đề “Cạnh Tranh - Hướng đi nào cho nhân sự ngành Nội thất”, mang đến những chia sẻ thực tiễn và định hướng quý giá cho gần 40 bạn học viên đang theo học ngành Thiết kế Nội thất tại học viện.
30 GIỜ “LÊN Ý TƯỞNG – VẼ PHÁC THẢO – TẠO LOGO”: HỌC THIẾT KẾ TỪ SỐ 0
Bởi Green Academy 14 tháng 4, 2025
Tại Green Academy, học viên ngành Thiết kế đồ họa 2D không chỉ được học về phần mềm thiết kế hiện đại, mà còn bắt đầu từ những nền tảng căn bản nhất: vẽ tay – tư duy tạo hình – nghiên cứu đối tượng. Và sau 30 giờ học môn “Vẽ tay sáng tạo”, thành quả mà các bạn thể hiện khiến không ít người bất ngờ: từ những phác thảo ban đầu, các bạn đã tự mình tạo ra các mẫu logo hoàn chỉnh – mang dấu ấn cá nhân rõ rệt.
BẢO VỆ ĐỒ ÁN – CỘT MỐC 7 THÁNG “LỘT XÁC” THÀNH DESIGNER CHUYÊN NGHIỆP!
Bởi Green Academy 12 tháng 4, 2025
Sau 7 tháng học tập và thực hành liên tục, các học viên lớp Thiết kế đồ họa TF-2DE-35M099 tại Green Academy Hà Nội đã chính thức bước vào chặng cuối của hành trình – buổi bảo vệ đồ án tốt nghiệp. Không chỉ là một hoạt động học thuật, buổi bảo vệ còn là sân khấu để các bạn “show” trọn vẹn tư duy, năng lực sáng tạo và tinh thần teanwork chuyên nghiệp đã được rèn luyện trong suốt khóa học.
ĐẠI LỄ THỐNG NHẤT – ƯU ĐÃI CHẤT NGẤT!
Bởi Green Academy 9 tháng 4, 2025
Tháng 4 này, không chỉ có ngày đại lễ thống nhất đất nước, mà còn là lúc bạn chớp cơ hội giảm học phí – bứt phá tương lai với ưu đãi siêu hời tại Green Academy!
BẢO VỆ ĐỒ ÁN – CỘT MỐC 7 THÁNG “LỘT XÁC” THÀNH DESIGNER CHUYÊN NGHIỆP!
Bởi Green Academy 12 tháng 4, 2025
Sau 7 tháng học tập và thực hành liên tục, các học viên lớp Thiết kế đồ họa TF-2DE-35M099 tại Green Academy Hà Nội đã chính thức bước vào chặng cuối của hành trình – buổi bảo vệ đồ án tốt nghiệp. Không chỉ là một hoạt động học thuật, buổi bảo vệ còn là sân khấu để các bạn “show” trọn vẹn tư duy, năng lực sáng tạo và tinh thần teanwork chuyên nghiệp đã được rèn luyện trong suốt khóa học.
08/3 LUNG LINH - QUÀ TẶNG HẾT MÌNH CÙNG GREEN ACADEMY
Bởi Green Academy 7 tháng 3, 2025
Tháng 3 không chỉ là thời điểm để tôn vinh phái đẹp mà còn là dịp để Green Academy gửi đến bạn những ưu đãi học phí hấp dẫn ‘đốn tim’. Nếu bạn đang tìm kiếm một khóa học về Thiết kế – Marketing – Lập trình – Tiếng Hàn, đây chính là thời điểm vàng để đăng ký với mức ưu đãi không thể tốt hơn!
ĐẦU NĂM ĐĂNG KÝ, LÌ XÌ HẾT Ý
Bởi Green Academy 10 tháng 1, 2025
Tết không chỉ là thời gian sum họp mà còn là thời khắc khởi đầu cho những điều tốt đẹp và may mắn. Để tiếp thêm 'lộc học hành' và khích lệ tinh thần học tập, Green Academy Hà Nội mang đến chương trình đặc biệt “ĐẦU NĂM ĐĂNG KÝ, LÌ XÌ HẾT Ý” với cơ hội nhận lì xì đầu năm giá trị lên đến 500k khi đăng ký bất kỳ khóa học nào.
Bởi Green Academy 17 tháng 12, 2024
Trong thế giới Internet rộng lớn, Google Search từ lâu đã là cô ng cụ tìm kiếm thống trị, cung cấp hàng tỷ kết quả trong nháy mắt. Tuy nhiên, sự ra đời của ChatGPT Search đã mở ra một "làn gió mới", mang phong cách hội thoại AI vào cuộc chơi. Vậy đâu là lựa chọn tốt hơn giữa hai cô ng cụ tìm kiếm này? Bài viết sẽ phân tích chi tiết để giúp bạn có cái nhìn tổng quan và lựa chọn phù hợp nhất.

Đăng Ký - Blog