[A-Z] Cách tạo Mockup trong Photoshop: Newbie cũng làm được

Related Articles

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 chính 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 thực hiện chạy trên máy tính. Trong bài viết dưới đây, chinhsuaanh.vn sẽ giới thiệu cho bạn cách tạo Mockup trong Photoshop độc đáo để có thể gây ấn tượng tốt với khách hàng.

tạo mockup trong photoshop

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

Đầu tiên, bạn hãy mở ứng dụng Photoshop lên và chắc như đinh sẽ sử dụng một hình ảnh trên Shutterstock. Cách tốt nhất là bạn hãy lựa chọn một hình ảnh chất lượng cao để bảo vệ vị trí đúng chuẩn trên bản thiết kế của bạn. Sau đó bạn triển khai mở tệp jpeg trong Adobe Photoshop. chọn hình muốn làm mockup

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

Bạn hoàn toàn có thể dùng những đường dẫn hoặc Rule nhằm mục đích bảo vệ sắp xếp đúng mực cũng như kích cỡ của khung. Nhấn tổng hợp Cmd + R để kích hoạt các thanh thước đo khi hiện các thanh thước đo này thì triển khai di chuột vô thước và kéo ra ngoài để tạo thành các đường dẫn.

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

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

vẽ hình chữ nhật

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

Tốt nhất là khóa lại các đường dẫn để bạn không vô tình vận động và di chuyển chúng đi lệch khỏi vị trí trong suốt quy trình thao tác. Bạn hoàn toàn có thể truy vấn tính năng mưu trí này từ menu View.

Bước 5: Thao tác Shape nhờ Công cụ Free Transform Tool

Khi các đường dẫn mưu trí đã bị khóa, bạn có thể thao tác hình chữ nhật. Nhấn tổng hợp phím Cmd + T để truy vấn công cụ Free Transform và khi công cụ này được kích hoạt thì các góc của hình sẽ Open. Free Transform tool Để chuyển dời các góc, bấm Cmd và nhấp chuột để kéo góc được chỉ định vào các cạnh của khung poster. Con trỏ sẽ được Open dưới dạng một mũi tên màu trắng khi bạn triển khai thao tác ở các góc riêng không liên quan gì đến nhau.

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 thì hãy chuyển đến Layer của nó nhấp chuột phải, sau đó chọn Convert to Smart Object. Tiếp theo, bạn hãy nhấp vào layer Smart Object này, ứng dụng Photoshop sẽ tự động hóa mở một Tab mới và bạn chỉ cần kéo thả hình ảnh vào hình ảnh đó.

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

Sau khi bạn đặt phong cách thiết kế của bạn trong ứng dụng Photoshop, nhấp vào Cmd + A để lựa chọn phong cách thiết kế khá đầy đủ. Để sao chép phong cách thiết kế, bạn hãy nhấn Cmd + C và sau đó nhấp vào đối tượng người dùng tài liệu mưu trí và triển khai dán với Cmd + V. Sử dụng công cụ Free Transform với tổng hợp Cmd + T, như đã nói ở trên, để biến hóa kích cỡ của phong cách thiết kế của bạn nếu cần. Để bảo vệ quy mô thích hợp, bạn cần phải bảo vệ giữ phím Shift khi biến hóa kích cỡ. Bạn nhấn Save hoặc Cmd + S khi kết thúc với vị trí của bạn, và sau đó hãy điều hướng đến tài liệu mockup gốc.

Smart Object

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

Smart Object thật sự được rất nhiều nhà thiết kế coi là một công cụ tuyệt vời. Bạn có thể thấy rằng trên bản thiết kế của bạn bây giờ được đặt trong khung quảng cáo bắt mắt thông qua lớp Rectangle Smart Object. Bây giờ bạn cần một số điều chỉnh nhỏ để có thể làm cho thiết kế tự nhiên hơn.

Bước 9: Thêm Multiply Adjustment

Áp dụng Multiply để cho phép bóng của khung poster được hiển thị trong phong cách thiết kế. Bạn hãy nhấn chuột lựa chọn layer Smart Object và triển khai chuyển blend mode thành Multiply để triển khai xong cách làm mockup trong photoshop. Cuối cùng bạn sẽ thu được hiệu quả như mong ước. kết quả thu được

Trên đây là những hướng dẫn cơ bản về cách tạo Mockup trong Photoshop đơn giản mà cả những người mới cũng có thể thực hiện được. Ngoài ra, nếu như bạn muốn tham khảo các kiến thức chuyên sâu hơn về  phần mềm Photoshop thì hãy chọn đọc các bài viết khác trên website của chinhsuaanh.vn nhé

Đăng ký kênh Youtube để học Photoshop Miễn Phí : ĐĂNG KÝ NGAY = = = = = = = = = = = = = = = = = = = = = = = = = = = =

Bộ công cụ xử lý ảnh Photoshop chuyên nghiệp

DOWNLOAD : ✅ SADESIGN PANEL ENGLISH : https://sadesignretouching.com/retouching/ ✅ SADESIGN PANEL VIET NAM : https://www.retouching.vn/

More on this topic

Comments

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Advertismentspot_img

Popular stories