Cách tạo Mockup trong Photoshop

Cách tạo Mockup trong Photoshop

Bởi Member vào 1/2/18
  1. Member

    Member Thành viên ưu tú

    Đã được thích:
    473
    Tìm hiểu cách trưng bày tác phẩm và gây ấn tượng với khách hàng của bạn bằng hướng dẫn nhanh này bằng cách tự tạo cho mình những mockup độc đáo.

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

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


    Đầu tiên, chúng tôi sẽ 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 của thiết kế của bạn. Chúng tôi sẽ bắt đầu bằng cách mở tệp jpeg trong Adobe Photoshop.

    How-to-Quickly-Mockup-Your-Designs-in-Photoshop-Step-1-750x406.

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


    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. Nhấn Cmd + R để kích hoạt các thanh thước đo khi hiện các thanh thước đo này thì rê chuột vô thước và kéo ra ngoài để tạo các đường dẩn.

    How-to-Quickly-Mockup-Your-Designs-in-Photoshop-step-2-750x406.

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


    Chọn U hoặc đ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 nên chọn màu tối để phân biệt nó với khung poster. Hình dạng không cần chính xác, vì chúng ta sẽ thao tác các góc sau đó.

    Screen-Shot-2017-10-31-at-3.07.01-PM-750x406.


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


    Tốt nhất là khóa các đường dẩn để bạn không vô tình di chuyển chúng đi lệch khỏi vị trí. Bạn có thể truy cập tính năng này từ menu View.

    Screen-Shot-2017-10-31-at-3.08.21-PM-750x406 (1).

    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, bạn có thể thao tác hình chữ nhật. Nhấn 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ấm Cmd và nhấp 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ẻ.

    Screen-Shot-2017-10-31-at-3.09.55-PM-750x406.

    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ó nhấp chuột phải và chọn Convert to Smart Object. Sau khi bạn nhấp vào layer Smart Object này, Photoshop sẽ tự động mở một Tab mới và bạn chỉ cần kéo thả hình ảnh vào hình đó.

    Screen-Shot-2017-10-31-at-3.11.05-PM-1-750x406.

    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 bạn trong Photoshop, nhấp vào Cmd + A để chọn 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 , như đã nói ở trên, để thay đổi kích thước thiết kế của bạn nếu cần. Để đảm bảo quy mô thích hợp, đảm bảo giữ phím Shift khi thay đổi kích cỡ. Nhấn Save hoặc Cmd + S khi kết thúc với vị trí của bạn, và sau đó điều hướng đến tài liệu mockup gốc.

    Screen-Shot-2017-10-31-at-3.25.06-PM-750x406.

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


    Smart Object thật sự là một công cụ tuyệt vời. Bạn có thể thấy rằng 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. Bây giờ bạn cần một số điều chỉnh nhỏ để làm cho thiết kế tự nhiên hơn.

    Screen-Shot-2017-10-31-at-3.25.58-PM-750x406.

    Bước 9: Thêm Multiply Adjustment


    Áp dụng Multiply để cho phép bóng của khung poster hiển thị trong thiết kế. Chọn layer Smart Object và chuyển blend mode thành Multiply.

    Screen-Shot-2017-10-31-at-3.26.05-PM-750x406.
    Kết quả:

    Screen-Shot-2017-10-31-at-3.26.05-PM-750x406.


    Sau khi hoàn thành tất cả các bước ở trên, mockup của bạn sẽ giống như thế này. Trong khi hướng dẫn này hướng dẫn bạn làm thế nào để mockup một thiết kế trên một áp phích đơn giản, khả năng là vô tận. Những kỹ thuật này, khi áp dụng, sẽ làm việc cho các mô hình khác, chẳng hạn như trên màn hình máy tính, bảng quảng cáo hoặc bao bì.
     

    Các file đính kèm:

    3 người thích
    Có thể bạn thích
Đừng bao giờ cãi nhau với bạn gái, dù đúng hay sai thì người cuối cùng xin lỗi vẫn là bạn thôi :rolleyes:.

Bình luận

Thảo luận trong 'Mẹo - Hướng dẫn' bắt đầu bởi Member, 1/2/18.

Chia sẻ trang này