Kuidas teha Photoshopi abil animeeritud GIF-i järgmise meiliturunduskampaania jaoks

Photoshopi animeeritud GIF meiliturunduse jaoks

Meil on suurepärane aeg töötada võtmekliendiga Closet52, an kleidi veebipood mille brändisime ja ehitasime algusest peale väljakujunenud ja tuntud moeettevõtte jaoks New Yorgis. Nende juhtkond töötab alati koos meiega koostööideede kallal järgmise kampaania või strateegia jaoks, mida me teostame. Nende rakendamise osana me juurutasime Klaviyo eest ShopifyPlus. Klaviyo on tuntud turunduse automatiseerimise platvorm, mis on väga tihedalt integreeritud nii Shopify kui ka paljude Shopify rakendustega.

Minu lemmikomadus on nende A / B testimise Klaviyos. Saate arendada meili erinevaid versioone ja Klaviyo saadab proovi välja, ootab vastust ja saadab ülejäänud tellijatele võiduversiooni – kõik see toimub automaatselt.

Meie klient tellib tööstuse moemeile ja jätkas tootefotode slaidiseansiga märkuste tegemist, kui väga talle meeldisid mõned meilid. Nad küsisid, kas me saame seda teha ja ma nõustusin ning koostasin A/B testiga kampaania, kus saatsime ühe versiooni 4 toote animatsiooniga ja teise ühe ilusa, staatilise pildiga. Kampaania on puhutud nende sügiskleitide müük kuna nad toovad turule uusi tootesarju.

Versioon A: animeeritud GIF

kleidianimatsioon 3

Versioon B: staatiline pilt

RB66117 1990 LS7

Fotokrediit läheb andekatele inimestele aadressil Zeelum.

Kampaania proovivõtt on praegu veel käimas, kuid on üsna selge, et animeeritud graafikaga e-kiri on staatilisest pildist tunduvalt parem… 7% avatud intressimäär… aga hämmastav 3 korda suurem klikkimise määr (CTR)! Ma arvan, et asjaolu, et animeeritud GIF pani tellija ette mitu erinevat stiili, tõi kaasa palju rohkem külastajaid.

Kuidas teha animeeritud GIF-i Photoshopi abil

Ma ei ole Photoshopi professionaal. Tegelikult ainsad korrad, mida tavaliselt kasutan Adobe Creative Cloudi Photoshop on taustade eemaldamine ja piltide kihistamine, näiteks ekraanipildi asetamine sülearvuti või mobiilseadme peale. Küll aga uurisin veidi internetis ja mõtlesin välja, kuidas animatsiooni teha. Selle kasutajaliides pole just kõige lihtsam, kuid 20 minuti jooksul ja pärast mõningate õpetuste lugemist suutsin selle välja lüüa.

Meie lähtepiltide ettevalmistamine:

  • Mõõdud – Animeeritud GIF-id võivad olla üsna suured, seega seadsin oma Photoshopi faili mõõtmed täpselt nii, et need vastaksid täpselt meie 600 piksli laiusele meilimalli laiusele.
  • Kokkusurumine – Meie algsed pildid olid kõrge eraldusvõimega ja väga suure failisuurusega, nii et muutsin nende suurust ja tihendasin Kraken palju väiksema failimahuga JPG-vormingus.
  • Üleminekud – Kuigi teil võib tekkida kiusatus lisada animatsiooni kaksteist (nt tuhmuv üleminek) kaadrite vahel, mis lisab teie failile palju suurust, nii et ma väldiksin seda.

Animatsiooni loomiseks Photoshopis toimige järgmiselt.

  1. Loo uus fail mõõtmetega, mis vastavad täpselt teie meilimalli sisestatavatele mõõtmetele.
  2. valima Aken > Ajaskaala et lubada ajaskaala vaade Photoshopi baasis.

Photoshop > Aken > Ajaskaala

  1. Lisage igaüks pilt uue kihina Photoshopis.

Photoshop > Lisa pilte kihtidena

  1. Click Looge Frame Animaajaskaala piirkonnas.
  2. Valige ajaskaala piirkonna paremas servas hamburgeri menüü ja valige Looge kihtidest raame.

Photoshop > Ajaskaala > Loo kihtidest raamid

  1. Ajaskaala piirkonnas saate seda teha lohistage raamid järjekorda milles soovite pilte kuvada.
  2. Klõpsake igal kaadril, kus on kirjas 0 sekundit, ja valige aeg, mille jooksul soovite seda kaadrit kuvada. ma valisin 2.0 sekundit kaadri kohta.
  3. Valige raamide all olevast rippmenüüst Igavesti animatsioonitsüklite pidevaks tagamiseks.
  4. kliki Esita nupp animatsiooni eelvaate kuvamiseks.
  5. Click Fail > Ekspordi > Salvesta veebi jaoks (pärand).

Photoshop > Fail > Ekspordi > Salvesta veebi (pärand)

  1. valima GIF Ekspordiekraani vasakus ülanurgas asuvatest valikutest.
  2. Kui teie pildid ei ole läbipaistvad, tühjendage märkeruut läbipaistvus valik.
  3. Click Säästa ja eksportige oma fail.

Photoshop ekspordi animeeritud gif

See on kõik! Nüüd on teil animeeritud GIF, mille saate oma meiliplatvormile üles laadida.

Avalikustamine: Kapp52 on minu firma klient, Highbridge. Kasutan selles artiklis sidusettevõtete linke Adobe, Klaviyo, Krakenja Shopify.