Cara Membuat GIF Animasi Untuk Kempen Pemasaran E-mel Anda Seterusnya Menggunakan Photoshop

GIF Animasi Photoshop untuk Pemasaran E-mel

Kami mempunyai masa yang menakjubkan bekerja dengan pelanggan utama Closet52, an kedai pakaian dalam talian yang kami jenamakan dan bina dari bawah ke atas untuk sebuah syarikat fesyen yang terkenal dan terkenal di New York. Kepimpinan mereka sentiasa bekerjasama dengan kami untuk idea kerjasama untuk kempen atau strategi seterusnya yang kami laksanakan. Sebagai sebahagian daripada pelaksanaannya, kami mengerahkan Klaviyo untuk ShopifyPlus. Klaviyo ialah platform automasi pemasaran yang terkenal dengan integrasi yang sangat ketat kepada Shopify serta banyak Aplikasi Shopify.

Ciri kegemaran saya ialah mereka Pengujian A / B di Klaviyo. Anda boleh membangunkan versi e-mel yang berbeza, dan Klaviyo akan menghantar pensampelan keluar, menunggu jawapan, dan kemudian menghantar kepada pelanggan yang tinggal versi yang menang – semuanya secara automatik.

Pelanggan kami melanggan e-mel fesyen dalam industri dan terus menyatakan betapa mereka menyukai beberapa e-mel dengan tayangan slaid foto produk. Mereka bertanya sama ada kami boleh berbuat demikian dan saya bersetuju dan membina kempen dengan ujian A/B di mana kami menghantar satu versi dengan animasi 4 produk dan satu lagi dengan imej statik tunggal yang cantik. Kempen ini adalah untuk meledak penjualan pakaian musim luruh mereka kerana mereka membawa barisan produk baharu.

Versi A: GIF animasi

animasi pakaian 3

Versi B: Imej Statik

RB66117 1990 LS7

Kredit foto diberikan kepada mereka yang berbakat di Zeelum.

Persampelan kempen masih berjalan sekarang, tetapi agak jelas bahawa e-mel dengan grafik animasi jauh mengatasi prestasi imej statik… kira-kira kadar terbuka 7%.… tetapi menakjubkan 3 kali kadar klik lalu (CTR)! Saya rasa fakta bahawa GIF animasi meletakkan beberapa gaya berbeza di hadapan pelanggan membawa kepada lebih ramai pelawat.

Cara Membuat GIF Animasi Menggunakan Photoshop

Saya bukan jenis profesional dengan Photoshop. Malah, satu-satunya masa yang biasa saya gunakan Photoshop Adobe Creative Cloud adalah untuk mengalih keluar latar belakang dan melapisi imej, seperti meletakkan tangkapan skrin di atas komputer riba atau peranti mudah alih. Walau bagaimanapun, saya melakukan beberapa penggalian dalam talian dan mengetahui cara membuat animasi. Antara muka pengguna untuk ini bukanlah yang paling mudah, tetapi dalam masa 20 minit dan selepas membaca beberapa tutorial, saya dapat mengetuknya.

Menyediakan imej sumber kami:

  • Ukuran – GIF animasi boleh menjadi agak besar, jadi saya memastikan untuk menetapkan dimensi fail photoshop saya tepat padan dengan lebar templat e-mel lebar 600px kami.
  • Mampatan – Imej asal kami adalah resolusi tinggi dan saiz fail yang sangat tinggi, jadi saya mengubah saiznya dan memampatkannya Kraken kepada JPG dengan saiz fail yang lebih kecil.
  • Peralihan – Walaupun anda mungkin tergoda untuk menambah animasi remaja (cth. peralihan pudar) antara bingkai, yang menambah banyak saiz pada fail anda jadi saya akan mengelak daripada berbuat demikian.

Untuk membina animasi dalam Photoshop:

  1. Buat fail baru dengan dimensi yang sepadan dengan dimensi tepat yang anda letakkan dalam templat e-mel anda.
  2. pilih Tetingkap > Garis masa untuk membolehkan paparan garis masa di dasar Photoshop.

Photoshop > Window > Timeline

  1. Tambah setiap satu imej sebagai lapisan baharu dalam Photoshop.

Photoshop > Tambah Imej Sebagai Lapisan

  1. Klik Cipta Bingkai Animation dalam Rantau Garis Masa.
  2. Di sebelah kanan kawasan Garis Masa, pilih menu hamburger dan pilih Buat Bingkai daripada Lapisan.

Photoshop > Garis Masa > Buat Bingkai daripada Lapisan

  1. Dalam kawasan Garis Masa, anda boleh seret bingkai ke dalam susunan yang anda mahu imej itu dipaparkan.
  2. Klik pada setiap bingkai yang tertera 0 saat dan pilih masa yang anda mahu bingkai itu dipaparkan. saya telah memilih 2.0 saat setiap bingkai.
  3. Dalam menu lungsur di bawah bingkai, pilih Selama-lamanya untuk memastikan gelung animasi berterusan.
  4. Klik Butang Main untuk pratonton animasi anda.
  5. Klik Fail > Eksport > Simpan untuk Web (Legasi).

Photoshop > Fail > Eksport > Simpan untuk Web (Legasi)

  1. pilih GIF daripada pilihan di bahagian atas sebelah kiri skrin Eksport.
  2. Jika imej anda tidak telus, nyahtandai Ketelusan pilihan.
  3. Klik Simpan dan eksport fail anda.

gif animasi eksport photoshop

Itu sahaja! Anda kini mempunyai GIF animasi untuk dimuat naik ke platform e-mel anda.

Pendedahan: almari52 adalah pelanggan firma saya, Highbridge. Saya menggunakan pautan gabungan sepanjang artikel ini untuk Adobe, Klaviyo, Kraken, dan Shopify.