Kako narediti animirani GIF za vašo naslednjo e-poštno marketinško kampanjo z uporabo Photoshopa

Photoshop animirani GIF za trženje po e-pošti

Delamo s ključno stranko Closet52, an spletna trgovina z oblekami ki smo jo od začetka zaznamovali in zgradili za uveljavljeno in znano modno podjetje v New Yorku. Njihovo vodstvo vedno sodeluje z nami pri skupnih idejah za naslednjo kampanjo ali strategijo, ki jo izvajamo. V okviru njihove izvedbe smo razporedili Klaviyo za ShopifyPlus. Klaviyo je dobro znana platforma za avtomatizacijo trženja z zelo tesno integracijo v Shopify in številne aplikacije Shopify.

Moja najljubša lastnost je njihova A / B testiranje v Klaviyo. Razvijate lahko različne različice e-pošte in Klaviyo bo poslal vzorec, počakal na odgovor in nato preostalim naročnikom poslal zmagovalno različico – vse samodejno.

Naša stranka se naroči na modna e-poštna sporočila v panogi in še naprej ugotavlja, kako zelo so ji všeč nekatera e-poštna sporočila s diaprojekcijo fotografij izdelkov. Vprašali so me, če lahko to storimo in jaz sem se strinjal in zgradil kampanjo z A/B testom, kjer smo poslali eno različico z animacijo 4 izdelkov, drugo pa z eno samo lepo, statično sliko. Kampanja je namenjena izbruhu prodaja jesenskih oblek saj prinašajo nove linije izdelkov.

Različica A: Animirani GIF

animacija obleke 3

Različica B: statična slika

RB66117 1990 LS7

Zasluge za fotografije so nadarjeni ljudje na Zeelum.

Vzorčenje oglaševalske akcije trenutno še vedno teče, vendar je precej jasno, da e-poštno sporočilo z animirano grafiko daleč prekaša statično sliko ... za približno 7% odprta stopnja… ampak osupljivo 3-kratno razmerje med prikazi in kliki (CTR)! Mislim, da je dejstvo, da je animirani GIF pred naročnika postavil več različnih stilov, pripeljalo do veliko več obiskovalcev.

Kako narediti animirani GIF s Photoshopom

Nisem profesionalec s Photoshopom. Pravzaprav edini čas, ki ga običajno uporabljam Photoshop Adobe Creative Cloud so odstranjevanje ozadij in plaščanje slik, na primer postavitev posnetka zaslona na vrh prenosnika ali mobilne naprave. Sem pa malo pobrskal po spletu in ugotovil, kako narediti animacijo. Uporabniški vmesnik za to ni najlažji, toda v 20 minutah in po branju nekaj vadnic sem ga uspel odstraniti.

Priprava naših izvornih slik:

  • dimenzije – Animirani GIF-ji so lahko precej veliki, zato sem se prepričal, da sem nastavil dimenzije datoteke Photoshop tako, da se natančno ujemajo s širino naše 600 slikovnih pik široke e-poštne predloge.
  • Stiskanje – Naše izvirne slike so bile visoke ločljivosti in zelo velike velikosti datoteke, zato sem jim spremenil velikost in jih stisnil z Kraken v JPG z veliko manjšo velikostjo datoteke.
  • Prehodi – Čeprav bi vas morda mikalo dodati animacijo dvojčki (npr. bledeči prehod) med okvirji, kar doda veliko velikost vaši datoteki, zato bi se temu izognil.

Za sestavljanje animacije v Photoshopu:

  1. Ustvarite novo datoteko z dimenzijami, ki se ujemajo z natančnimi dimenzijami, ki jih vstavite v predlogo e-pošte.
  2. Izberite Okno > Časovna os da omogočite pogled časovne osi na dnu Photoshopa.

Photoshop > Okno > Časovna os

  1. Dodajte vsakega slika kot nova plast znotraj Photoshopa.

Photoshop > Dodaj slike kot plasti

  1. klik Ustvarite okvir Animav regiji časovne osi.
  2. Na desni strani območja časovnice izberite meni s hamburgerji in izberite Naredite okvirje iz plasti.

Photoshop > Časovna os > Ustvari okvirje iz plasti

  1. V območju časovnice lahko povlecite okvirje v vrstni red v kateri želite, da se slike prikažejo.
  2. Kliknite vsak okvir, kjer piše 0 sekund, in izberite čas, ko želite, da se ta okvir prikaže. izberem 2.0 sekunde na sličico.
  3. V spustnem meniju pod okvirji izberite Za vedno da zagotovite neprekinjeno zanke animacije.
  4. Kliknite Gumb za predvajanje za predogled vaše animacije.
  5. klik Datoteka > Izvozi > Shrani za splet (stara).

Photoshop > Datoteka > Izvozi > Shrani za splet (zastarelo)

  1. Izberite GIF iz možnosti v zgornjem levem kotu zaslona za izvoz.
  2. Če vaše slike niso pregledne, počistite polje Preglednost možnost.
  3. klik Shrani in izvozite svojo datoteko.

Photoshop izvoz animiranih gifov

To je to! Zdaj imate animirani GIF za nalaganje na svojo e-poštno platformo.

Razkritje: Omara 52 je stranka mojega podjetja, Highbridge. V tem članku uporabljam partnerske povezave za Adobe, Klaviyo, Kraken. Shopify.