Kuidas teha Photoshopi abil animeeritud GIF-i järgmise meiliturunduskampaania jaoks
Ehitasime kleiditootjale kleidide veebipoe, mille kaubamärgiga tähistasime ja mille ehitasime algusest peale üles, et tuua otse tarbijani (D2C) turule pakkumine. 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.
Uuringu kohaselt kasutades animeeritud GIF- võib suurendada klikkimise määra 42%, konversioonimäära 103% ja tulu 109%.
MarketingSherpa
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 mõeldud nende sügiskleitide lõpumüügiks, kuna nad toovad turule uusi tootesarju.
Versioon A: animeeritud GIF
Versioon B: staatiline pilt
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 kolm 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. Ainsad korrad, mida tavaliselt kasutan Adobe Creative Cloudi Photoshop on eemaldada taustad ja kihilised kujutised, näiteks asetada ekraanipilt sülearvuti või mobiilseadme peale. Küll aga uurisin netis 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.
- Loo uus fail mõõtmetega, mis vastavad täpselt teie meilimalli sisestatavatele mõõtmetele.
- valima Aken > Ajaskaala et lubada ajaskaala vaade Photoshopi baasis.
- Lisage igaüks pilt uue kihina Photoshopis.
- Click Looge Frame Animaajaskaala piirkonnas.
- Valige ajaskaala piirkonna paremas servas hamburgeri menüü ja valige Looge kihtidest raame.
- Ajaskaala piirkonnas saate seda teha lohistage raamid järjekorda milles soovite pilte kuvada.
- 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.
- Valige raamide all olevast rippmenüüst Igavesti animatsioonitsüklite pidevaks tagamiseks.
- kliki Esita nupp animatsiooni eelvaate kuvamiseks.
- Click Fail > Ekspordi > Salvesta veebi jaoks (pärand) .
- valima GIF Ekspordiekraani vasakus ülanurgas asuvatest valikutest.
- Kui teie pildid ei ole läbipaistvad, tühjendage märkeruut läbipaistvus valik.
- Click Säästa ja eksportige oma fail.
See on kõik! Nüüd on teil animeeritud GIF, mille saate oma meiliplatvormile üles laadida.