Kā izveidot animētu GIF savai nākamajai e-pasta mārketinga kampaņai, izmantojot Photoshop

Photoshop animēts GIF e-pasta mārketingam

Mēs lieliski pavadām laiku, strādājot ar galveno klientu Closet52, an tiešsaistes kleitu veikals ko mēs izveidojām zīmolu un no paša sākuma izveidojām izveidotam un labi pazīstamam modes uzņēmumam Ņujorkā. Viņu vadība vienmēr strādā ar mums, lai izstrādātu sadarbības idejas nākamajai kampaņai vai stratēģijai, ko mēs īstenojam. To ieviešanas ietvaros mēs izvietojām Klaviyo forums ShopifyPlus. Klaviyo ir labi pazīstama mārketinga automatizācijas platforma ar ļoti ciešu integrāciju ar Shopify, kā arī daudzām Shopify lietotnēm.

Mana iecienītākā iezīme ir viņu A / B pārbaude Klavijo pilsētā. Varat izstrādāt dažādas e-pasta versijas, un Klaviyo nosūtīs paraugu, gaidīs atbildi un pēc tam atlikušajiem abonentiem nosūtīs uzvarētāju versiju — viss automātiski.

Mūsu klients abonē modes e-pasta ziņojumus šajā nozarē un turpināja atzīmēt, cik ļoti viņiem patika daži e-pasta ziņojumi ar produktu fotoattēlu slaidrādi. Viņi jautāja, vai mēs to varam izdarīt, un es piekritu un izveidoju kampaņu ar A/B testu, kurā mēs nosūtījām vienu versiju ar 4 produktu animāciju, bet otru ar vienu skaistu, statisku attēlu. Kampaņa ir par triecienu viņu rudens kleitu izpārdošana jo viņi ievieš jaunas produktu līnijas.

A versija: animēts GIF

kleitu animācija 3

Versija B: statisks attēls

RB66117 1990 LS7

Fotoattēlu kredīts tiek piešķirts talantīgajiem cilvēkiem plkst Zeelum.

Kampaņas izlase joprojām darbojas, taču ir diezgan skaidrs, ka e-pasta ziņojums ar animētu grafiku ievērojami pārspēj statisko attēlu... par aptuveni 7% atvērtā likme… bet pārsteidzošs 3 reizes par vidējo klikšķu skaitu (VKS)! Es domāju, ka fakts, ka animētais GIF abonenta priekšā ievietoja vairākus dažādus stilus, izraisīja daudz vairāk apmeklētāju.

Kā izveidot animētu GIF, izmantojot Photoshop

Es neesmu nekāds Photoshop profesionālis. Patiesībā vienīgās reizes, ko parasti izmantoju Adobe Creative Cloud Photoshop ir noņemt fonus un slāņot attēlus, piemēram, novietot ekrānuzņēmumu uz klēpjdatora vai mobilās ierīces. Tomēr es nedaudz rakņājos tiešsaistē un izdomāju, kā izveidot animāciju. Lietotāja interfeiss šim nav no vienkāršākajiem, taču 20 minūšu laikā un pēc dažu pamācību izlasīšanas es to varēju izsist.

Mūsu avota attēlu sagatavošana:

  • Izmēri – Animētie GIF attēli var būt diezgan lieli, tāpēc es noteikti iestatīju Photoshop faila izmērus, lai tie precīzi atbilstu mūsu 600 pikseļus platās e-pasta veidnes platumam.
  • Saspiešana - Mūsu sākotnējie attēli bija augstas izšķirtspējas un ļoti lieli faila izmēri, tāpēc es mainīju to izmērus un saspiedu tos ar Kraken uz JPG ar daudz mazāku faila izmēru.
  • Pārejas – Lai gan jums varētu rasties kārdinājums pievienot animāciju tweens (piem., izbalēšanas pāreja) starp kadriem, kas jūsu failam palielina lielumu, tāpēc es to nedarītu.

Lai izveidotu animāciju programmā Photoshop:

  1. Izveidojiet jaunu failu ar izmēriem, kas precīzi atbilst izmēriem, ko ievietojat savā e-pasta veidnē.
  2. atlasīt Logs > Laika skala lai iespējotu laika skalas skatu Photoshop pamatnē.

Photoshop > Logs > Timeline

  1. Pievienojiet katru attēlu kā jaunu slāni Photoshop ietvaros.

Photoshop > Pievienot attēlus kā slāņus

  1. Noklikšķiniet Izveidojiet Frame Animalaika skalas reģionā.
  2. Laika skalas reģiona labajā pusē atlasiet hamburgera izvēlni un atlasiet Izveidojiet rāmjus no slāņiem.

Photoshop > Laika skala > Izveidojiet rāmjus no slāņiem

  1. Laika skalas reģionā varat velciet rāmjus secībā kurā vēlaties, lai attēli tiktu rādīti.
  2. Noklikšķiniet uz katra kadra, kur ir rakstīts 0 s, un atlasiet laiku, kurā vēlaties rādīt šo kadru. ES izvēlos 2.0 sekundes vienā kadrā.
  3. Nolaižamajā izvēlnē zem rāmjiem atlasiet Uz visiem laikiem lai nodrošinātu nepārtrauktas animācijas cilpas.
  4. Noklikšķiniet Spēlēt pogu lai priekšskatītu savu animāciju.
  5. Noklikšķiniet Fails > Eksportēt > Saglabāt tīmeklim (mantots).

Photoshop > Fails > Eksportēt > Saglabāt tīmeklim (mantots)

  1. atlasīt GIF no opcijām eksportēšanas ekrāna augšējā kreisajā stūrī.
  2. Ja jūsu attēli nav caurspīdīgi, noņemiet atzīmi no izvēles rūtiņas Caurspīdīgums variants.
  3. Noklikšķiniet IETAUPI un eksportējiet savu failu.

Photoshop eksporta animācijas gif

Tieši tā! Tagad jums ir animēts GIF, ko augšupielādēt savā e-pasta platformā.

Atklāšana: Skapis52 ir mana uzņēmuma klients, Highbridge. Šajā rakstā es izmantoju saistītās saites nededzināts ķieģelis, Klaviyo, Kraken, un Shopify.