Hướng dẫn thiết kế banner quảng cáo trên Mock Mock

Mock Mock là trang web thiết kế banner quảng cáo sản phẩm theo phong cách đơn giản, không quá cầu kỳ. Với Mock Mock, người dùng chỉ cần tải hình ảnh sản phẩm lên trang web và sau đó chỉnh sửa thêm để có được banner quảng cáo sản phẩm. Chủ đề thiết kế của Mock Mock sẽ sử dụng kiểu hình nền gradient để bạn có được banner quảng cáo sản phẩm mà mình muốn. Dưới đây là hướng dẫn thiết kế banner quảng cáo trên Mock Mock.

Cách thiết kế banner quảng cáo trên Mock Mock

Bước 1:

Đầu tiên bạn truy cập vào link dưới đây để vào trang chủ Mock Mock.

https://mockmock.netlify.app/

Đầu tiên tại phần Device bạn lựa chọn sản phẩm xuất hiện trên màn hình điện thoại hay máy tính.

Tiếp đến, chúng ta nhấn vào Upload Image/Video để chọn video hay hình ảnh xuất hiện trong màn hình mô hình.

Bước 2:

Tại Poses người dùng lựa chọn một kiểu xoay của mô hình điện thoại, hoặc máy tính do bạn lựa chọn. Từng kiểu xoay sẽ có thêm thanh điều chỉnh góc độ ở bên dưới.

Phần Rotation để điều chỉnh góc xoay mô hình điện thoại theo ý mình, Position để điều chỉnh vị trí mô hình điện thoại.

Bước 3:

Trong nhóm Background bạn có các tùy chọn tạo nền khác nhau. Custom Background để chọn một hình nền mới của bạn bằng cách nhấn Upload Background. Solid chọn một hình nền màu sắc đơn. Gradients chọn một hình nền từ các mẫu nền ảnh gradient.

Bước 4:

Tại Text, bạn bấm vào dòng chữ Mock Mock để thay đổi văn bản và thay đổi vị trí và kích thước hiển thị trên banner quảng cáo.

Cuối cùng chúng ta nhấn Export Image để lưu lại hình ảnh trong định dạng PNG. Ảnh không kèm watermark và vẫn giữ kích thước hình nền gốc.