Chào các bạn, thật ra thì dạo gần đây mình mới biết đến khái niệm này. Ban đầu cũng chỉ muốn tìm thêm nhiều preview đẹp, nhưng ai ngờ >..< preview thì chưa tìm được mà đã thấy cái còn vi diệu hơn nó ^^ |khụ thật ra là do bản thân thấy hay thôi|. 

Và không dài dòng thêm, mình xin được bắt đầu ngàn dòng nhảm nhỉ ^^

1. Khái niệm:

Google-/www.linkedin.com/

Mockup là gì? Mock-up là những mô hình thu nhỏ. Hoặc đúng kích cỡ thật nhằm sử dụng trong việc làm mẫu, giảng dạy, chạy quảng cáo,... Còn trong thiết kế in ấn thì mockup là những tập tin photoshop, vector được thiết kế sẵn. Với mục đích là giúp cho các designer có thể mô phỏng mẫu các mẫu thiết kế của mình khi chạy trên máy tính ... Một cách hiểu khoa học 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 đủ.

Mockup 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. Mẫu thiết kế 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.

Nói ngắn gọn, khi bạn vừa thiết kế xong sản phẩm gì đó, bạn cần xem thử sản phẩm này có phù hợp với mình không, thì bạn sử dụng thiết kế mockup – giống như phối cảnh sản phẩm vậy.

2. Vãi mẫu mockup:

Google
/www.freepik.com/

Còn rất nhiều mẫu đẹp nhưng mình xin phép dừng tại đây ^^ 

3. Huớng dẫn sử dụng:

/designervn.net/

- Bước 1: Mở File Mockup trong Photoshop (File Mockup thường ở định dạng PSD)

Bạn có thể mở bằng cách nhấp trực tiếp vào File PSD đó hoặc trong Photoshop chọn File -> Open và tìm đến thư mục chứa Mockup.

- Bước 2: Chỉnh sửa đối tượng

Tuỳ vào từng loại Mockup (có thể là Mockup võ hộp, chai lọ, mỹ phẩm; Mockup tường, toà nhà, công trình; Mockup máy tính, điện thoại;...) mà bạn có từng cách sửa khác nhau, nhưng chung quy thì chúng đều dùng để bạn có thể chèn đè đối tượng mà hiệu ứng vẫn được giữ nguyên.Bạn hãy nhìn qua bảng Layer nằm bên phải, và Layer "your screen" như vậy là chúng ta sẽ thay màn hình mà chúng ta muốn hay thế vào Layer này. Layer này đã được chuyển thành Smart Object và chúng ta có thể đơn giản thay thế bằng cách nhấp đôi vào layer đó. 

Lập tức sẽ có bảng hiện lên và công việc của bạn là chèn đè màn hình của bạn vào Layer đó.

Để chèn hình ảnh hoặc thiết kế bạn có thể vào File -> Place Embedded sau đó chọn ảnh bạn cần chèn.

  Sau khi chèn xong ảnh vào File->Save (Cmd + S / Ctr + S) để lưu Smart Object này. Sau khi lưu xong thì bạn chuyển qua Tab Mockup để kiểm tra kết quả

4.Share:

Một vài trang web cung cấp mẫu mockup free

https://www.mockupworld.co/all-mockups/

https://www.freepik.com/free-photos-vectors/mockup

(cập nhật sau- mình quên mất link 1 số trang rồi)

.........................

Lời cuối gửi đến các bạn, bài viết trên chỉ đơn giản là sưu tầm, tất cả các huớng dẫn hay mẫu đều không phải là của mình làm ra. Nhiều bạn sẽ hỏi là: Tại sao phần huớng dẫn không phải do mình tự soạn mà là copy? Xin trả lời là đây là sưu tầm cho các bạn tham khảo.

Tất cả cre hay nguồn đều đã có ở trên, mọi góp ý nhận xét mình sẽ tiếp nhận. 

Chỉ sử dụng được bằng pts.