Photoshop yordamida keyingi elektron pochta marketing kampaniyangiz uchun animatsion GIF qanday yaratiladi

Elektron pochta marketingi uchun Photoshop animatsion GIF

Biz asosiy mijoz Closet52 bilan ishlashda ajoyib vaqt o'tkazmoqdamiz onlayn kiyim do'koni Biz Nyu-Yorkdagi taniqli va taniqli moda kompaniyasi uchun brend yaratdik va qurdik. Ularning rahbariyati har doim biz bilan keyingi kampaniya yoki biz amalga oshirayotgan strategiya uchun hamkorlikdagi g‘oyalar ustida ishlaydi. Ularni amalga oshirish doirasida biz joylashtirdik Klaviyo uchun Shopify plus. Klaviyo - Shopify va ko'plab Shopify ilovalari bilan juda qattiq integratsiyalashgan taniqli marketingni avtomatlashtirish platformasi.

Mening sevimli xususiyatim bu ularning A / B sinov Klaviyoda. Siz elektron pochtaning turli versiyalarini ishlab chiqishingiz mumkin va Klaviyo namunani yuboradi, javobni kutadi va qolgan obunachilarga g'olib versiyasini yuboradi - barchasi avtomatik ravishda.

Bizning mijozimiz sanoatdagi moda elektron pochta xabarlariga obuna bo'ladi va mahsulot fotosuratlari slayd-shousi bilan ba'zi elektron pochta xabarlarini qanchalik yoqtirishini ta'kidlashda davom etdi. Ular buni qila olamizmi, deb so'rashdi va men rozi bo'ldim va A/B testi bilan kampaniya tashkil qildik, unda biz bitta versiyani 4 ta mahsulotdan iborat animatsiya bilan, ikkinchisini bitta, chiroyli, statik tasvir bilan yubordik. Kampaniya portlash uchun kuzgi liboslarini sotish chunki ular yangi mahsulot turlarini olib kelishmoqda.

Versiya A: Animatsiyalangan GIF

Kiyim animatsiyasi 3

Versiya B: Statik tasvir

RB66117 1990 LS7

Fotosurat iqtidorli odamlarga beriladi Zeelum.

Kampaniyadan namuna olish hozirda ham davom etmoqda, ammo animatsion grafikli elektron pochta statik tasvirdan ancha ustun ekanligi aniq... taxminan 7% ochiq stavka... lekin hayratlanarli 3 marta bosish tezligi (CTR)! O'ylaymanki, animatsion GIF obunachi oldiga bir nechta turli uslublarni qo'ygani ko'proq tashrif buyuruvchilarga olib keldi.

Photoshop yordamida qanday qilib animatsion GIF yaratish mumkin

Men Photoshop bilan professional emasman. Aslida, men odatda foydalanadigan yagona vaqtlar Adobe Creative Cloud Photoshop dasturi fon rasmlarini olib tashlash va tasvirlarni qatlamlash, masalan, noutbuk yoki mobil qurilma ustiga skrinshotni joylashtirish. Biroq, men onlayn qazish ishlarini olib bordim va qanday qilib animatsiya qilishni tushundim. Buning uchun foydalanuvchi interfeysi eng oson emas, lekin 20 daqiqa ichida va ba'zi o'quv qo'llanmalarini o'qib chiqqach, men uni nokautga aylantirdim.

Manba rasmlarimizni tayyorlash:

  • o'lchamlari - Animatsiyalangan GIFlar juda katta bo'lishi mumkin, shuning uchun men fotoshop fayl o'lchamlarini 600px kenglikdagi elektron pochta shablonining kengligiga to'liq mos keladigan qilib o'rnatishga ishonch hosil qildim.
  • Siquv – Bizning asl tasvirlarimiz yuqori piksellar sonini va juda katta fayl hajmi edi, shuning uchun men ularning o'lchamlarini o'zgartirdim va ularni siqdim kraken ancha kichikroq fayl hajmiga ega JPG-larga.
  • O'tish - Animatsiya qo'shish vasvasasiga tushishingiz mumkin Qidiruv Kadrlar orasidagi (masalan, o'tishni o'chirish), bu sizning faylingizga katta hajm qo'shadi, shuning uchun men buni qilishdan qochaman.

Photoshop-da animatsiya yaratish uchun:

  1. Yangi fayl yarating elektron pochta shabloningizga joylashtirgan aniq o'lchamlarga mos keladigan o'lchamlar bilan.
  2. tanlang Oyna > Xronologiya Photoshop bazasida vaqt jadvalini ko'rishni yoqish uchun.

Photoshop > Oyna > Xronologiya

  1. Har birini qo'shing tasvir yangi qatlam sifatida Photoshop ichida.

Photoshop > Rasmlarni qatlam sifatida qo'shish

  1. bosing Frame Anima yaratishXronologiya mintaqasida.
  2. Xronologiya mintaqasining o'ng tomonida gamburger menyusini tanlang va tanlang Qatlamlardan ramkalar yasash.

Photoshop > Xronologiya > Qatlamlardan ramkalar yaratish

  1. Vaqt jadvali hududida siz mumkin ramkalarni tartibda torting tasvirlar paydo bo'lishini xohlaysiz.
  2. Har bir freymni 0 soniya ko'rsatadigan joyga bosing va ushbu ramka ko'rsatilishini xohlagan vaqtni tanlang. Men tanladim Har bir kadr uchun 2.0 soniya.
  3. Kadrlar ostidagi ochiladigan menyuda tanlang abadiy animatsiyaning uzluksiz aylanishini ta'minlash uchun.
  4. bosing Tugma tugmasi animatsiyangizni oldindan ko'rish uchun.
  5. bosing Fayl > Eksport > Veb uchun saqlash (eski).

Photoshop > Fayl > Eksport > Veb uchun saqlash (eski)

  1. tanlang GIF Eksport ekranining yuqori chap qismidagi variantlardan.
  2. Agar rasmlaringiz shaffof bo'lmasa, belgini olib tashlang Transparency variant.
  3. bosing saqlash va faylingizni eksport qiling.

Fotoshop eksport animatsion gif

Bo'ldi shu! Endi sizda elektron pochta platformangizga yuklash uchun jonlantirilgan GIF mavjud.

oshkor: Shkaf 52 mening firmamning mijozi, Highbridge. Men ushbu maqola davomida sheriklik havolalaridan foydalanaman Adobe, Klaviyo, krakenva Shopify.