Duyên Nguyễn Thị Cẩm 24/03

Mockup được hiểu là những hình ảnh mô phỏng mẫu thiết kế của Designer xuất hiện thật ngoài đời. Các mẫu Mockup được sử dụng để mô phỏng rất nhiều sản phẩm khác nhau như: Bộ nhận diện thương hiệu, standee, tủ, quạt, đèn, kiến trúc nhà cửa... Bạn có thể tham khao bài viết Mockup là gì? Cách sử dụng Mockup và những điều cần biết về Mockup để biết rõ hơn.

Nếu chưa có Photoshop, bạn có thể xem hướng dẫn cài đặt qua bài viết Cách tải và cài đặt phần mềm Photoshop trên Windows, Mac đơn giản.

Bạn có thể nhấn giữ Ctrl, trỏ chuột vào điểm muốn mở rộng và kéo thả để mở rộng vùng chọn.

Xem thêm:

• Cách lồng ghép hình ảnh vào chữ trong Photoshop cực nghệ thuật
• Layer là gì? Cách sử dụng, làm việc với Layer trong Photoshop

Khái niệm mockup bạn đã được nghe nhiều trong lĩnh vực Graphic Design, đặc biệt là trong quá trình thiết kế của các công ty lớn. Thế nhưng để hiểu đúng mockup là gì thì ít ai biết. Và vai trò của mockup trong việc tạo lập và sản xuất các sản phẩm kinh doanh của các thương hiệu là gì và làm sao để tạo file Mockup đơn giản? Bài viết này sẽ giúp bạn làm sáng tỏ các vấn đề trên.

Mockup là gì?

Một cách hiểu đơn giản thì mockup (hay mock-up) là một mô hình ví dụ cho đối tượng hoặc thiết bị được tạo ra dựa trên một thiết kế cụ thể theo tỉ lệ hoặc kích thước đầy đủ. Nó mang tính nguyên mẫu, nó cung cấp ít nhất một phần chức năng của hệ thống và cho phép thử nghiệm thiết kế. Thông thường, mockup được xây dựng để truyền đạt ý tưởng chung trên các sản phẩm thực tế, sử dụng bởi các nhà thiết kế chủ yếu để có được thông tin phản hồi từ người dùng. Mockup cung cấp phương pháp hữu hiệu tiết kiệm nhiều thời gian và tiền bạc trong việc thử nghiệm thiết kế, có nghĩa là, bạn hoàn toàn có thể tìm thấy điểm không đúng trên thiết kế, sửa chữa, thay đổi nó dễ dàng.

Mockup phổ biến được biết đến trong thiết kế đồ họa như là khuôn mẫu sản phẩm có sẵn để gắn bản thiết kế là các file PSD hay vector miễn phí hoặc tính phí: logo, card, bộ nhận diện thương hiệu, website…Bên cạnh đó, thuật ngữ mockup cũng được sử dụng để chỉ các mô hình mẫu kĩ thuật sơ bộ dự án, thiết kế mới trước khi đưa vào sản xuất trong thiết kế nội thất và thiết kế công nghiệp.

Vai trò đối với thiết kế

Hiện nay mockup ngày càng đóng vai trò quan trọng trong thiết kế. Đó chính là vì những lí do sau:

• Các mẫu mockup được xem như một cầu nối giúp định hướng và liên kết giữa đơn vị thiết kế và khách hàng của mình trong thiết kế chuyên nghiệp.
• Dễ dàng sửa đổi
• Tiết kiệm thời gian, chi phí
• Làm tăng cuốn hút cho thiết kế, dễ khiến khách hàng hài lòng

Quy trình tạo file Mockup đơn giản cho người mới bắt đầu

Sau đây, chúng tôi sẽ hướng dẫn bạn làm mockup in logo của mình lên một chất liệu giấy bất kì. Nếu bạn muốn biết logo của mình sau khi in trên nền giấy sẽ như thế nào trước khi thực nghiệm thì bạn có thể làm theo cách chúng tôi làm mockup dưới đây nhé.

• Bước 1: bước đầu tiên cũng là đơn giản nhất là bạn cần vào thanh tìm kiếm của Google.

• Bước 2: Gõ và tìm mock – up bạn cần

Tùy vào mục đích và sản phẩm thiết kế bạn cần làm là gì để tìm cho phù hợp. Một số ví dụ thường sử dụng nhiều như mockup túi giấy, mockup namecard, mockup áo thun,…Trong bài viết này, chúng tôi muốn in lên giấy xem logo của mình thực tế sẽ như thế nào nên chúng tôi tìm từ khóa “logo mockup on paper”. Nếu bạn muốn in lên một chất liệu nào khác thì gõ từ khóa tương tự nhé. Ví dụ: on wood (trên mặt gỗ), on desk (trên mặt bàn làm việc),…

• Bước 3: Lướt qua các lựa chọn mà Google đưa ra và tìm một trang nào đó free để tiến hành tải về nhé. Tuy hơi mất thời gian để tìm kiếm nhưng nếu chịu khó thì bạn sẽ tìm được rất nhiều mẫu đẹp.

Bước 4: Chọn kiểu mock – up phù hợp với yêu cầu của bạn và tìm cách download chúng với độ phân giải cao nhất nhé!

• Bước 5: Với file mockup vừa tải về, hãy ném chúng vào phần mềm Photoshop. Chú ý khi giải nén sẽ có 3 file, bạn hãy chọn file.psd 

• Bước 6: Tiếp theo là việc đưa logo của mình vào file mock – up

Hãy ấn đúp chuột vào Layer Smart Object, thường có tên là “Place your design here” hoặc “Placeholder“,Photoshop sẽ mở ra một file mới ngay lập tức, 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 hình demo sẵn của mẫu mockup đó rồi co kéo căn chỉnh logo sao cho hợp lý trước khi Save. Khi đã ưng ý, hãy chọn FILE > Save. Lưu ý: phải là file PNG nhé. 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, cắt chỉnh hình, thay đổi filter,… sửa đổi tùy ý trước khi xuất file.

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 mock – up thêm phần sinh động và chân thực nhé!

• Bước 8: Xuất file

Và đây là kết quả sau khi mình xuất file, mọi người thấy thế nào?

Lời khuyên để sử dụng mock – up một cách thành công

• Nên nhìn cụ thể và thực tế về sản phẩm thiết kế của bạn trong môi trường thực
• Hãy để bản mock – up của bạn trở nên nổi bật nhất
• Tránh sử dụng hình ảnh minh họa được tìm từ Google
• Sử dụng nhiều cách sắp đặt, đề hình nền thích hợp
• Hy vọng bài viết hữu ích với bạn. Chúc các bạn thành công!