Thêm hình ảnh vào Landing page

1. Tổng quan

Bài viết hướng dẫn thêm, chỉnh sửa và thiết kế phần tử Hình ảnh trên Landing Page của aiMarketing. Việc sử dụng hình ảnh phù hợp giúp tăng tính thẩm mỹ, truyền tải thông điệp trực quan và thu hút khách hàng, góp phần nâng cao hiệu quả chuyển đổi trên Landing Page.
Nội dung bài viết gồm:

  • Thêm mới hình ảnh từ thư viện, tải lên từ máy tính hoặc bằng link
  • Điều chỉnh kích thước, cắt, lật, xoay hình ảnh linh hoạt
  • Thiết lập hiệu ứng Overlay, viền, bo góc, bộ lọc màu cho ảnh

2. Hướng dẫn thực hiện

Bước 1: Trên AMIS aiMarketing, vào phân hệ Landing page

Bước 2: Nhấn Tạo Landing page hoặc chọn vào Landing đã thiết kế.

Bước 3: Tại giao diện thiết kế và chỉnh sửa Landing page chọn công cụ Phần tử cơ bản\Hình ản

Bước 4: Thêm mới hình ảnh: Chọn ảnh có sẵn từ hình ảnh đã tải lên trước đó

    • Cách 2: Chọn Tải ảnh lên để Tải từ máy tính
    • Cách 3: Nhấn mũi tên xuống cạnh nút Tải ảnh lên, chọn Thêm ảnh bằng link

Bước 5: Điều chỉnh kích thước ảnh: co kéo các góc ảnh hoặc thay đổi thông số trong ô kích thước:

Tips: Nhấn Shift và kéo chuột ở 1 trong các góc của ảnh để giữ nguyên tỷ lệ cao và rộng của ảnh.

  • Khi thay đổi thông số trong ô kích thước, có thể bật tắt chế độ Tự động thay đổi Độ cao theo Độ rộng bằng cách bấm vào biểu tượng điều chỉnh

Ví dụ:

  • Khi bật biểu tượng, thay đổi chiều cao thì chiều rộng sẽ thay đổi theo tỷ lệ tương ứng.
  • Khi tắt biểu tượng, thay đổi chiều cao thì chiều rộng sẽ không thay đổi.
  • Mặc định phần mềm đang tắt chế độ này

Bước 6: Nhấn biểu tượng crop để cắt hình ảnh

  • Co kéo các góc của ảnh tùy chỉnh theo khung cắt ảnh, nhấn Áp dụng để hoàn thiện phần cắt ảnh

Bước 7: Sử dụng các chức năng để lần lượt Lật ngang, Lật dọc, Xoay trái, Xoay phải hình ảnh

Bước 8: Overlay cho ảnh:

  • Overlay là một hiệu ứng cho ảnh, bản chất là một lớp màu hoặc một lớp ảnh đè lên trên ảnh gốc.
  • Có 3 chế độ Overlay bao gồm: Màu cơ bản, Gradient, Hình nền

Bước 9: Viền và Bo góc cho ảnh

  • Bật phần Viền & Bo góc
  • Chọn kiểu viền và màu viền
  • Thay đổi thông số Độ dày đường viền, Bo góc tất cả hoặc từng vị trí góc

Bước 10: Bộ lọc màu: Chỉnh sửa màu sắc cho ảnh bằng bộ lọc màu, bao gồm Độ mờ, Độ sáng, Độ tương phản, Độ xám

Bài viết này hữu ích chứ?