Mockup là gì? Cách làm mockup đơn giản

Mockup là gì? Cách làm mockup đơn giản

Top khóa học
Tập Yoga cơ bản ngay tại nhà với Nguyễn Hiếu

Tập Yoga cơ bản ngay tại nhà với Nguyễn Hiếu

Nguyễn Hiếu
(175)
549,000đ 700,000đ
Tập Yoga cơ bản ngay tại nhà với Nguyễn Hiếu
  • 32 bài giảng
  • 07 giờ 23 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Học Yoga cơ bản ngay tại nhà giúp cải thiện sức khoẻ tinh thần, thể chất của bạn. Ngoài ra, việc học Yoga Online tại nhà cũng giúp bạn tiết kiệm được nhiều thời gian và chi phí so với việc học ở các trung tâm.
THÊM VÀO GIỎ HÀNG
10 Ngày eo thon dáng đẹp cùng zumba

10 Ngày eo thon dáng đẹp cùng zumba

Đỗ Nghiêm Túc
(36)
549,000đ 600,000đ
10 Ngày eo thon dáng đẹp cùng zumba
  • 17 bài giảng
  • 01 giờ 04 phút
Image) ? $teachers->Image : '' ?> Đỗ Nghiêm Túc
Giảng Viên
Đốt cháy 600-1000 calo trở thành người có thân hình chắc khoẻ cùng với khoá học 10 Ngày eo thon dáng đẹp cùng zumba online. 1 tinh thần sảng khoái để có thể làm việc và học tập hiệu quả.
THÊM VÀO GIỎ HÀNG
Học đệm hát Guitar cùng Haketu

Học đệm hát Guitar cùng Haketu

Hà Kế Tú
(152)
549,000đ 700,000đ
Học đệm hát Guitar cùng Haketu
  • 45 bài giảng
  • 04 giờ 01 phút
Image) ? $teachers->Image : '' ?> Hà Kế Tú
Giảng viên Guitar - Youtuber nổi tiếng cộng đồng guitar Việt Nam
Học đệm hát cùng Haketu - Guitarist nổi tiếng Việt Nam, nhanh chóng làm chủ cây đàn guitar trong tay với kỹ thuật chơi guitar cực đỉnh, cùng bạn bè người yêu nghêu ngao hòa mình vào âm nhạc
THÊM VÀO GIỎ HÀNG
Bí mật Thiền ứng dụng thay đổi cuộc đời

Bí mật Thiền ứng dụng thay đổi cuộc đời

Nguyễn Hiếu
(68)
699,000đ
Bí mật Thiền ứng dụng thay đổi cuộc đời
  • 25 bài giảng
  • 07 giờ 53 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Khoá học thiền của giảng viên Yoga- Nguyễn Hiếu mang lại lợi ích tuyệt vời cho sức Khỏe thể chất lẫn tinh thần.
THÊM VÀO GIỎ HÀNG
Guitar đệm hát nâng cao cùng Haketu

Guitar đệm hát nâng cao cùng Haketu

Hà Kế Tú
(111)
599,000đ 800,000đ
Guitar đệm hát nâng cao cùng Haketu
  • 55 bài giảng
  • 05 giờ 15 phút
Image) ? $teachers->Image : '' ?> Hà Kế Tú
Giảng viên Guitar - Youtuber nổi tiếng cộng đồng guitar Việt Nam
Khóa học sẽ giúp bạn nắm được cách chơi Guitar đệm hát nhanh chóng và hiệu quả. Bạn sẽ tự tin chơi đệm hát Guitar, nghêu ngao những bản nhạc cùng bạn bè.
THÊM VÀO GIỎ HÀNG
Làm Chủ Thiết Kế Với 3DS MAX và Vray

Làm Chủ Thiết Kế Với 3DS MAX và Vray

Trịnh Duy Đông
(9)
699,000đ
Làm Chủ Thiết Kế Với 3DS MAX và Vray
  • 62 bài giảng
  • 08 giờ 44 phút
Image) ? $teachers->Image : '' ?> Trịnh Duy Đông
Giảng viên
Bạn muốn thể hiện ý tưởng thành những hình ảnh chân thực nhất? Bạn muốn sử dụng 3DS MAX và Vray 2017 thành thạo, phối cảnh thiên nhiên hoàn thiện nhất?
THÊM VÀO GIỎ HÀNG
Yoga trẻ hóa và làm đẹp cho khuôn mặt

Yoga trẻ hóa và làm đẹp cho khuôn mặt

Nguyễn Hiếu
(36)
499,000đ
Yoga trẻ hóa và làm đẹp cho khuôn mặt
  • 19 bài giảng
  • 03 giờ 16 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Với các bài tập Yoga trẻ hóa sở hữu làn da tươi trẻ, tăng sự đàn hồi giúp nâng cơ da mặt tự nhiên và xóa nếp nhăn trên mặ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
(114)
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
Đốt cháy mỡ tại nhà với nhảy hiện đại

Đốt cháy mỡ tại nhà với nhảy hiện đại

Trung tâm thể dục thẩm mỹ Duyên Dáng Việt
(46)
599,000đ
Đốt cháy mỡ tại nhà với nhảy hiện đại
  • 23 bài giảng
  • 01 giờ 28 phút
Image) ? $teachers->Image : '' ?> Trung tâm thể dục thẩm mỹ Duyên Dáng Việt
Giảng viên
Eo thon - dáng đẹp với nhảy hiện đại
THÊM VÀO GIỎ HÀNG
Sự nhiệm màu của hơi thở

Sự nhiệm màu của hơi thở

Nguyễn Hiếu
(416)
499,000đ
Sự nhiệm màu của hơi thở
  • 10 bài giảng
  • 01 giờ 49 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Lấy lại cách thở tự nhiên của con người, tăng cường sự luân chuyển khí, có một cơ thể khỏe mạnh, tràn đầy năng lượng
THÊM VÀO GIỎ HÀNG
Làm Chủ Thiết Kế Với Sketchup Và Vray

Làm Chủ Thiết Kế Với Sketchup Và Vray

Trịnh Duy Đông
(32)
499,000đ 600,000đ
Làm Chủ Thiết Kế Với Sketchup Và Vray
  • 46 bài giảng
  • 06 giờ 27 phút
Image) ? $teachers->Image : '' ?> Trịnh Duy Đông
Giảng viên
Nắm được tư duy thiết kế mô hình 3D nội thất, xây dựng - Hoàn thiện bản vẽ 3D từ phác thảo ý tưởng đến sản phẩm hoàn chỉnh
THÊM VÀO GIỎ HÀNG
Yoga khí công chữa bệnh khớp và cột sống phục hồi sức khỏe

Yoga khí công chữa bệnh khớp và cột sống phục hồi sức khỏe

Nguyễn Hiếu
(3)
499,000đ
Yoga khí công chữa bệnh khớp và cột sống phục hồi sức khỏe
  • 11 bài giảng
  • 06 giờ 08 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Học yoga khí công, giúp đào thải độc tố, giải tỏa căng thẳng, phòng ngừa và điều trị bệnh khớp, cột sống, giảm các bệnh về gan, cao huyết áp, tiểu đường,...
THÊM VÀO GIỎ HÀNG
Tập yoga nâng cao thật dễ

Tập yoga nâng cao thật dễ

Nguyễn Hiếu
(8)
599,000đ
Tập yoga nâng cao thật dễ
  • 18 bài giảng
  • 12 giờ 10 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Các bài tập Yoga từ đơn giản đến nâng cao, giúp bạn loại bỏ tất cả áp lực cuộc sống, tiêu trừ bệnh tật, duy trì cơ thể khỏe đẹp và sự thanh thản, tập trung
THÊM VÀO GIỎ HÀNG
Eat Clean chuẩn cho người Việt

Eat Clean chuẩn cho người Việt

Nguyễn Thu Hương (Choé)
(1)
699,000đ
Eat Clean chuẩn cho người Việt
  • 23 bài giảng
  • 03 giờ 41 phút
Image) ? $teachers->Image : '' ?> Nguyễn Thu Hương (Choé)
Blogger ẩm thực
Hiểu rõ về chế độ ăn Eat Clean, tự xây dựng được chế độ ăn hợp lý, biết cách chế biến các món ăn để không nhàm chán, linh hoạt
THÊM VÀO GIỎ HÀNG
Sát thủ bán hàng Livestream

Sát thủ bán hàng Livestream

Phạm Thành Long
(47)
899,000đ
Sát thủ bán hàng Livestream
  • 30 bài giảng
  • 06 giờ 21 phút
Image) ? $teachers->Image : '' ?> Phạm Thành Long
Luật sư - Diễn giả
Hướng dẫn cách setup một buổi livestream hoàn hảo. Bí quyết chốt đơn nhanh chóng, hiệu quả để gấp 5 - 10 lần doanh số bán hàng mà không tốn một chi phí quảng cáo nào
THÊM VÀO GIỎ HÀNG
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)
(48)
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
Nghệ thuật Phòng the đỉnh cao

Nghệ thuật Phòng the đỉnh cao

Vera Hà Anh
(213)
720,000đ 1,200,000đ
Nghệ thuật Phòng the đỉnh cao
  • 50 bài giảng
  • 08 giờ 37 phút
Image) ? $teachers->Image : '' ?> Vera Hà Anh
Chuyên gia tâm lý, TGĐ Công ty Tư Vấn Tâm Lý và Đào Tạo VERA
Học cùng cô Vera Hà Anh để sở hữu bí kíp bí mật phòng the- nghệ thuật "yêu"- ngọn lửa xây dựng tổ ấm gia đình thời hiện đại.
THÊM VÀO GIỎ HÀNG
Nghệ thuật thổi kèn đỉnh cao

Nghệ thuật thổi kèn đỉnh cao

Trang Trần
(67)
549,000đ 700,000đ
Nghệ thuật thổi kèn đỉnh cao
  • 18 bài giảng
  • 01 giờ 45 phút
Image) ? $teachers->Image : '' ?> Trang Trần
Giảng viên chuyên môn bộ môn BJ tại FullHouse
Cẩm nang BJ dành cho phụ nữ, giúp bạn và đối tác có được cảm giác khoái cảm tuyệt vời, giữ hạnh phúc gia đình luôn nồng nàn, đam mê.
THÊM VÀO GIỎ HÀNG
Zumba - Giảm cân thần tốc trong 28 ngày cùng Mr. Túc

Zumba - Giảm cân thần tốc trong 28 ngày cùng Mr. Túc

Đỗ Nghiêm Túc
(2)
399,000đ 700,000đ
Zumba - Giảm cân thần tốc trong 28 ngày cùng Mr. Túc
  • 21 bài giảng
  • 02 giờ 24 phút
Image) ? $teachers->Image : '' ?> Đỗ Nghiêm Túc
Giảng Viên
Giảm cân, đốt mỡ một cách bài bản và hiệu quả ngay tại nhà.
THÊM VÀO GIỎ HÀNG
Ghi chép thông minh - thuộc bài tại lớp

Ghi chép thông minh - thuộc bài tại lớp

Nguyễn Phùng Phong
(4)
399,000đ 600,000đ
Ghi chép thông minh - thuộc bài tại lớp
  • 18 bài giảng
  • 02 giờ 17 phút
Image) ? $teachers->Image : '' ?> Nguyễn Phùng Phong
Tiến sĩ
Giúp bé có tư duy nhạy bén, ghi chép thông minh, ghi nhớ nhanh chóng và học tập tốt hơn.
THÊM VÀO GIỎ HÀNG
Mục lục

Không riêng gì các bạn mới “chân ướt chân ráo” bước chân vào học thiết kế, mà ngay cả những người làm thiết kế nhiều năm cũng chưa chắc biết cách làm Mockup. Vậy, mockup là gì? Làm Mockup như thế nào? hãy cùng UNICA đi tìm câu trả lời trong bài viết dưới đây nhé!

>> Tip hay giúp bạn áp dụng chuẩn xác tỷ lệ vàng trong thiết kế

>> Bố cục trong thiết kế đồ họa và những nguyên tắc bạn cần nắm

>> Phối màu chuẩn đẹp trong thiết kế theo bảng màu tương phản

Tìm hiểu về Mockup

Thuật ngữ Mockup là gì?

Nói một cách đơn giản, Mockup chính là mô phỏng vật thể, trong thiết kế đồ họa, Mockup chính là các file PSD hoặc Vector, để giúp cho các nhà thiết kế mô phỏng các mẫu thiết kế của mình khi đã hoàn thành chạy trên máy tính.

Mockup nghe có vẻ khá xa lạ, nhưng nếu bạn để ý thì nó lại rất thân quen. Đây chính là name card, standee, banner, poster, trong kiến trúc nó chính là hình ảnh 3D của nhà cửa, đèn, quạt, nội thất...

Cách làm Mockup sẽ cho ra những hình ảnh phối sản phẩm trông thật hơn, giống như đã được xuất bản hoặc in ấn. Ngoài ra, sử dụng Mockup cũng là cách đánh thức con mắt giác quan của khách hàng. Nhằm giúp khách hàng hình dung sản phẩm của mình dễ hơn. Nếu áp 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%.

Xem thêm: Học Illustrator từ căn bản đến nâng cao

Lấy mockup ở đâu?

Bạn chỉ cần lên Google và gõ “Mockup” sẽ nhận rất nhiều kết quả trả về và thoải mái lựa chọn. Tuy nhiên, không phải ai cũng biết cách tải phần mềm Mockup và sử dụng nó hiệu quả.

Tùy vào mục đích cũng như sản phẩm thiết kế của bạn dùng để làm gì để tìm mockup sao cho phù hợp. Ví dụ bạn đang thiết kế banner thì bạn phải gõ “Banner Mockup” thì mới cho ra kết quả như ý muốn.

Có 2 cách lấy Mockup đó là mất phí và trả phí.

Để lấy miễn phí, bạn hãy vào https://graphicburger.com, Freepick, All-free-download,... Nhưng những trang web này thường “ít đồ ngon và chưa đủ dùng”.

Còn đối với trả phí, bạn vào trang thì thường phải trả tiền mới có thể download. Thực tế, việc bỏ tiền ra sẽ có đồ ngon và có 1 trang Mockup tuyệt vời đó là www.placeit.net, có rất nhiều Mockup tuyệt vời, thậm chí có cả Mockup video như thật, nhưng 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 full HD (không có đóng dấu ảnh).

Công cụ nào để xây dựng Mockup

Có rất nhiều công cụ để bán có thể xây dựng được một sản phẩm Mockup từ đơn giản cho đến phức tạp. Trong đó, công cụ được sử dụng nhiều nhất đó chính là Adobe Photoshop và Adobe Illustrator…
Bạn có thể tạo được hiệu ứng hình giả lập trong Photoshop chính là lập chế độ Overlay, cùng với tùy chọn Skew sẽ giúp cho bạn xem được bản thiết kế ở dạng 3D tốt nhất. 

Cách làm Mockup

Top khóa học thiết kế đồ họa
Trở thành nhà thiết kế chuyên nghiệp với Adobe Photoshop CC 2015

Trở thành nhà thiết kế chuyên nghiệp với Adobe Photoshop CC 2015

Lê Đức Lợi
(97)
799,000đ
Trở thành nhà thiết kế chuyên nghiệp với Adobe Photoshop CC 2015
  • 107 bài giảng
  • 11 giờ 39 phút
Image) ? $teachers->Image : '' ?> Lê Đức Lợi
Giảng viên
Tạo được kĩ xảo, blend màu cho ảnh một cách bài bản và chuyên nghiệp cùng Adobe Photoshop CC 2015
THÊM VÀO GIỎ HÀNG
Adobe Illustrator CC 2015 từ cơ bản đến nâng cao

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

Lê Đức Lợi
(29)
699,000đ
Adobe Illustrator CC 2015 từ cơ bản đến nâng cao
  • 93 bài giảng
  • 11 giờ 44 phút
Image) ? $teachers->Image : '' ?> Lê Đức Lợi
Giảng viên
Khóa học này giúp bạn có được toàn bộ kiến thức từ A-Z về Illustrator CC 2015, biết cách áp dụng nó cho những dự án đồ họa vector riêng của chính bạn, minh họa & biên tập được các ấn phẩm sách báo...
THÊM VÀO GIỎ HÀNG
Học Thiết kế qua Banner cho người mới bắt đầu và không chuyên

Học Thiết kế qua Banner cho người mới bắt đầu và không chuyên

Lê Đức Lợi
(23)
599,000đ 700,000đ
Học Thiết kế qua Banner cho người mới bắt đầu và không chuyên
  • 41 bài giảng
  • 04 giờ 50 phút
Image) ? $teachers->Image : '' ?> Lê Đức Lợi
Giảng viên
Khóa học này giúp bạn hiểu rõ bản chất, quy trình thiết kế một sản phẩm đồ họa, nắm bắt được các nguyên tắc và nguyên lý thiết kế.
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
(64)
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
Học thiết kế đồ hoạ chuyên nghiệp

Học thiết kế đồ hoạ chuyên nghiệp

Bùi Thanh Tùng
(3)
599,000đ
Học thiết kế đồ hoạ chuyên nghiệp
  • 35 bài giảng
  • 03 giờ 52 phút
Image) ? $teachers->Image : '' ?> Bùi Thanh Tùng
Team leader Design
Khóa học thiết kế đồ họa chuyên nghiệp chuyên sâu - Thành thạo xử lý hình ảnh, thiết kế đồ họa chuyên nghiệp với phần mềm Photoshop và Illustrator
THÊM VÀO GIỎ HÀNG
Thiết kế đồ hoạ 2D chuyên nghiệp với Adobe Illustrator

Thiết kế đồ hoạ 2D chuyên nghiệp với Adobe Illustrator

Nguyễn Đức Minh
(16)
699,000đ
Thiết kế đồ hoạ 2D chuyên nghiệp với Adobe Illustrator
  • 49 bài giảng
  • 07 giờ 00 phút
Image) ? $teachers->Image : '' ?> Nguyễn Đức Minh
Họa sỹ thiết kế 3D
Khóa học giúp bạn có thể tự mình thiết kế banner, poster, thể hiện ý tưởng quảng cáo của mình thậm chí là mở dịch vụ in ấn quảng cáo 2D chuyên nghiệp hợp xu hướng ngay tại nhà
THÊM VÀO GIỎ HÀNG
Trở thành chuyên gia 3DSMAX ngoại thất, quy hoạch

Trở thành chuyên gia 3DSMAX ngoại thất, quy hoạch

Hoàng Tùng Dương
799,000đ 1,900,000đ
Trở thành chuyên gia 3DSMAX ngoại thất, quy hoạch
  • 98 bài giảng
  • 11 giờ 02 phút
Image) ? $teachers->Image : '' ?> Hoàng Tùng Dương
Kiến trúc sư, giảng viên
Khóa học giúp bạn nâng tầm trong lĩnh vực thiết kế ngoại thất.
THÊM VÀO GIỎ HÀNG
Thiết kế Concept nhân vật trên Photoshop

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

Phạm Đức Duy
(18)
699,000đ
Thiết kế Concept nhân vật trên Photoshop
  • 41 bài giảng
  • 05 giờ 09 phút
Image) ? $teachers->Image : '' ?> Phạm Đức Duy
Người sáng lập ra trung tâm Đào tạo Mỹ thuật đa phương tiện Digital Art Pigworkshop
Khóa học giúp bạn nắm vững được công cụ thiết kế nâng cao của phần mềm Photoshop giúp bạn chủ động trong thiết kế
THÊM VÀO GIỎ HÀNG
Đỉnh cao đồ họa Vector cùng Illustrator CC 2018

Đỉnh cao đồ họa Vector cùng Illustrator CC 2018

Hoàng Thái Lễ
(82)
599,000đ
Đỉnh cao đồ họa Vector cùng Illustrator CC 2018
  • 39 bài giảng
  • 05 giờ 35 phút
Image) ? $teachers->Image : '' ?> Hoàng Thái Lễ
Giảng viên
Tham gia khóa học để trở thành mộ Designer chuyên nghiệp!
THÊM VÀO GIỎ HÀNG

Bạn có thể sử dụng Photoshop để tạo ra các Mockup độc đáo và gây ấn tượng với khách hàng. Trong hướng dẫn này, UNICA sẽ hướng dẫn bạn tạo một mẫu thiết kế trên tấm áp phích.

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

Đầu tiên, bạn hãy sử dụng một hình ảnh trên Shutterstock. Cách tốt nhất là chọn một hình ảnh chất lượng cao để đảm bảo vị trí chính xác nhất cho bản thiết kế. Hãy bắt đầu bằng cách mở tệp jpeg trong Adobe Photoshop. 

cách làm Mockup

Bước 2: Tạo các đường dẫn (Guide) để tạo khung

Trong cách làm Mockup này, bạn có thể dùng các đường dẫn hoặc Rule, để đảm bảo bố trí chính xác và kích thước của khung. Sau đó, nhấn tổ hợp phím Cmd + R để kích hoạt các thanh thước đo, khi thực hiện các thanh thước đo này thì 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

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

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

cách làm Mockup

Bước 4: Khóa các đường dẫn thông minh

Tốt nhất là bạn hãy khóa các đường dẫn để tránh di chuyển chúng đi lệch khỏi vị trí. Tiếp theo, bạn có thể truy cập tính năng này từ menu View.

cách làm Mockup


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

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

cách làm Mockup

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

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

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

Khi đã đặt thiết kế vào trong Photoshop, bạn hãy nhấp vào Cmd + A để chọn thiết kế đầy đủ. Để sao chép thiết kế, bạn nhấn tổ hợp phím Cmd + C rồi nhấp vào đối tượng tài liệu thông minh và dán với Cmd + V. 

Tiếp theo, bạn sử dụng công cụ Free Transform với Cmd + T, như đã nói ở trên, để thay đổi kích thước thiết kế nếu cần. Giữ phím Shift khi thay đổi kích cỡ  nhằm đảm bảo quy mô thích hợp. Sau đó, nhấn Save hoặc Cmd + S khi kết thúc với vị trí của bạn, và cuối cùng điều hướng đến tài liệu mockup gốc.

cách làm Mockup

Bước 8: Xem thiết kế trong Layer Smart Object

Với cách làm Mockup này, Smart Object thật sự là một công cụ tuyệt vời, bạn có thể thấy rằng xu hướng thiết kế hiện nay thường được đặt trong khung quảng cáo thông qua lớp Rectangle Smart Object. Lúc này, bạn chỉ cần một số điều chỉnh nhỏ để làm cho thiết kế tự nhiên hơn.

Bước 9: Thêm Multiply Adjustment

Để cho phép bóng của khung poster hiển thị trong thiết kế bạn hãy áp dụng Multiply. Sau đó, chọn layer Smart Object và chuyển blend mode thành Multiply. 

Trong bài viết trên, UNICA đã giúp bạn hiểu rõ hơn về Mockup, cũng như cách làm Mockup cơ bản. Đây chính là một trong những công cụ hữu ích để giúp bạn thực hiện hóa thiết kế của mình. Chúc bạn thành công!


Tags: Thiết kế đồ họa