Banner website là phần đầu tiên gây ấn tượng cho người xem khi truy cập vào web của bạn. Trong bài viết này, Chili sẽ bật mí cho bạn cách dùng công cụ miễn phí thiết kế banner đẹp như mơ. Nào, chúng ta cùng bắt đầu nhé!

Trước tiên, bạn cần nắm một số thông tin cơ bản về các loại banner. Có 3 dạng banner cơ bản như sau:

– Logo: 960 x 120 px (tùy từng loại giao diện)

– Slider: 960 x 350 px (tùy từng loại giao diện)

– Banner 02 bên: 175 x 400 px (tùy từng loại giao diện)

  1. Thiết kết banner cơ bản

Bước 1: Truy cập đường link: https://www.canva.com/vi_vn/

Bước 2: Tạo tài khoản CanVa bằng email.

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 17

Chọn đăng nhập bằng e-mail

Bước 3: Điền đầy đủ thông tin vào form và nhấn “Sign Up” để đăng ký.

Bước 4: Bạn tùy chọn chế độ.

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 18

Chọn chế độ phù hợp với nhu cầu sử dụng

Bước 5: Chọn Use Custom Dimensions

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 19

Chọn như hình minh họa

Bước 6: Chọn kích thước, sau đó bấm Design

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 20

Lần lượt chọn kích thước

Bước 7: Chọn Upload để tải hình ảnh dùng để thiết kế lên. Cụ thể:

Chọn Upload your own images => Chọn hình muốn dùng => Nhấn Open.

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 21

Hình ảnh sẽ hiện lên như thế này

Bước 8: Chọn hình ảnh (ảnh sẽ xuất hiện trong khung hình). Bạn cân chỉnh sao cho vừa vặn, đúng kích thước.

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 22

Cân chỉnh ảnh sao cho vừa vặn

Bước 9: Nhấp vào BACKGROUND để chọn màu nền.

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 23

Chọn Background để chỉnh màu nền

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 24

Bước 10: Nhấp vào TEXT để viết chữ lên hình.

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 25

Chọn Text để viết chữ

Bước 11: Chọn Download để lưu hình về máy.

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 26

Chọn kích thước phù hợp, tải về máy tính

Bạn tiếp tục thực hiện những bước trên thể tạo banner hai bên, banner slider.

  1. Up logo lên website

Bước 1: Truy cập vào website quản trị theo link: tendomain/admin

Bước 2: Chọn “Cấu hình website” => “Thông tin website” => Chọn tệp logo lưu trong máy => upload lên website.

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 27

Upload hình lên website

Bước 3: Kéo dao diện xuống cuối cùng chọn “Cập nhật” để lưu lại.

Bước 4: Truy cập vào website và nhấn Ctrl + F5 để tải lại trang và kiểm tra xem LOGO đã xuất hiện chưa.

  1. Hướng dẫn up Favicon (icon nhỏ xíu xuất hiện trên tab)

Bước 1: Truy cập vào website quản trị theo link: tendomain/admin

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 28

Favicon là icon nhỏ xíu này nè

Bước 2: Chọn “Cấu hình website” => “Thông tin website” => Chọn tệp icon website lưu trong máy upload lên website.

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 29

Tiến hành theo mũi tên màu đỏ

Bước 3: Chọn “Cập nhật”

Bước 4: Vào website và nhấn Ctrl + F5 để tải lại trang và kiểm tra xem ICON đã xuất hiện chưa.

  1. Hướng dẫn up slider lên website

Khi up slider trang chủ bạn up nhiều hình thì slider tự động di chuyển qua lại.

Bước 1: Truy cập vào phần quản trị website theo link: tendomain/admin

Bước 2: Xóa những hình slider cũ

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 30

Xóa hết những slider cũ

Bước 3: Thêm mới slider

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 31

Thêm slider mới

Bước 4: Nhập thông tin và chọn hình slider

Công Cụ Miễn Phí Giúp Bạn Thiết Kế Banner Đẹp Như Mơ - 32

Chọn slider mới

Bước 5: Thêm mới

Bước 6: Thêm hình slider nữa tương tự như bước 2

Bước 7: vào website và nhấn Ctrl + F5 để reload lại website và kiểm tra xem Slider đã xuất hiện chưa.

Hy vọng với những bước cơ bản trên đây, bạn có thể tự thiết kế banner cho website của mình. Một trang web hiệu quả cần có sự cân chỉnh hài hòa giữa các thành phần như banner, menu… và nội dung phong phú, thu hút người xem. Bạn muốn website của mình ngày càng hoàn thiện? Hãy liên hệ ngay với Chili để được hỗ trợ thiết kế banner chuyên nghiệp và thiết kế website bán hàng trực tuyến.

Đánh giá
Từ khóa:
Chia sẻ:
Gửi yêu cầu hỗ trợ
Yêu cầu gọi lại ngay