Kif Tagħmel GIF Animat Għall-Kampanja Tiegħek ta' Marketing bl-Email Li jmiss billi tuża Photoshop

Photoshop GIF animat għall-Marketing bl-Email

Qed ikollna ħin mill-aqwa naħdmu mal-klijent ewlieni Closet52, an ħanut tal-ilbies onlajn li aħna marka u bnejna mill-art għal kumpanija tal-moda stabbilita u magħrufa sew fi New York. It-tmexxija tagħhom dejjem qed taħdem magħna fuq ideat kollaborattivi għall-kampanja jew l-istrateġija li jmiss li qed inwettqu. Bħala parti mill-implimentazzjoni tagħhom, skjerajna Klaviyo għall ShopifyPlus. Klaviyo hija pjattaforma ta 'awtomazzjoni tal-marketing magħrufa b'integrazzjoni stretta ħafna ma' Shopify kif ukoll ħafna Shopify Apps.

Karatteristika favorita tiegħi hija tagħhom A / B ittestjar fi Klaviyo. Tista' tiżviluppa verżjonijiet differenti ta' email, u Klaviyo jibgħat kampjun, jistenna tweġiba, u mbagħad jibgħat lill-abbonati li jifdal il-verżjoni rebbieħa - kollha awtomatikament.

Il-klijent tagħna jissottoskrivi għal emails tal-moda fl-industrija u kompla jirrimarka kemm għoġobhom xi emails bi slideshow ta 'ritratti tal-prodott. Staqsew jekk nistgħux nagħmlu dan u jien qbilt u bnejt kampanja b’test A/B fejn bgħatna verżjoni waħda b’animazzjoni ta’ 4 prodotti, u oħra b’immaġni waħda, sabiħa u statika. Il-kampanja hija għal blowout bejgħ tal-ilbiesi tal-ħarifa tagħhom peress li qed iġibu linji ta' prodotti ġodda.

Verżjoni A: GIF animat

animazzjoni tal-ilbies 3

Verżjoni B: Immaġni Statika

RB66117 1990 LS7

Il-kreditu tar-ritratti jmur lin-nies b'talent fuq Zeelum.

It-teħid ta' kampjuni tal-kampanja għadu għaddej bħalissa, iżda huwa pjuttost ċar li l-email bil-grafika animata qed tisboq ħafna l-immaġni statika... b'madwar rata miftuħa ta’ 7%.… imma għaġeb 3 darbiet ir-rata tal-ikklikkjar (CTR)! Naħseb li l-fatt li l-GIF animat poġġa diversi stili differenti quddiem l-abbonat wassal għal ħafna aktar viżitaturi.

Kif Tagħmel GIF Animat billi tuża Photoshop

Jien m'iniex xi tip ta' pro ma' Photoshop. Fil-fatt, l-uniċi drabi li tipikament nuża Photoshop tal-Adobe Creative Cloud huma li jitneħħew l-isfond u li saffi immaġini, bħal tqegħid ta 'screenshot fuq laptop jew apparat mobbli. Madankollu, għamilt xi tħaffir onlajn u sibt kif nagħmel animazzjoni. L-interface tal-utent għal dan mhuwiex l-eħfef, iżda fi żmien 20 minuta u wara li qrajt xi tutorials, stajt inħalliha.

Nipprepara l-immaġini tas-sors tagħna:

  • dimensjonijiet – GIFs animati jistgħu jkunu pjuttost kbar, għalhekk għamilt ċert li nissettja d-dimensjonijiet tal-fajl photoshop tiegħi sa jaqbel eżattament mal-wisa 'tagħna tal-mudell tal-email ta' 600px wiesgħa.
  • Kompressjoni – L-immaġini oriġinali tagħna kienu b’riżoluzzjoni għolja u daqs ta’ fajl għoli ħafna, għalhekk jien biddel id-daqs tagħhom u kkompressajthom Kraken għal JPGs b'daqs tal-fajl ħafna iżgħar.
  • Transizzjonijiet – Filwaqt li tista’ tkun it-tentazzjoni li żżid animazzjoni tweens (eż. transizzjoni fading) bejn frejms, li żżid ħafna daqs għall-fajl tiegħek sabiex I'd nevita li tagħmel dan.

Biex tibni l-animazzjoni fil-Photoshop:

  1. Oħloq fajl ġdid bid-dimensjonijiet li jaqblu mad-dimensjonijiet eżatti li qed tpoġġi fil-mudell tal-email tiegħek.
  2. Agħżel Tieqa > Kronoloġija biex tippermetti l-veduta timeline fil-bażi ta 'Photoshop.

Photoshop > Tieqa > Kronoloġija

  1. Żid kull wieħed immaġini bħala saff ġdid fi ħdan Photoshop.

Photoshop > Żid Stampi Bħala Saffi

  1. Ikklikkja Oħloq Frame Animazjoni fir-Reġjun Timeline.
  2. Fuq in-naħa tal-lemin tar-reġjun Timeline, agħżel il-menu tal-hamburger u agħżel Agħmel Gwarniċi minn Saffi.

Photoshop > Timeline > Agħmel Gwarniċi minn Saffi

  1. Fi ħdan ir-reġjun Timeline, tista ' drag il-frejms fl-ordni li tixtieq li l-immaġini jidhru fihom.
  2. Ikklikkja fuq kull qafas fejn jgħid 0 sek, u agħżel il-ħin li tixtieq li juri dak il-qafas. Jien għażilt 2.0 sekondi għal kull frejm.
  3. Fil-dropdown taħt il-frejms, agħżel Forever biex tiżgura l-animazzjoni loops kontinwament.
  4. ikklikkja l- Play Buttuna biex tipprevedi l-animazzjoni tiegħek.
  5. Ikklikkja Fajl > Esportazzjoni > Ħlief għall-Web (Legat).

Photoshop > Fajl > Esportazzjoni > Ħlief għall-Web (Legat)

  1. Agħżel GIF mill-għażliet fuq ix-xellug ta 'fuq tal-iskrin tal-Esportazzjoni.
  2. Jekk l-immaġini tiegħek mhumiex trasparenti, neħħi l-marka Trasparenza għażla.
  3. Ikklikkja Ħlief u esporta l-fajl tiegħek.

Photoshop esportazzjoni gif animati

Dak hu! Issa għandek il-GIF animat biex ittella' fuq il-pjattaforma tal-email tiegħek.

Żvelar: Closet52 huwa klijent tad-ditta tiegħi, Highbridge. Qed nuża links affiljati matul dan l-artikolu għal Adobe, Klaviyo, Kraken, u Shopify.