Hướng dẫn cách làm Mockup trong Photoshop chân thực nhất

Hướng dẫn cách làm Mockup trong Photoshop chân thực nhất

Mục lục

Bạn muốn giới thiệu và gây ấn tượng về sản phẩm của mình với khách hàng bằng cách tự tạo ra những Mockup độc đáo. Trong bài viết dưới đây, chúng tôi sẽ giới thiệu cho bạn cách làm Mockup trong Photoshop độc đáo, gây ấn tượng với khách hàng.

Tốp khóa học
Tính Toán Kết Cấu Nhà Phố Bằng Phần Mềm Etabs

Tính Toán Kết Cấu Nhà Phố Bằng Phần Mềm Etabs

Phạm Văn Lương
(14)
686,000đ 986,000đ
Tính Toán Kết Cấu Nhà Phố Bằng Phần Mềm Etabs
  • 30 bài giảng
  • 06 giờ 36 phút
Image) ? $teachers->Image : '' ?> Phạm Văn Lương
Thạc sỹ - Kỹ sư xây dựng, Giám đốc công ty cổ phần kiến trúc Kisato
Khoá học hướng dẫn bạn tự tay kiểm tra khả năng chịu lực cho tất cả các công trình nhà phố khác
THÊM VÀO GIỎ HÀNG
Đồng hành cùng con giai đoạn khủng hoảng tuổi lên 3

Đồng hành cùng con giai đoạn khủng hoảng tuổi lên 3

Nguyễn Thị Anh Thư
(2)
299,000đ 600,000đ
Đồng hành cùng con giai đoạn khủng hoảng tuổi lên 3
  • 12 bài giảng
  • 01 giờ 07 phút
Image) ? $teachers->Image : '' ?> Nguyễn Thị Anh Thư
Giảng viên - Chuyên gia Tâm lý - Giáo dục học
Hiểu các hành vi của con trong giai đoạn tuổi lên 3, biết cách động viên khích lệ con vượt qua gia đoạn khủng hoảng bằng phương pháp kỷ luật tích cực, giúp con phát triển toàn diện, hình thành thói quen tốt
THÊM VÀO GIỎ HÀNG
Khởi nghiệp kinh doanh quán trà sữa

Khởi nghiệp kinh doanh quán trà sữa

Nguyễn Tấn Trung
(8)
Miễn phí
Khởi nghiệp kinh doanh quán trà sữa
  • 61 bài giảng
  • 03 giờ 14 phút
Image) ? $teachers->Image : '' ?> Nguyễn Tấn Trung
Giảng viên
Kinh doanh trà sữa, cafe là mô hình khởi nghiệp an toàn, ít rủi ro, khơi dậy khả năng sáng tạo trong các loại thức uống mà bạn yêu thích.
THÊM VÀO GIỎ HÀNG
Kinh doanh online từ A - Z

Kinh doanh online từ A - Z

Vũ Kim Khánh
(4)
399,000đ 800,000đ
Kinh doanh online từ A - Z
  • 34 bài giảng
  • 02 giờ 17 phút
Image) ? $teachers->Image : '' ?> Vũ Kim Khánh
Thạc sĩ kinh tế - Giám đốc kinh doanh Công ty cổ phần PDS
Kinh doanh online từ A - Z giúp cho học viện có cái nhìn tổng quan về các hình thức kinh doanh online và mô hình tổng quát.
THÊM VÀO GIỎ HÀNG
Dạy con siêu trí nhớ cùng kỷ lục gia

Dạy con siêu trí nhớ cùng kỷ lục gia

Nguyễn Phùng Phong
(98)
599,000đ 900,000đ
Dạy con siêu trí nhớ cùng kỷ lục gia
  • 19 bài giảng
  • 04 giờ 59 phút
Image) ? $teachers->Image : '' ?> Nguyễn Phùng Phong
Chuyên gia Siêu trí nhớ
Khóa học siêu trí nhớ cùng kỷ lục gia Nguyễn Phùng Phong sẽ Khai thác hết tất cả những tiềm năng của não bộ, các con sẽ thuộc bài ngay tại lớp. Giúp Ghi nhớ 100 từ vựng tiếng anh mỗi ngày
THÊM VÀO GIỎ HÀNG
Yoga cho Thân Khỏe, Tâm An

Yoga cho Thân Khỏe, Tâm An

Milena Nguyễn
(7)
245,000đ 700,000đ
Yoga cho Thân Khỏe, Tâm An
  • 31 bài giảng
  • 03 giờ 57 phút
Image) ? $teachers->Image : '' ?> Milena Nguyễn
Giảng viên Yoga & Thiền - Người sáng lập ra Soulful Garden
Khóa học giúp bạn cảm nhận chuyển biến tích cực về thể chất lẫn tinh thần, Làm việc hiệu quả và tận hưởng cuộc sống với năng lượng dồi dào
THÊM VÀO GIỎ HÀNG
Excel - Làm việc tăng năng suất, luyện thi điểm tối đa

Excel - Làm việc tăng năng suất, luyện thi điểm tối đa

Phan Thanh Phong
349,000đ 500,000đ
Excel - Làm việc tăng năng suất, luyện thi điểm tối đa
  • 54 bài giảng
  • 06 giờ 52 phút
Image) ? $teachers->Image : '' ?> Phan Thanh Phong
Giảng viên
Hệ thống hóa kiến thức, thành thạo các hàm tính toán trong Excel, tăng hiệu suất công việc thực tiễn, luyện thi đạt điểm tối đa
THÊM VÀO GIỎ HÀNG
Bí quyết Tán gái

Bí quyết Tán gái

Mai Tình yêu
(390)
599,000đ 700,000đ
Bí quyết Tán gái
  • 27 bài giảng
  • 01 giờ 55 phút
Image) ? $teachers->Image : '' ?> Mai Tình yêu
Chuyên gia tư vấn tình yêu và mối quan hệ
Khóa học Bí quyết Tán gái sẽ mang đến cho phái nam những phương pháp làm quen và chinh phục bạn gái bá đạo và hiệu quả nhất
THÊM VÀO GIỎ HÀNG
Thành thạo thiết kế website bất động sản bằng WordPress

Thành thạo thiết kế website bất động sản bằng WordPress

Lương Hà Phong
699,000đ 899,000đ
Thành thạo thiết kế website bất động sản bằng WordPress
  • 43 bài giảng
  • 05 giờ 09 phút
Image) ? $teachers->Image : '' ?> Lương Hà Phong
Giảng viên
Giúp bạn dễ dàng tạo ra và quản trị một website miễn phí chỉ bằng WordPress.
THÊM VÀO GIỎ HÀNG
Bí quyết thành công trong cuộc sống

Bí quyết thành công trong cuộc sống

Nguyễn Bá Dương
(2)
349,000đ 600,000đ
Bí quyết thành công trong cuộc sống
  • 29 bài giảng
  • 02 giờ 26 phút
Image) ? $teachers->Image : '' ?> Nguyễn Bá Dương
Diễn Giả - Doanh nhân - Tác giả
Khóa học giúp bạn sở hữu những phương pháp tư duy tích cực thành công
THÊM VÀO GIỎ HÀNG

Tìm hiểu chung về Mockup

Trước khi hướng dẫn bạn cách làm Mockup trong Photoshop, chúng ta nên đi tìm hiểu chung về Mockup là gì? Mockup có lợi ích gì và lấy mockup ở đâu?

 cách làm Mockup trong Photoshop

Hình ảnh trước và sau khi sử dụng Mockup

Hiểu một cách đơn giản, Mockup chính là một 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ác mẫu thiết kế của họ khi chạy trên máy tính.

Theo như khái niệm, chúng ta có thể sử dụng mockup để sản xuất ra những hình ảnh, sản phẩm chân thật hơn. Sử dụng mockup là một cách đánh thức con mắt, giác quan của khách hàng, giúp khách hàng hình dung dễ hơn sản phẩm của mình. Trong kinh doanh, rất nhiều người lựa chọn Mockup để đi gặp khách hàng và nâng tỉ lệ chốt đơn lên tới 80%.

Một chú ý khác mà bạn cũng nên quan tâm về mockup đó là lấy Mockup ở đâu? Bạn thử lên Google và gõ “Mockup”, kết quả trả về là rất nhiều hình ảnh để bạn 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ả. Chính vì thế, chúng ta nên tự làm một mockup phù hợp với nhu cầu của mình thông qua Photoshop.

Cách làm Mockup trong Photoshop hiệu quả

Tốp khóa học photoshop
Ghép ảnh chuyên nghiệp với Photoshop

Ghép ảnh chuyên nghiệp với Photoshop

Mai Xuân Huy (Huy Quần Hoa)
(39)
549,000đ 700,000đ
Ghép ảnh chuyên nghiệp với Photoshop
  • 29 bài giảng
  • 07 giờ 37 phút
Image) ? $teachers->Image : '' ?> Mai Xuân Huy (Huy Quần Hoa)
Giảng viên Photoshop
Học cách ghép ảnh, thiết kế ảnh đẹp, hấp dẫn, thỏa sức ghép hình cùng thần tượng hay xuất hiện trong các bộ phim nổi tiếng Hollywood.
THÊM VÀO GIỎ HÀNG
Trở thành chuyên gia photoshop kiến trúc nội thất quy hoạch

Trở thành chuyên gia photoshop kiến trúc nội thất quy hoạch

Hoàng Tùng Dương
(1)
562,500đ 1,250,000đ
Trở thành chuyên gia photoshop kiến trúc nội thất quy hoạch
  • 69 bài giảng
  • 12 giờ 44 phút
Image) ? $teachers->Image : '' ?> Hoàng Tùng Dương
Kiến trúc sư, giảng viên
Nâng cao tư duy và kĩ năng sử dụng photoshop vào lĩnh vực thiết kế kiến trúc, nội thất, quy hoạch.
THÊM VÀO GIỎ HÀNG
Học 3ds Max, Vray và Photoshop trong diễn họa 3d kiến trúc nội ngoại thất

Học 3ds Max, Vray và Photoshop trong diễn họa 3d kiến trúc nội ngoại thất

Nguyễn Thanh Tùng
(40)
899,000đ
Học 3ds Max, Vray và Photoshop trong diễn họa 3d kiến trúc nội ngoại thất
  • 81 bài giảng
  • 06 giờ 47 phút
Image) ? $teachers->Image : '' ?> Nguyễn Thanh Tùng
Giảng viên thiết kế tại công ty kiến trúc nội thất Nam Anh
Làm quen với cả 3 phần mềm 3ds max, vray và photoshop, từ đó tự tay được những đồ vật 3D theo ý muốn
THÊM VÀO GIỎ HÀNG
Thành thạo Photoshop từ cơ bản đến nâng cao

Thành thạo Photoshop từ cơ bản đến nâng cao

Phạm Thiệp
(34)
399,000đ 600,000đ
Thành thạo Photoshop từ cơ bản đến nâng cao
  • 50 bài giảng
  • 05 giờ 18 phút
Image) ? $teachers->Image : '' ?> Phạm Thiệp
Giảng viên
Khóa học sẽ giúp bạn chinh phục và làm chủ Photoshop để tạo nên những bức ảnh đẹp, thiết kế banner, thiết kế giao diện website
THÊM VÀO GIỎ HÀNG
Photoshop cho người mới bắt đầu

Photoshop cho người mới bắt đầu

Nguyễn Văn Dinh
(63)
599,000đ
Photoshop cho người mới bắt đầu
  • 33 bài giảng
  • 05 giờ 34 phút
Image) ? $teachers->Image : '' ?> Nguyễn Văn Dinh
CEO của Trung tâm đào tạo SKYGATE
Khóa học cung cấp các kiến thức cơ bản tới nâng cao giúp bạn hiểu rõ bản chất về Photoshop và sử dụng thành thạo phần mềm này.
THÊM VÀO GIỎ HÀNG
Đỉnh cao Photoshop thực chiến

Đỉnh cao Photoshop thực chiến

Bùi Thanh Tùng
599,000đ
Đỉnh cao Photoshop thực chiến
  • 32 bài giảng
  • 04 giờ 58 phút
Image) ? $teachers->Image : '' ?> Bùi Thanh Tùng
Team leader Design
Bạn muốn trở thành nhà thiết kế trên phần mềm Photoshop chuyên nghiệp trong thời gian ngắn? Khóa học này chính là đáp án dành cho bạn!
THÊM VÀO GIỎ HÀNG
Làm chủ photoshop trong 7 ngày

Làm chủ photoshop trong 7 ngày

Vũ Ngọc Đăng
(15)
599,000đ
Làm chủ photoshop trong 7 ngày
  • 49 bài giảng
  • 06 giờ 38 phút
Image) ? $teachers->Image : '' ?> Vũ Ngọc Đăng
Giảng viên
Thỏa sức sáng tạo, tự tay chỉnh sửa hình ảnh theo sở thích, tạo hiệu ứng đẹp mắt...chỉ sau một tuần
THÊM VÀO GIỎ HÀNG
Tự học Photoshop trong 7 ngày

Tự học Photoshop trong 7 ngày

Trịnh Tấn Tiến
(2)
599,000đ
Tự học Photoshop trong 7 ngày
  • 30 bài giảng
  • 04 giờ 22 phút
Image) ? $teachers->Image : '' ?> Trịnh Tấn Tiến
Giảng Viên
Bạn muốn học Photoshop mà chưa biết bắt đầu từ đâu? Quá nhiều tính năng, công cụ ở Photoshop khiến bạn choáng ngợp. Chỉ cần 7 ngày bạn sẽ quen ngay thôi!
THÊM VÀO GIỎ HÀNG
Học Adobe photoshop CS6 cho người mới bắt đầu

Học Adobe photoshop CS6 cho người mới bắt đầu

Đặng Văn Lel
(4)
699,000đ
Học Adobe photoshop CS6 cho người mới bắt đầu
  • 21 bài giảng
  • 12 giờ 47 phút
Image) ? $teachers->Image : '' ?> Đặng Văn Lel
Giảng viên
Giúp bạn tăng khả năng sáng tạo, sớm khám phá ra nhiều cách thiết kế hay và ứng dụng vào cuộc sống và công việc của mình.
THÊM VÀO GIỎ HÀNG
Photoshop thần thánh

Photoshop thần thánh

Phạm Tiến Hưng
(25)
99,000đ 900,000đ
Photoshop thần thánh
  • 113 bài giảng
  • 15 giờ 20 phút
Image) ? $teachers->Image : '' ?> Phạm Tiến Hưng
CEO DG Training
Giúp bạn từ KHÔNG BIẾT GÌ trở thành CHUYÊN GIA thiết kế Quảng cáo & Xử lý hậu kỳ nhiếp ảnh.
THÊM VÀO GIỎ HÀNG

Bước 1: Mở hình ảnh muốn tạo Mockup

Đầu tiên, bạn cần sử dụng một hình ảnh muốn tạo Mockup. Cách tốt nhất là nên chọn một hình ảnh có chất lượng cao bởi vì nó sẽ đảm bảo chính xác thiết kế của bạn không bị vỡ hoặc khó nhìn. Sau đó, bạn bắt đầu mở tệp .jpeg trong Photoshop.

Bước 2: Tạo khung

Bạn sử dụng các đường dẫn hoặc đường Rule để đảm bảo bố trí chính xác, kích thước của khung. Nhấn tổ hợp phím Cmd + R để kích hoạt các thanh thước đo. Khi thước đo xuất hiện, bạn cần rê chuột vào thước và kéo ra ngoài để tạo các đường dẫn.

 cách làm Mockup trong Photoshop

Tạo một khung cho để làm Mockup cho vật

Bước 3: Vẽ hình chữ nhật

Chọn U hoặc điều hướng thanh bên trong công cụ Rectangle Tool để tạo hình chữ nhật cho thiết kế. Tốt nhất bạn nên chọn những màu tối để phân biệt hình chữ nhật với khung. Hình dạng chữ nhật không cần chính xác vì chúng ta sẽ thao tác các góc lại.

Bước 4: Khóa các đường dẩn

Sau khi vẽ đường dẩn và hình chữ nhật thành công, cách làm Mockup trong Photoshop tiếp theo đó là bạn phải khóa các đường dẩn lại. Bởi vì nếu bạn để lại, vô tình bạn di chuyển chuột chúng sẽ bị lệch khỏi vị trí và bạn lại mất thời gian làm lại. Để khóa, bạn có thể vào menu View.

Bước 5: Thao tác Shape bằng công cụ Free Transform Tool

Khi các đường dẫn thông minh bị khóa lại, bạn sẽ chuyển sang thao tác với hình chữ nhật. Nhấn tổ hợp Cmd + T để truy cập công cụ Free Transform, khi công cụ này được kích hoạt thì các góc sẽ xuất hiện. Để di chuyển được các góc, bấm Cmd và kéo góc được chỉ định vào các cạnh của khung Poster. Con trỏ sẽ xuất hiện dưới dạng một mũi tên màu trắng khi thao tác các góc riêng lẻ.

Bước 6: Chuyển đổi Shape thành Smart Object

Khi bạn hài lòng với hình dạng và vị trí của hình chữ nhật, hãy chuyển đến Layer của nó. Bạn cần nhấn chuột phải và lựa chọn Convert to Smart Object. Sau đó, khi bạn nhấp chuột vào Layer Smart Object, Photoshop sẽ tự động mở cột Tab mới và bạn chỉ cần kéo thả hình ảnh vào hình đó.

Bước 7: Đặt thiết kế của bạn vào Smart Object

Sau khi bạn đặt thiết kế của mình trong Photoshop, nhấp vào Cmd + A để chọn một thiết kế đầy đủ. Để sao chép thiết kế, nhấn Cmd + C và sau đó nhấp vào đối tượng tài liệu thông minh và dán với Cmd + V. Sử dụng công cụ Free Transform với Cmd + T để thay đổi kích thước nếu cần. Để quy mô đảm bảo, bạn hãy giữ phím Shift khi thay đổi kích cỡ và cuối cùng nhấn Save hoặc Cmd + S để kết thúc vị trí của bạn và điều hướng sản phẩm đến tài liệu Mockup gốc.

Bước 8: Xem lại thiết kế

Smart Object thật sự là một công cụ rất tốt. Sau khi biết cách làm Mockup trong Photoshop, bạn cần xem lại thiết kế. Có thể thấy, thiết kế của bạn bây giờ được đặt trong khung quảng cáo thông qua lớp Rectangle Smart Object và bạn chỉ cần sử dụng Multiply để cho phép bóng của khung được hiển thị.

 cách làm Mockup trong Photoshop

Hình ảnh chân thực của Mockup sau khi thiết kế xong

Để biết cách làm Mockup chi tiết cũng như nắm được thêm nhiều công cụ trong Photoshop, bạn có thể tham khảo thêm khóa học “Photoshop cho người mới bắt đầu” của giảng viên Nguyễn Văn Dinh trên Unica. Khóa học sẽ cung cấp cho bạn những hiểu biết về các thanh công cụ như Move Tool, Marquee Tool, Type Tool, cách tạo khối. Thêm nữa, bạn sẽ còn được học thêm cách chỉnh sửa hình ảnh như xóa bỏ đối tượng, hướng dẫn làm trắng, tách nền, tạo poster…

Mockup là những thiết kế có sẵn, có rất nhiều trên mạng mà bạn có thể tải về sử dụng. Tuy nhiên, Mockup miễn phí cũng có, trả phí lại càng nhiều hơn. Chính vì thế, việc bạn nắm được cách làm Mockup trong Photoshop sẽ giúp bạn tiết kiệm được rất nhiều thời gian, hình ảnh chất lượng, thiết kế đẹp và chuyên nghiệp.


Tags: Photoshop