Photoshop istifadə edərək növbəti e-poçt marketinq kampaniyanız üçün animasiyalı GIF-i necə etmək olar

E-poçt Marketinqi üçün Photoshop Animated GIF

Biz əsas müştəri Closet52 ilə işləyərkən heyrətamiz vaxt keçiririk onlayn paltar mağazası Nyu-Yorkda köklü və tanınmış moda şirkəti üçün markalaşdırdıq və sıfırdan inşa etdik. Onların rəhbərliyi həmişə bizimlə həyata keçirdiyimiz növbəti kampaniya və ya strategiya üçün birgə ideyalar üzərində işləyir. Onların həyata keçirilməsinin bir hissəsi olaraq biz yerləşdirdik Klaviyo üçün ShopifyPlus. Klaviyo Shopify və bir çox Shopify Tətbiqləri ilə çox sıx inteqrasiyası olan tanınmış marketinq avtomatlaşdırma platformasıdır.

Ən çox sevdiyim xüsusiyyət onların olmasıdır A / B testi Klaviyoda. Siz e-poçtun müxtəlif versiyalarını hazırlaya bilərsiniz və Klaviyo bir nümunə göndərəcək, cavabı gözləyəcək və sonra qalan abunəçilərə qalib versiyasını göndərəcək – hamısı avtomatik olaraq.

Müştərimiz sənayedə moda e-poçtlarına abunə olur və məhsul fotoşəkillərinin slayd şousu ilə bəzi e-poçtları nə qədər bəyəndiklərini qeyd etməyə davam etdi. Bunu edə biləcəyimizi soruşdular və mən razılaşdım və A/B testi ilə bir kampaniya qurduq, burada bir versiyanı 4 məhsuldan ibarət animasiya ilə, digərini isə tək, gözəl, statik təsvirlə göndərdik. Kampaniya bir partlayış üçündür payız geyimlərinin satışı çünki onlar yeni məhsul xətləri gətirirlər.

Versiya A: Animasiyalı GIF

paltar animasiya 3

Versiya B: Statik Şəkil

RB66117 1990 LS7

Foto kredit istedadlı insanlara gedir Zeelum.

Kampaniyanın seçilməsi hazırda davam edir, lakin aydındır ki, cizgi qrafikası olan e-poçt statik təsvirdən xeyli üstündür... təxminən 7% açıq dərəcəsi… lakin heyrətləndirici 3 dəfə klik nisbəti (CTR)! Düşünürəm ki, animasiya edilmiş GIF-in abunəçinin qarşısına bir neçə fərqli üslub qoyması daha çox ziyarətçiyə səbəb oldu.

Photoshop istifadə edərək animasiyalı GIF necə hazırlanır

Mən Photoshop ilə heç bir peşəkar deyiləm. Əslində, adətən istifadə etdiyim yeganə vaxtlar Adobe Creative Cloud-un Photoshop proqramı noutbuk və ya mobil cihazın üstünə ekran görüntüsü yerləşdirmək kimi fonları silmək və şəkilləri qatlamaq üçündür. Bununla belə, mən internetdə bir az qazma işləri apardım və animasiyanın necə çəkiləcəyini anladım. Bunun üçün istifadəçi interfeysi ən asan deyil, lakin 20 dəqiqə ərzində və bəzi dərslikləri oxuduqdan sonra onu söndürə bildim.

Mənbə şəkillərimizin hazırlanması:

  • Ölçülər – Animasiya edilmiş GIF-lər kifayət qədər böyük ola bilər, ona görə də Photoshop fayl ölçülərimi bizim 600px geniş e-poçt şablon enimizə tam uyğunlaşdırmağa əmin oldum.
  • Kompressor – Orijinal şəkillərimiz yüksək qətnamə və çox yüksək fayl ölçüsü idi, ona görə də onların ölçüsünü dəyişdim və sıxışdırdım Kraken daha kiçik fayl ölçüsü olan JPG-lərə.
  • Keçidlər - Animasiya əlavə etmək istəyiniz ola bilər tweens Kadrlar arasında (məsələn, solğun keçid) faylınıza çoxlu ölçü əlavə edir, ona görə də bunu etməkdən çəkinərdim.

Photoshop-da animasiya yaratmaq üçün:

  1. Yeni bir fayl yaradın e-poçt şablonunuzda yerləşdirdiyiniz ölçülərə tam uyğun gələn ölçülərlə.
  2. seçmək Pəncərə > Zaman qrafiki Photoshop bazasında vaxt qrafiki görünüşünü aktivləşdirmək üçün.

Photoshop > Pəncərə > Zaman qrafiki

  1. Hər birini əlavə edin yeni təbəqə kimi təsvir Photoshop daxilində.

Photoshop > Şəkilləri Lay kimi əlavə edin

  1. Basın Çərçivə Animası yaradınTimeline Regionunda.
  2. Timeline bölgəsinin sağ tərəfində hamburger menyusunu seçin və seçin Qatlardan Çərçivələr Hazırlayın.

Photoshop > Zaman qrafiki > Qatlardan Çərçivələr Yaradın

  1. Taymlayn regionunda siz edə bilərsiniz çərçivələri sıraya sürükləyin şəkillərin görünməsini istədiyiniz.
  2. 0 saniyə qeyd olunan hər çərçivəyə klikləyin və həmin çərçivənin göstərilməsini istədiyiniz vaxtı seçin. Mən seçdim Hər kadra 2.0 saniyə.
  3. Çərçivələrin altındakı açılan menyuda seçin Əbədi animasiya döngələrinin davamlı olmasını təmin etmək.
  4. Basın Düyməni oyna animasiyanıza ön baxmaq üçün.
  5. Basın Fayl > İxrac > Veb üçün Saxla (Kirsi).

Photoshop > Fayl > İxrac > Veb üçün Saxla (Legacy)

  1. seçmək GIF İxrac ekranının yuxarı sol tərəfindəki seçimlərdən.
  2. Şəkilləriniz şəffaf deyilsə, işarəni çıxarın Şəffaflıq seçin.
  3. Basın Yadda saxla və faylınızı ixrac edin.

photoshop ixrac animasiya gif

Bu belədir! İndi e-poçt platformanıza yükləmək üçün animasiya edilmiş GIF-ə sahibsiniz.

Açıqlanması: Şkaf 52 firmamın müştərisidir, Highbridge. Mən bu məqalə boyunca filial bağlantılarından istifadə edirəm Çiy kərpic, Klaviyo, KrakenShopify.