Hướng dẫn sử dụng mockup để tạo cảm giác như thật cho bản thiết kế của bạn

29680 lượt xem20/06/2017 Kiến thức, Kiến thức đồ họa
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Chào các bạn, hẳn là có nhiều người đã từng hỏi mình câu hỏi này: “Anh ơi làm thế nào mà cái logo với card visit của anh share lên mạng nhìn như thật vậy? Anh in rồi chụp lại kiểu gì mà đẹp thế?“. Câu hỏi của một số bạn ấy có thể là câu hỏi chung của kha khá đông các bạn mới bắt đầu học thiết kế. Và trong bài viết này, mình sẽ chỉ cho các bạn một bảo bối để làm các ấn phẩm thiết kế của các bạn trông như thật, đó chính là Mockup.

Không riêng gì các bạn mới học thiết kế, mà ngay cả người làm thiết kế nhiều năm cũng không chắc biết đến mockup nếu không có ai giới thiệu hoặc chỉ cho. Ngay như mình cũng thế, nhờ có đi học thiết kế tại Trung tâm thì mới biết đến Mockup chứ trước đó làm Photoshop xong đưa sản phẩm lên mạng thấy nó cứ dại dại mà xấu xấu. Vậy, mockup là cái gì mà thần thánh vậy?

Mockup là gì?

Nói cách đơn giản, mockup chính là mô phỏng vật thể. Trong thiết kế đồ họa, mockup là các file PSD hoặc Vector nhằm giúp các nhà thiết kế mô phỏng các mẫu thiết kế của họ khi chạy trên máy tính. Sử dụng mockup để lấy các hình ảnh đẹp share lên mạng thì khỏi phải nghĩ luôn!

Xem ví dụ dưới đây để hình dung vai trò của mockup nhé!

Như bạn có thể thấy, sử dụng mockup cho ta những hình ảnh phối sản phẩm trông thật hơn, như đã được xuất bản hoặc in ấn. Sử dụng mockup cũng là cách đánh thức con mắt giác quan của khác hàng, giúp khách hàng hình dung dễ hơn sản phẩm của mình. Mách nhỏ: sử dụng mockup đẹp và hợp lý sẽ giúp tỷ lệ chốt đơn thành công với khách lên tới 80% đấy nhé!

Lấy mockup ở đâu?

Bạn thử lên google và gõ “mockup” nó ra cả đống kết quả trả về, bạn tha hồ mà lựa chọn. Tuy nhiên, không hẳn là ai cũng biết lối tải mockup về và sử dụng nó hiệu quả đâu.

Tùy vào mục đích và sản phẩm thiết kế bạn đang làm là gì để tìm mockup cho phù hợp. Ví dụ: mình đang thiết kế name card, mình phải gõ “Name card mockup” hoặc “Cardvisit mockup” thì mới ra những kết quả như ý muốn.

Có 2 cách lấy mockup: miễn phí và trả phí.

Miễn phí: //graphicburger.com, FreepickAll-free-download,…. (thường thì ít đồ ngon, nhưng đủ dùng)

Trả phí: Cứ trang nào bắt đăng nhập thì thường sẽ phải trả tiền để download, bỏ tiền ra thì sẽ có đồ ngon, nhưng nhiều khi tiếc nên không muốn bỏ. Có một trang mockup tuyệt vời mình hay dùng là www.placeit.net, cực kỳ nhiều mockup ngon, thậm chí có cả mockup video như thật, với điều kiện bạn sẽ phải bỏ một khoản tiền hàng tháng để có thể tải xuống bản fullHD (không có đóng dấu ảnh).

Cách sử dụng mockup

Mình mới làm xong một mẫu logo cho công ty, và mình muốn sử dụng mockup để mô phỏng logo sau khi in trên nền giấy sần. Do đó, mình sẽ cố gắng tìm kiếm một mockup logo liên quan đến giấy.

Nào, thử lên google cùng mình nhé!

Bước 1: Google chấm com.

Bước 2: Gõ tìm mockup

tìm mockup
Tìm mockup logo

Bước 3: Tìm trang nào đó free để tải về (bước này có lẽ hơi mất thời gian)

tải mockup
Mình hay tải ở trang này nè, free đó

Bước 4: Chọn kiểu mockup đẹp và tải về

tải mockup về
Tải mockup về, nút download màu xanh

Bước 5: Mở phần mềm Photoshop, và ném file mockup vừa tải về vào

mở file mockup
Hãy nhìn phần Layer sẽ có các layer có sẵn, chỉ cần lưu ý Layer Smart Object (thường có tên là Placeholder hoặc Place your design here)

Bước 6: Đưa thiết kế của mình vào file mockup

Các bạn ấn đúp chuột vào Layer Smart Object, thường có tên là “Place your design here” hoặc “Placeholder“, ngay lập tức Photoshop sẽ mở ra một file mới, có hình ảnh demo sẵn.

Nhiệm vụ của chúng ta là ném file PNG của logo vào thay thế cho cái hình demo sẵn đó rồi chọn FILE > Save. Lưu ý: phải là file PNG nhé, đưa vào nhớ co kéo căn chỉnh cho hợp lý trước khi Save.

Sau khi Save xong, các bạn quay trở lại file đầu tiên của mockup là thấy sự thay đổi hoàn toàn, logo của các bạn được làm đẹp một cách tự động nhé!

Bước 7: Phối màu, crop hình, thay đổi theo ý muốn trước khi xuất file

Bước này là tùy con mắt thẩm mỹ của các bạn, các bạn có thể chỉnh màu sắc, kích thước và các hiệu ứng có sẵn cho phù hợp nhé!

Bước 8: Xuất file

Và đây là kết quả sau khi mình xuất file, có hoành tráng không nhỉ?

Logo công ty cổ phần quốc tế sắc màu 2
Logo công ty cổ phần quốc tế sắc màu 2

Lời kết

Như vậy các bạn đã hoàn toàn làm chủ được mockup rồi phải không? Sử dụng mockup nhiều quá cũng có thể khiến bạn lười sáng tạo và không biết cách mô phỏng thiết kế thủ công. Tuy nhiên, nên sử dụng hợp lý để có những sản phẩm đẹp, sáng tạo và mất ít thời gian nhất.

4.3/5 - (9 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: NinhBinhWeb là thương hiệu chuyên thiết kế website, thành viên nhỏ xinh của GiuseArt, nếu bạn cần làm website, xem qua các mẫu websitetại đây.

Rất cám ơn bạn đã quan tâm, hy vọng có cơ hội được hợp tác với bạn!

Bài viết mới cập nhật:

Các khóa học thiết kế sáng tạo

Dưới đây là một số khóa học mình sưu tầm và đánh giá tích cực, bạn có thể tham khảo:

Học Corel Draw chuyên nghiệp trong 7 ngày

299.000đPhù hợp cho các bạn học nghề quảng cáo, vì 80% các cơ sở in ấn quảng cáo vẫn dùng Corel Draw để thiết kế và xuất file in.
Nhận mã giảm giá 40% ngay

Logic Và Thực Hành Thiết Kế UI/UX

599.000đPhù hợp cho các bạn học thiết kế website, hiểu về logic và nguyên tắc thiết thiết kế để có giao diện website đẹp
Nhận mã giảm giá 40% - 15 slot cuối

Digital Painting Nhập Môn (Vẽ môi trường)

699.000đHọc Digital Painting là vẽ tranh trên máy tính, sử dụng chuột hoặc bảng vẽ điện tử. Học cái này rất hay, bán file vẽ tốt lắm
Nhận mã giảm giá 40%

Thiết kế Converpt nhân vật trên Photoshop

299.000đPhù hợp cho các bạn bắt đầu học thiết kế nhân vật, hoạt dộng trong lĩnh vực phim hoạt hình 2D hoặc 3D
Nhận mã giảm giá 40%

Adobe Illustrator CC từ cơ bản đến nâng cao

299.000đIllustrator buộc phải học nếu bạn muốn theo mảng thiết kế logo, in ấn khổ lớn xuất file vector không bị mờ
Nhận mã giảm giá 40%

Thiết kế Quảng Cáo bằng phần mềm CorelDraw

570.000đ90% các tiệm quảng cáo in ấn sử dụng Corel Draw, học phần mềm này để thiết kế và xuất file in biển quảng cáo
Nhận mã giảm giá 40%

Thiết kế ấn phẩm truyền thông, bao bì, tem, logo

299.000đ90% các tiệm quảng cáo in ấn sử dụng Corel Draw, học phần mềm này để thiết kế và xuất file in biển quảng cáo
Nhận mã giảm giá 40%

Chinh Phục Adobe Illustrator cùng Thùy Uyên Training

199.000đThùy Uyên là Designer khá nổi tiếng rồi, bạn search Google ra thông tin liền, đang giảm giá tới 40% khóa học nè bạn!
Nhận mã giảm giá 40%

Trở Thành Designer Chuyên Nghiệp

199.000đKhóa học trở thành Designer chuyên nghiệp, giúp bạn nắm bắt được các quy tắc màu sắc, quy chuẩn thiết kế cơ bản
Nhận mã giảm giá 40%

Các khóa học thiết kế website

Dưới đây là một số khóa học mình sưu tầm và đánh giá tích cực, bạn có thể tham khảo:

Thành Thạo Thiết Kế Website Bất Động Sản Bằng WordPress

599.000đPhù hợp cho các bạn bán bất động sản, tự xây dựng một website bất động sản bằng wordpress với chi phí thấp
Nhận mã giảm giá 40% ngay

Thiết Kế Website Bằng WordPress Không Cần Biết Lập Trình

299.000đWordpress là một hệ quản trị nội dung phổ biến, 80% các website đang sử dụng wordpress, nên học nha bạn
Nhận mã giảm giá 40%

Thiết Kế Website Bán Hàng Và Website Tin Tức Wordpress A-Z Nâng Cao

1.900.000đNguyễn Văn Thế là một lập trình viên có tiếng trong giới thiết kế website, khóa học dễ hiểu và giá trị cao
Nhận mã giảm giá 40%

Thiết Kế Website Wordpress Chuẩn SEO Lên TOP Google

499.000đHọc thiết kế website chuẩn SEO đưa từ khóa lên TOP của Google để bán hàng là hướng đi cần thiết
Nhận mã giảm giá 40%

Thiết Kế Website Bán Hàng Chuyên Nghiệp, Chuẩn SEO Cho Người Mới

299.000đNgười mới chưa biết code có thể học khóa này để dựng website kéo thả trực quan
Nhận mã giảm giá 40%

Các khóa học marketing bán hàng

Dưới đây là một số khóa học mình sưu tầm và đánh giá tích cực, bạn có thể tham khảo:

Ứng Dụng AI Phát Triển Bản Thân Không Giới Hạn

199.000đTìm hiểu các công cụ AI hỗ trợ công việc tốt nhất hiện nay, giúp phát triển bản thân, nhân đôi năng suất và thu nhập
Nhận mã giảm giá 40% ngay

Ứng dụng AI và Chatgpt Xây dựng thương hiệu và maketing BĐS

599.000đKhóa học ứng dụng AI để xây dựng thương hiệu và Marketing lĩnh vực Bất động sản rất hay bạn nên học
Nhận mã giảm giá 40%

Kiếm tiền youtube bằng tạo bài hát với Suno AI

299.000đAI Suno giúp bạn tạo một bài hát chỉ với câu lệnh ngôn ngữ tự nhiên, sau đó tạo kênh youtube kiếm tiền
Nhận mã giảm giá 40%

Facebook Coaching - Tự Học Chạy Quảng Cáo Chuyên Nghiệp

399.000đHọc chạy Facebook Ads về bán hàng cũng rất hiệu quả, mục tiêu học để tối ưu chi phí trên tiền quảng cáo
Nhận mã giảm giá 40%

Khóa Học Youtube AI - Thu nhập 1000$ mỗi tháng

198.000đXây kênh youtube và làm nội dung với Ai, thu hút khách xem và kiếm tiền từ Youtube không thể dễ dàng hơn
Nhận mã giảm giá 40%

Thực Chiến Làm Video Reels Facebook Triệu View & Kiếm Tiền

198.000đXây dựng fanpage hoặc trang cá nhân, bật kiếm tiền, dưng video Reels sau đó kiếm tiền với Facebook dễ dàng
Nhận mã giảm giá 40%

Khóa Học Bán Hàng Shopee Từ A-Z: Bí Mật Nghìn Đơn Dễ Dàng

399.000đKhóa học bán hàng trên Shopee từ A-Z, bí quyết của những shop vận hành cả nghìn đơn mỗi tháng
Nhận mã giảm giá 40%

Định Hướng Xây Kênh TikTok - làm video ngắn và kinh doanh

399.000đĐịnh hướng xây kênh TikTok cho các bạn, hướng dẫn làm video ngắn và kinh doanh trên nền tảng TikTok
Nhận mã giảm giá 40%

Youtube MasterClass - Tất tần tật bạn cần biết về cách xây dựng 1 kênh Youtube triệu views

399.000đKinh nghiệm của các chuyên gia để xây dựng một kênh Youtube triệu view kiếm tiền rất dễ
Nhận mã giảm giá 40%

Giới thiệu Host xịn cho anh em!