Kaip sukurti animuotą GIF kitai el. pašto rinkodaros kampanijai naudojant „Photoshop“.

„Photoshop“ animuotas GIF rinkodara el. paštu

Puikiai leidžiame laiką dirbdami su pagrindiniu klientu Closet52, an internetinė suknelių parduotuvė kurį įkūrėme ir nuo pat pradžių sukūrėme gerai žinomai Niujorke mados kompanijai. Jų vadovai visada dirba su mumis kurdami bendradarbiavimo idėjas kitai kampanijai ar strategijai, kurią vykdome. Įgyvendindami juos, mes įdiegėme Klaviyo forumas „Shopify Plus“. „Klaviyo“ yra gerai žinoma rinkodaros automatizavimo platforma, turinti labai tvirtą integraciją į „Shopify“ ir daugelį „Shopify“ programų.

Mėgstamiausia mano savybė yra jų A / B testavimas Klavijo mieste. Galite sukurti skirtingas el. laiško versijas, o „Klaviyo“ išsiųs pavyzdį, lauks atsakymo, o likusiems prenumeratoriams išsiųs laimėjusią versiją – visa tai automatiškai.

Mūsų klientas prenumeruoja mados el. laiškus pramonėje ir toliau pažymėjo, kaip jiems patiko kai kurie el. laiškai su produktų nuotraukų skaidrių demonstracija. Jie paklausė, ar galime tai padaryti, ir aš sutikau ir sukūriau kampaniją su A/B testu, kai vieną versiją išsiuntėme su 4 produktų animacija, o kitą su vienu gražiu, statišku vaizdu. Kampanija skirta smūgiui rudeninių suknelių išpardavimas nes jie pristato naujas produktų linijas.

A versija: animuotas GIF

suknelių animacija 3

B versija: statinis vaizdas

RB66117 1990 LS7

Nuotraukų kreditas atitenka talentingiems žmonėms adresu Zeelum.

Kampanijos atranka šiuo metu vis dar vykdoma, bet visiškai aišku, kad el. laiškas su animuotu grafiku gerokai pranoksta statinį vaizdą... 7% atvira norma... bet stulbinantis 3 kartus didesnis nei paspaudimų rodiklis (PR)! Manau, kad tai, kad animuotas GIF prieš prenumeratorių pateikia kelis skirtingus stilius, paskatino daug daugiau lankytojų.

Kaip sukurti animuotą GIF naudojant „Photoshop“.

Nesu koks „Photoshop“ profesionalas. Tiesą sakant, tai vienintelis kartas, kai aš paprastai naudoju „Adobe Creative Cloud“ „Photoshop“. yra pašalinti foną ir sluoksniuoti vaizdus, ​​pvz., ekrano kopiją įdėti ant nešiojamojo kompiuterio ar mobiliojo įrenginio. Tačiau aš šiek tiek pasikasiau internete ir sugalvojau, kaip sukurti animaciją. Naudotojo sąsaja nėra pati lengviausia, bet per 20 minučių ir perskaičius kai kurias pamokas man pavyko ją išmušti.

Paruošiame šaltinio vaizdus:

  • Matmenys – Animuoti GIF failai gali būti gana dideli, todėl pasirūpinau, kad „Photoshop“ failo matmenys tiksliai atitiktų mūsų 600 pikselių pločio el. pašto šablono plotį.
  • Suspaudimas – Mūsų originalūs vaizdai buvo didelės raiškos ir labai didelio failo dydžio, todėl pakeičiau jų dydį ir suglaudinau Kraken į JPG, kurių failo dydis yra daug mažesnis.
  • Perėjimai – Nors gali kilti pagunda pridėti animaciją dvynių (pvz., nykstantis perėjimas) tarp kadrų, tai padidina failo dydį, todėl vengčiau to daryti.

Norėdami sukurti animaciją „Photoshop“:

  1. Sukurkite naują failą su matmenimis, kurie tiksliai atitinka matmenis, kuriuos pateikiate savo el. pašto šablone.
  2. pasirinkti Langas > Laiko juosta kad įgalintumėte laiko juostos rodinį „Photoshop“ bazėje.

Photoshop > Langas > Laiko juosta

  1. Pridėkite kiekvieną vaizdas kaip naujas sluoksnis „Photoshop“ programoje.

Photoshop > Pridėti vaizdus kaip sluoksnius

  1. Spauskite Sukurkite „Frame Anima“.laiko juostos regione.
  2. Dešinėje laiko juostos srities pusėje pasirinkite mėsainių meniu ir pasirinkite Padarykite rėmelius iš sluoksnių.

„Photoshop“ > „Laiko juosta“ > „Sukurti rėmelius iš sluoksnių“.

  1. Laiko juostos regione galite vilkite rėmelius į tvarką kurioje norėtumėte, kad būtų rodomi vaizdai.
  2. Spustelėkite kiekvieną kadrą, kuriame nurodyta 0 sek., ir pasirinkite laiką, kurį norite rodyti. aš pasirinkau 2.0 sekundės vienam kadrui.
  3. Išskleidžiamajame meniu po rėmeliais pasirinkite Amžinai kad būtų užtikrintas nuolatinis animacijos ciklas.
  4. Spauskite Groti mygtukas norėdami peržiūrėti savo animaciją.
  5. Spauskite Failas > Eksportuoti > Išsaugoti žiniatinklyje (senas).

„Photoshop“ > Failas > Eksportuoti > Išsaugoti žiniatinklyje (pasenęs)

  1. pasirinkti Pagal GIF Eksportavimo ekrano viršuje kairėje esančiose parinktyse.
  2. Jei jūsų vaizdai nėra skaidrūs, panaikinkite žymėjimą Skaidrumas pasirinkimas.
  3. Spauskite Sutaupote ir eksportuokite savo failą.

Photoshop eksportuoti animuotą gif

Viskas! Dabar turite animuotą GIF failą, kurį galite įkelti į savo el. pašto platformą.

Atskleidimas: Spinta 52 yra mano įmonės klientas, Highbridge. Šiame straipsnyje naudoju filialų nuorodas plaušamolis, Klaviyo, Kraken, ir Shopify.