Cách tạo ảnh GIF động cho chiến dịch tiếp thị qua email tiếp theo của bạn bằng Photoshop

Photoshop Animated GIF cho Tiếp thị qua Email

Chúng tôi đang có một khoảng thời gian tuyệt vời khi làm việc với khách hàng chính Closet52, một cửa hàng quần áo trực tuyến mà chúng tôi đã xây dựng thương hiệu và xây dựng từ đầu cho một công ty thời trang lâu đời và nổi tiếng ở New York. Ban lãnh đạo của họ luôn làm việc với chúng tôi về các ý tưởng hợp tác cho chiến dịch hoặc chiến lược tiếp theo mà chúng tôi đang thực hiện. Là một phần trong quá trình triển khai, chúng tôi đã triển khai Klaviyo cho ShopifyPlus. Klaviyo là một nền tảng tự động hóa tiếp thị nổi tiếng với khả năng tích hợp rất chặt chẽ với Shopify cũng như nhiều Ứng dụng Shopify.

Một tính năng yêu thích của tôi là Thử nghiệm A / B ở Klaviyo. Bạn có thể phát triển các phiên bản email khác nhau và Klaviyo sẽ gửi một bản mẫu, chờ phản hồi, sau đó gửi cho những người đăng ký còn lại phiên bản chiến thắng - tất cả đều tự động.

Khách hàng của chúng tôi đăng ký nhận email thời trang trong ngành và tiếp tục nhận xét mức độ thích của họ đối với một số email có trình chiếu ảnh sản phẩm. Họ hỏi liệu chúng tôi có thể làm điều đó không và tôi đã đồng ý và xây dựng một chiến dịch với thử nghiệm A / B, trong đó chúng tôi gửi một phiên bản có hoạt ảnh của 4 sản phẩm và một phiên bản khác với một hình ảnh tĩnh, đẹp mắt. Chiến dịch dành cho một sự bùng nổ bán váy mùa thu của họ khi họ đưa ra các dòng sản phẩm mới.

Phiên bản A: GIF động

hoạt hình váy 3

Phiên bản B: Hình ảnh tĩnh

RB66117 1990 LS7

Tín dụng hình ảnh sẽ được trao cho những người tài năng tại Zeelum.

Quá trình lấy mẫu chiến dịch vẫn đang chạy ngay bây giờ, nhưng rõ ràng là email có hình ảnh động hoạt động tốt hơn nhiều so với hình ảnh tĩnh… khoảng tỷ lệ mở 7%… Nhưng thật đáng kinh ngạc 3 lần tỷ lệ nhấp (CTR)! Tôi nghĩ rằng thực tế là GIF động đặt nhiều phong cách khác nhau trước người đăng ký đã dẫn đến nhiều khách truy cập hơn.

Cách tạo ảnh động GIF bằng Photoshop

Tôi không phải là dân chuyên nghiệp với Photoshop. Trên thực tế, những lần duy nhất tôi thường sử dụng Photoshop của Adobe Creative Cloud là xóa nền và xếp lớp hình ảnh, như đặt ảnh chụp màn hình lên trên máy tính xách tay hoặc thiết bị di động. Tuy nhiên, tôi đã tìm hiểu trên mạng và tìm ra cách làm phim hoạt hình. Giao diện người dùng cho điều này không phải là dễ nhất, nhưng trong vòng 20 phút và sau khi đọc một số hướng dẫn, tôi đã có thể đánh bại nó.

Chuẩn bị hình ảnh nguồn của chúng tôi:

  • Kích thước - Ảnh động GIF có thể khá lớn, vì vậy tôi đảm bảo đặt kích thước tệp photoshop của mình để khớp chính xác với chiều rộng mẫu email rộng 600px của chúng tôi.
  • Nén - Hình ảnh ban đầu của chúng tôi có độ phân giải cao và kích thước tệp rất cao, vì vậy tôi đã thay đổi kích thước chúng và nén chúng bằng Kraken sang JPG có kích thước tệp nhỏ hơn nhiều.
  • Chuyển tiếp - Mặc dù bạn có thể bị cám dỗ để thêm hoạt ảnh trẻ con (ví dụ: chuyển đổi mờ dần) giữa các khung hình, điều này làm tăng thêm rất nhiều kích thước cho tệp của bạn, vì vậy tôi sẽ tránh làm điều đó.

Để tạo hoạt ảnh trong Photoshop:

  1. Tạo một tệp mới với kích thước khớp với kích thước chính xác mà bạn đang đặt trong mẫu email của mình.
  2. Chọn Cửa sổ> Dòng thời gian để bật chế độ xem dòng thời gian ở cơ sở của Photoshop.

Photoshop> Cửa sổ> Dòng thời gian

  1. Thêm từng hình ảnh như một lớp mới trong Photoshop.

Photoshop> Thêm hình ảnh dưới dạng lớp

  1. Nhấp chuột Tạo khung Animatrong Vùng dòng thời gian.
  2. Ở phía bên phải của vùng Dòng thời gian, chọn menu bánh hamburger và chọn Tạo khung từ các lớp.

Photoshop> Dòng thời gian> Tạo khung từ các lớp

  1. Trong vùng Dòng thời gian, bạn có thể kéo các khung vào thứ tự mà bạn muốn hình ảnh xuất hiện trong đó.
  2. Nhấp vào từng khung có ghi 0 giây và chọn thời gian mà bạn muốn khung đó hiển thị. Tôi chọn 2.0 giây mỗi khung hình.
  3. Trong menu thả xuống bên dưới khung, hãy chọn Mãi mãi để đảm bảo hoạt hình lặp lại liên tục.
  4. Nhấn vào Nút phát để xem trước hoạt ảnh của bạn.
  5. Nhấp chuột Tệp> Xuất> Lưu cho Web (Kế thừa).

Photoshop> Tệp> Xuất> Lưu cho Web (Kế thừa)

  1. Chọn GIF từ các tùy chọn ở trên cùng bên trái của màn hình Xuất.
  2. Nếu hình ảnh của bạn không trong suốt, hãy bỏ chọn Minh bạch tùy chọn.
  3. Nhấp chuột Lưu và xuất tệp của bạn.

photoshop xuất ảnh gif động

Đó là nó! Bây giờ bạn có GIF động để tải lên nền tảng email của mình.

Tiết lộ: Tủ quần áo52 là khách hàng của công ty tôi, Highbridge. Tôi đang sử dụng các liên kết liên kết trong suốt bài viết này cho Adobe, Klaviyo, KrakenShopify.