Kiel Fari Viglan GIF Por Via Sekva Retpoŝta Merkata Kampanjo Uzante Photoshop

Photoshop Vigla GIF por Retpoŝta Merkatado

Ni havas mirindan tempon laborante kun ŝlosila kliento Closet52, an reta vestbutiko ke ni markis kaj konstruis de la grundo por establita kaj konata modfirmao en Novjorko. Ilia gvidado ĉiam laboras kun ni pri kunlaboraj ideoj por la sekva kampanjo aŭ strategio, kiun ni efektivigas. Kiel parto de ilia efektivigo, ni deplojiĝis Klaviyo por ShopifyPlus. Klaviyo estas konata merkata aŭtomatiga platformo kun tre strikta integriĝo al Shopify kaj ankaŭ al multaj Shopify-Aplikoj.

Plej ŝatata trajto mia estas ilia A / B testado en Klaviyo. Vi povas evoluigi malsamajn versiojn de retpoŝto, kaj Klaviyo sendos specimenon, atendos respondon, kaj poste sendos al la ceteraj abonantoj la gajnan version - ĉio aŭtomate.

Nia kliento abonas modajn retpoŝtojn en la industrio kaj daŭre rimarkis kiom multe ili ŝatis kelkajn retpoŝtojn kun bildaro de produktaj fotoj. Ili demandis ĉu ni povus fari tion kaj mi konsentis kaj konstruis kampanjon kun A/B-testo kie ni sendis unu version kun animacio de 4 produktoj, kaj alian kun ununura, bela, statika bildo. La kampanjo estas por eksplodo vendo de iliaj aŭtunaj roboj ĉar ili alportas novajn produktajn liniojn.

Versio A: Vigla GIF

vesta animacio 3

Versio B: Statika Bildo

RB66117 1990 LS7

La fotkredito estas al la talentaj homoj ĉe Zeelum.

La kampanj-specimeno ankoraŭ funkcias nun, sed estas sufiĉe klare, ke la retpoŝto kun la vigla grafiko multe superas la statikan bildon... ĉirkaŭ. malferma indico de 7%.… sed miriga 3 fojojn la klak-trafteco (CTR)! Mi pensas, ke la fakto ke la vigla GIF metis plurajn malsamajn stilojn antaŭ la abonanto kondukis al multe pli da vizitantoj.

Kiel Fari Viglan GIF Uzante Photoshop

Mi ne estas iu ajn profesiulo kun Photoshop. Fakte, la solajn fojojn mi kutime uzas Photoshop de Adobe Creative Cloud estas forigi fonojn kaj tavoligi bildojn, kiel meti ekrankopion sur tekkomputilon aŭ poŝtelefonon. Tamen mi fosis interrete kaj eltrovis kiel fari animacion. La uzantinterfaco por ĉi tio ne estas la plej facila, sed ene de 20 minutoj kaj post legado de kelkaj lerniloj, mi povis bati ĝin.

Preparante niajn fontbildojn:

  • Grandecoj – Viglaj GIF-oj povas esti sufiĉe grandaj, do mi certigis agordi miajn photoshop-dosierajn dimensiojn ĝis precize kongrui kun nia 600px larĝa retpoŝta ŝablono-larĝo.
  • kunpremo – Niaj originalaj bildoj estis alta rezolucio kaj tre alta dosiergrandeco, do mi regrandigis ilin kaj kunpremis ilin kraken al JPGoj kun multe pli malgranda dosiergrandeco.
  • transiroj – Dum vi povus esti tentata aldoni kuraĝigon tweens (ekz. forvelkanta transiro) inter kadroj, tio aldonas multe da grandeco al via dosiero, do mi evitus fari tion.

Por konstrui la animacion en Photoshop:

  1. Krei novan dosieron kun la dimensioj, kiuj kongruas kun la ĝustaj dimensioj, kiujn vi metas en vian retpoŝtan ŝablonon.
  2. elektu Fenestro > Templinio por ebligi la templinian vidon ĉe la bazo de Photoshop.

Photoshop > Fenestro > Templinio

  1. Aldonu ĉiun bildo kiel nova tavolo ene de Photoshop.

Photoshop > Aldonu Bildojn Kiel Tavolojn

  1. klaku Krei Kadro Animantion en la Templinio-Regiono.
  2. Dekstre de la regiono Templinio, elektu la hamburgan menuon kaj elektu Faru Kadrojn el Tavoloj.

Photoshop > Templinio > Faru Kadrojn el Tavoloj

  1. Ene de la regiono Templinio, vi povas trenu la kadrojn en la ordon ke vi ŝatus, ke la bildoj aperu.
  2. Alklaku ĉiun kadron kie ĝi diras 0 sek, kaj elektu la tempon, kiun vi ŝatus, ke tiu kadro montru. mi elektis 2.0 sekundoj por kadro.
  3. En la menuo sub la kadroj, elektu ĉiam certigi la kuraĝigo bukloj kontinue.
  4. klaku Ludbutono por antaŭrigardi vian animacion.
  5. klaku Dosiero > Eksporti > Konservi por TTT (Heredaĵo).

Photoshop > Dosiero > Eksporti > Konservi por TTT (Heredaĵo)

  1. elektu GIF de la opcioj supre maldekstre de la Eksport-ekrano.
  2. Se viaj bildoj ne estas travideblaj, malmarku la Travidebleco elekto.
  3. klaku Savi kaj eksportu vian dosieron.

Photoshop eksporto vigla gif

Jen ĝi! Vi nun havas la viglan GIF por alŝuti al via retpoŝta platformo.

malkaŝo: Ŝranko52 estas kliento de mia firmao, Highbridge. Mi uzas filiajn ligilojn tra ĉi tiu artikolo por adobo, Klaviyo, krakenKaj Shopify.