Si të krijoni një GIF të animuar për fushatën tuaj të ardhshme të marketingut me email duke përdorur Photoshop

GIF i animuar i Photoshop për marketing me email

Ne po kalojmë një kohë të mrekullueshme duke punuar me klientin kryesor Closet52, një dyqan online fustanesh që ne e kemi markuar dhe ndërtuar nga themeli për një kompani të themeluar dhe të njohur të modës në Nju Jork. Udhëheqja e tyre është gjithmonë duke punuar me ne për idetë bashkëpunuese për fushatën ose strategjinë e ardhshme që ne po ekzekutojmë. Si pjesë e zbatimit të tyre, ne vendosëm Klaviyo për ShopifyPlus. Klaviyo është një platformë e njohur e automatizimit të marketingut me integrim shumë të ngushtë me Shopify si dhe me shumë aplikacione Shopify.

Një tipar i preferuar i imi është i tyre A / B testimi në Klaviyo. Ju mund të zhvilloni versione të ndryshme të një emaili dhe Klaviyo do të dërgojë një mostër, do të presë një përgjigje dhe më pas do t'u dërgojë abonentëve të mbetur versionin fitues - të gjitha automatikisht.

Klienti ynë abonohet në email-et e modës në industri dhe vazhdoi të vërejë se sa shumë i pëlqyen disa emaile me një shfaqje rrëshqitëse të fotove të produkteve. Ata pyetën nëse mund ta bënim këtë dhe unë u pajtova dhe ndërtova një fushatë me një test A/B ku dërguam një version me një animacion prej 4 produkteve dhe një tjetër me një imazh të vetëm, të bukur, statik. Fushata është për një shpërthim shitjen e fustaneve të tyre të vjeshtës pasi ato po sjellin linja të reja produktesh.

Versioni A: GIF i animuar

animacioni i veshjes 3

Versioni B: Imazhi statik

RB66117 1990 LS7

Merita e fotografisë shkon për njerëzit e talentuar në Zeelum.

Mostra e fushatës është ende duke u ekzekutuar për momentin, por është mjaft e qartë se emaili me grafikun e animuar është shumë më i mirë se imazhi statik… me rreth një normë e hapur prej 7%.… por befasuese 3 herë më shumë se shkalla e klikimeve (CTR)! Unë mendoj se fakti që GIF-i i animuar vendosi disa stile të ndryshme para pajtimtarit çoi në shumë më shumë vizitorë.

Si të bëni një GIF të animuar duke përdorur Photoshop

Unë nuk jam asnjë lloj profesionist me Photoshop. Në fakt, të vetmet herë që përdor zakonisht Photoshop i Adobe Creative Cloud janë për të hequr sfondet dhe për të shtresuar imazhe, si p.sh. vendosja e një pamje ekrani në krye të një laptopi ose pajisjeje celulare. Megjithatë, bëra disa gërmime në internet dhe kuptova se si të bëja një animacion. Ndërfaqja e përdoruesit për këtë nuk është më e lehta, por brenda 20 minutash dhe pasi lexova disa udhëzime, munda ta eliminoja.

Përgatitja e imazheve tona burimore:

  • përmasat – GIF-et e animuara mund të jenë mjaft të mëdha, kështu që u sigurova që të vendos përmasat e skedarit tim të photoshop-it që të përputhen saktësisht me gjerësinë e shabllonit tonë të emailit prej 600 px.
  • Ngjeshje – Imazhet tona origjinale ishin me rezolucion të lartë dhe madhësi shumë të lartë skedari, kështu që i ndryshova përmasat dhe i kompresova Kraken në JPG me një madhësi skedari shumë më të vogël.
  • Transitions – Ndërsa mund të tundoheni të shtoni animacion tweens (p.sh. zbehja e tranzicionit) midis kornizave, që shton shumë madhësi në skedarin tuaj, kështu që unë do ta shmangja këtë.

Për të ndërtuar animacionin në Photoshop:

  1. Krijo një skedar të ri me dimensionet që përputhen me dimensionet e sakta që po vendosni në shabllonin tuaj të postës elektronike.
  2. zgjedh Dritarja > Afati kohor për të aktivizuar pamjen e vijës kohore në bazën e Photoshop-it.

Photoshop > Dritarja > Kohëzgjatja

  1. Shtoni secilën imazhi si një shtresë e re brenda Photoshop.

Photoshop > Shto imazhe si shtresa

  1. Kliko Krijo Frame Animation në rajonin e vijës kohore.
  2. Në anën e djathtë të rajonit Timeline, zgjidhni menunë e hamburgerit dhe zgjidhni Bëni korniza nga shtresat.

Photoshop > Timeline > Krijoni korniza nga shtresat

  1. Brenda rajonit të "Kronologjisë", mundeni tërhiqni kornizat në rend në të cilat dëshironi të shfaqen imazhet.
  2. Klikoni në çdo kornizë ku thotë 0 sek dhe zgjidhni kohën që dëshironi të shfaqet ajo kornizë. une zgjodha 2.0 sekonda për kornizë.
  3. Në dropdown poshtë kornizave, zgjidhni Përgjithmonë për të siguruar që animacioni të qarkullojë vazhdimisht.
  4. Kliko Butoni i luajtjes për të parë paraprakisht animacionin tuaj.
  5. Kliko Skedari > Eksporto > Ruaj për ueb (i trashëguar).

Photoshop > Skedari > Eksporto > Ruaj për ueb (Trashëgimia)

  1. zgjedh GIF nga opsionet në pjesën e sipërme të majtë të ekranit të Eksportit.
  2. Nëse imazhet tuaja nuk janë transparente, hiqni zgjedhjen Transparenca opsion.
  3. Kliko Ruaje dhe eksportoni skedarin tuaj.

photoshop eksporton gif të animuar

Kjo eshte! Tani keni GIF-in e animuar për ta ngarkuar në platformën tuaj të postës elektronike.

Disclosure: Dollap52 është klient i firmës sime, Highbridge. Unë jam duke përdorur lidhjet e filialeve në të gjithë këtë artikull për Qerpiç, Klaviyo, Krakendhe Shopify.