Wéi maacht Dir en animéierten GIF fir Är nächst E-Mail Marketing Kampagne Mat Photoshop

Photoshop Animéiert GIF fir E-Mail Marketing

Mir hunn eng erstaunlech Zäit mat Schlëssel Client Closet52 schaffen, an online Kleedergeschäft datt mir fir eng etabléiert a gutt-bekannt Moudefirma zu New York aus dem Buedem markéiert a gebaut. Hir Leedung schafft ëmmer mat eis un Zesummenaarbecht Iddie fir déi nächst Kampagne oder Strategie déi mir ausféieren. Als Deel vun hirer Ëmsetzung hu mir agesat klaviyo fir ShopifyPlus. Klaviyo ass eng bekannte Marketing Automatisatiounsplattform mat ganz enk Integratioun zu Shopify souwéi vill Shopify Apps.

Eng Léifsten Fonktioun vu mir ass hir A / B Testen zu Klaviyo. Dir kënnt verschidde Versiounen vun enger E-Mail entwéckelen, an de Klaviyo schéckt eng Prouf aus, waart op eng Äntwert, a schéckt dann déi verbleiwen Abonnente déi gewonnen Versioun - alles automatesch.

Eise Client abonnéiert op Moudemailen an der Industrie an huet weider bemierkt wéi vill se e puer E-Maile mat enger Diashow vu Produktfotoen gär hunn. Si hunn gefrot ob mir dat maache kënnen an ech hunn d'accord an hunn eng Campagne mat engem A/B Test gebaut, wou mir eng Versioun mat enger Animatioun vu 4 Produkter geschéckt hunn, an eng aner mat engem eenzegen, schéine, statesche Bild. D'Campagne ass fir e Blowout Verkaf vun hiren Hierschtkleeder wéi se nei Produktlinnen bréngen.

Versioun A: Animéiert GIF

Kleed Animatioun 3

Versioun B: Statescht Bild

RB66117 1990 LS7

D'Fotokredit geet un déi talentéiert Leit bei Zeelum.

D'Campagne-Sampling leeft nach ëmmer elo, awer et ass zimlech kloer datt d'E-Mail mat der animéierter Grafik wäit iwwer dat statesch Bild ass ... engem 7% oppen Taux... awer eng erstaunlech 3 Mol de Klickrate (CTR)! Ech denken datt d'Tatsaach datt den animéierten GIF verschidde verschidde Stiler virum Abonnent gesat huet zu vill méi Besucher gefouert.

Wéi en animéierten GIF mat Photoshop ze maachen

Ech sinn keen Profi mat Photoshop. Tatsächlech, déi eenzeg Zäiten déi ech normalerweis benotzen Adobe Creative Cloud's Photoshop si fir Hannergrënn ze läschen an Biller ze schichten, wéi e Screenshot op engem Laptop oder mobilen Apparat ze setzen. Wéi och ëmmer, ech hunn e bëssen online gegruewen an erausfonnt wéi ech eng Animatioun maachen. D'Benotzerinterface fir dëst ass net déi einfachst, awer bannent 20 Minutten an nodeems ech e puer Tutorials gelies hunn, konnt ech et ausschloen.

Preparéieren eis Quell Biller:

  • Dimensiounen - Animéiert GIFs kënnen zimmlech grouss sinn, also hunn ech gesuergt fir meng Photoshop-Datei-Dimensioune bis genau mat eiser 600px breet E-Mail Template Breet ze passen.
  • Kompressor - Eis originell Biller waren héich Opléisung a ganz héich Dateigréisst, also hunn ech se geännert a kompriméiert mat Kraken op JPGs mat enger vill méi klenger Dateigréisst.
  • Iwwergäng - Wärend Dir kéint versicht ginn Animatioun ze addéieren tweens (z.B. Fading Transitioun) tëscht Frames, dat ergëtt Är Datei vill Gréisst, sou datt ech dat vermeiden.

Fir d'Animatioun am Photoshop ze bauen:

  1. Eng nei Datei erstellen mat den Dimensiounen déi mat den exakten Dimensiounen passen, déi Dir an Ärer E-Mail Schabloun placéiert.
  2. wielt Fënster> Timeline fir d'Timeline View an der Basis vu Photoshop z'aktivéieren.

Photoshop> Fënster> Timeline

  1. Füügt jidderengem Bild als nei Layer am Photoshop.

Photoshop> Fotoen als Schichten addéieren

  1. klickt Schafen Frame Animaan der Timeline Regioun.
  2. Op der rietser Säit vun der Timeline Regioun, wielt den Hamburger Menü a wielt Maacht Frames aus Schichten.

Photoshop> Timeline> Maacht Frames aus Schichten

  1. An der Timeline Regioun kënnt Dir zitt d'Frames an d'Uerdnung datt Dir wëllt datt d'Biller optauchen.
  2. Klickt op all Frame wou et seet 0 sec, a wielt d'Zäit déi Dir wëllt datt de Frame weist. ech hu gewielt 2.0 Sekonnen pro Frame.
  3. Am Dropdown ënner de Rummen, wielt ëmmer fir d'Animatiounsschleifen kontinuéierlech ze garantéieren.
  4. klickt op d ' Spill Button fir Är Animatioun ze kucken.
  5. klickt Datei > Export > Späicheren fir Web (Legacy).

Photoshop > Datei > Export > Späicheren fir Web (Legacy)

  1. wielt GIF vun den Optiounen uewe lénks vum Exportbildschierm.
  2. Wann Är Biller net transparent sinn, deaktivéiert d' Transparenz Optioun.
  3. klickt spueren an exportéiert Är Datei.

Photoshop exportéieren animéierten GIF

Dat ass et! Dir hutt elo den animéierten GIF fir op Är E-Mail Plattform eropzelueden.

Präisgi: Schrank 52 ass e Client vu menger Firma, Highbridge. Ech benotzen Affiliate Linken duerch dësen Artikel fir Adobe, klaviyo, Kraken, an Shopify.