Cara Membuat GIF Animasi Untuk Kampanye Pemasaran Email Anda Selanjutnya Menggunakan Photoshop

GIF Animasi Photoshop untuk Pemasaran Email

Kami bersenang-senang bekerja dengan klien utama Closet52, dan toko baju online yang kami merek dan bangun dari bawah ke atas untuk perusahaan mode yang mapan dan terkenal di New York. Kepemimpinan mereka selalu bekerja dengan kami dalam ide-ide kolaboratif untuk kampanye atau strategi berikutnya yang kami jalankan. Sebagai bagian dari implementasinya, kami menyebarkan Klaviyo untuk ShopifyPlus. Klaviyo adalah platform otomatisasi pemasaran terkenal dengan integrasi yang sangat erat ke Shopify serta banyak Aplikasi Shopify.

Fitur favorit saya adalah mereka Pengujian A / B di Klaviyo. Anda dapat mengembangkan versi email yang berbeda, dan Klaviyo akan mengirimkan sampel, menunggu tanggapan, lalu mengirimkan versi pemenang kepada pelanggan yang tersisa – semuanya secara otomatis.

Klien kami berlangganan email mode di industri dan terus berkomentar betapa mereka menyukai beberapa email dengan tayangan slide foto produk. Mereka bertanya apakah kami bisa melakukan itu dan saya setuju dan membuat kampanye dengan uji A/B di mana kami mengirim satu versi dengan animasi 4 produk, dan yang lainnya dengan satu gambar statis yang indah. Kampanye ini untuk ledakan penjualan gaun musim gugur mereka karena mereka membawa lini produk baru.

Versi A: GIF Animasi

animasi berpakaian 3

Versi B: Gambar Statis

RB66117 1990 LS7

Kredit foto diberikan kepada orang-orang berbakat di Zeelum.

Sampling kampanye masih berjalan sekarang, tetapi cukup jelas bahwa email dengan grafik animasi jauh mengungguli gambar statis… sekitar tarif terbuka 7%… tapi mencengangkan 3 kali rasio klik-tayang (CTR)! Saya pikir fakta bahwa GIF animasi menempatkan beberapa gaya berbeda di depan pelanggan menyebabkan lebih banyak pengunjung.

Cara Membuat GIF Animasi Menggunakan Photoshop

Saya bukan pro apa pun dengan Photoshop. Faktanya, satu-satunya waktu yang biasanya saya gunakan Photoshop Adobe Creative Cloud adalah menghapus latar belakang dan melapisi gambar, seperti menempatkan tangkapan layar di atas laptop atau perangkat seluler. Namun, saya melakukan beberapa penggalian online dan menemukan cara membuat animasi. Antarmuka pengguna untuk ini bukan yang termudah, tetapi dalam waktu 20 menit dan setelah membaca beberapa tutorial, saya dapat menghentikannya.

Mempersiapkan gambar sumber kami:

  • Ukuran – GIF animasi bisa sangat besar, jadi saya memastikan untuk mengatur dimensi file photoshop saya agar sama persis dengan lebar template email lebar 600px kami.
  • Kompresi – Gambar asli kami memiliki resolusi tinggi dan ukuran file yang sangat tinggi, jadi saya mengubah ukurannya dan mengompresnya dengan Kraken ke JPG dengan ukuran file yang jauh lebih kecil.
  • Transisi – Meskipun Anda mungkin tergoda untuk menambahkan animasi remaja (mis. transisi memudar) antar bingkai, yang menambahkan banyak ukuran ke file Anda jadi saya akan menghindari melakukan itu.

Untuk membuat animasi di Photoshop:

  1. Buat file baru dengan dimensi yang sesuai dengan dimensi persis yang Anda tempatkan di template email Anda.
  2. memilih Jendela > Garis Waktu untuk mengaktifkan tampilan garis waktu di dasar Photoshop.

Photoshop > Jendela > Garis Waktu

  1. Tambahkan masing-masing gambar sebagai layer baru dalam Photoshop.

Photoshop > Tambahkan Gambar Sebagai Lapisan

  1. Klik Buat Bingkai Animasidi Wilayah Timeline.
  2. Di sisi kanan wilayah Timeline, pilih menu hamburger dan pilih Buat Bingkai dari Lapisan.

Photoshop > Timeline > Make Frames from Layers

  1. Dalam wilayah Timeline, Anda dapat seret bingkai ke dalam urutan yang Anda inginkan untuk menampilkan gambar.
  2. Klik pada setiap frame yang bertuliskan 0 detik, dan pilih waktu yang Anda inginkan untuk menampilkan frame tersebut. saya memilih 2.0 detik per bingkai.
  3. Di tarik-turun di bawah bingkai, pilih Selama-lamanya untuk memastikan animasi terus berputar.
  4. klik Tombol Putar untuk melihat pratinjau animasi Anda.
  5. Klik File > Ekspor > Simpan untuk Web (Legacy).

Photoshop > File > Ekspor > Simpan untuk Web (Legacy)

  1. memilih GIF dari opsi di kiri atas layar Ekspor.
  2. Jika gambar Anda tidak transparan, hapus centang pada Transparansi pilihan.
  3. Klik Hemat dan ekspor file Anda.

photoshop ekspor animasi gif

Itu dia! Anda sekarang memiliki GIF animasi untuk diunggah ke platform email Anda.

Pengungkapan: lemari52 adalah klien perusahaan saya, Highbridge. Saya menggunakan tautan afiliasi di seluruh artikel ini untuk Adobe, Klaviyo, Kraken, dan Shopify.