Hvernig á að búa til hreyfimyndað GIF fyrir næstu markaðsherferð með tölvupósti með Photoshop

Photoshop líflegur GIF fyrir markaðssetningu í tölvupósti

Við höfum ótrúlega tíma í að vinna með lykilviðskiptavininum Closet52, an kjólaverslun á netinu sem við vörumerktum og byggðum frá grunni fyrir rótgróið og þekkt tískufyrirtæki í New York. Forysta þeirra er alltaf að vinna með okkur að samvinnuhugmyndum fyrir næstu herferð eða stefnu sem við erum að framkvæma. Sem hluti af framkvæmd þeirra, sendum við Klaviyo fyrir ShopifyPlus. Klaviyo er vel þekktur sjálfvirkni vettvangur markaðssetningar með mjög þéttri samþættingu við Shopify sem og mörg Shopify öpp.

Uppáhalds eiginleiki minn er þeirra A / B próf í Klaviyo. Þú getur þróað mismunandi útgáfur af tölvupósti og Klaviyo mun senda sýnishorn, bíða eftir svari og senda síðan áskrifendum sem eftir eru vinningsútgáfuna - allt sjálfkrafa.

Viðskiptavinur okkar gerist áskrifandi að tískutölvupósti í greininni og hélt áfram að segja hversu mikið þeim líkaði við suma tölvupósta með myndasýningu af vörumyndum. Þeir spurðu hvort við gætum gert það og ég samþykkti það og byggði herferð með A/B prófi þar sem við sendum eina útgáfu með hreyfimynd af 4 vörum og aðra með einni fallegri, kyrrstæðum mynd. Herferðin er til útblásturs sölu á haustkjólunum sínum þar sem þeir eru að koma með nýjar vörulínur.

Útgáfa A: Hreyfimyndað GIF

kjólfjör 3

Útgáfa B: Static Image

RB66117 1990 LS7

Myndin fer til hæfileikaríku fólksins kl Zeelum.

Sýnataka herferðarinnar er enn í gangi núna, en það er nokkuð ljóst að tölvupósturinn með hreyfimyndinni er mun betri en kyrrstæða myndin... um u.þ.b. 7% opið gengi… en ótrúlegt Þrisvar sinnum meiri smellihlutfall (SHF)! Ég held að sú staðreynd að GIF hreyfimyndin setti nokkra mismunandi stíla fyrir framan áskrifandann hafi leitt til mun fleiri gesta.

Hvernig á að búa til hreyfimyndað GIF með Photoshop

Ég er enginn atvinnumaður með Photoshop. Reyndar einu skiptin sem ég nota venjulega Photoshop frá Adobe Creative Cloud eru til að fjarlægja bakgrunn og setja myndir í lag, eins og að setja skjámynd ofan á fartölvu eða fartæki. Hins vegar fór ég að grafa á netinu og fann út hvernig á að gera hreyfimynd. Notendaviðmótið fyrir þetta er ekki það auðveldasta, en innan 20 mínútna og eftir að hafa lesið nokkur námskeið gat ég slegið það út.

Undirbúningur upprunamyndanna okkar:

  • mál – Hreyfimyndir geta verið frekar stórar, svo ég passaði upp á að stilla Photoshop skráarmálin mín þannig að hún passi nákvæmlega við 600px breitt tölvupóstsniðmátsbreiddina okkar.
  • þjöppun - Upprunalegu myndirnar okkar voru í mikilli upplausn og mjög mikilli skráarstærð, svo ég breytti stærð þeirra og þjappaði þeim saman Kraken í JPG myndir með miklu minni skráarstærð.
  • Yfirfærslur - Þó að þú gætir freistast til að bæta við hreyfimyndum tvíburar (td dofandi umskipti) á milli ramma, sem bætir mikilli stærð við skrána þína svo ég myndi forðast að gera það.

Til að búa til hreyfimyndina í Photoshop:

  1. Búðu til nýjan skrá með málunum sem passa nákvæmlega við stærðirnar sem þú ert að setja í tölvupóstsniðmátið þitt.
  2. Veldu Gluggi > Tímalína til að virkja tímalínuskjáinn í grunni Photoshop.

Photoshop > Gluggi > Tímalína

  1. Bæta við hverju mynd sem nýtt lag innan Photoshop.

Photoshop > Bæta við myndum sem lögum

  1. Smellur Búðu til Frame Animaá tímalínusvæðinu.
  2. Hægra megin á tímalínusvæðinu skaltu velja hamborgaravalmyndina og velja Búðu til ramma úr lögum.

Photoshop > Tímalína > Búðu til ramma úr lögum

  1. Innan tímalínusvæðisins geturðu dragðu rammana í röðina sem þú vilt að myndirnar birtist í.
  2. Smelltu á hvern ramma þar sem stendur 0 sek og veldu þann tíma sem þú vilt að ramminn birtist. ég valdi 2.0 sekúndur á ramma.
  3. Í fellivalmyndinni fyrir neðan rammana skaltu velja Forever til að tryggja að hreyfimyndin fari stöðugt í lykkjur.
  4. Smelltu á Spila hnappinn til að forskoða hreyfimyndina þína.
  5. Smellur Skrá > Flytja út > Vista fyrir vefinn (gamalt).

Photoshop > Skrá > Flytja út > Vista fyrir vefinn (Gamla)

  1. Veldu GIF úr valkostunum efst til vinstri á Útflutningsskjánum.
  2. Ef myndirnar þínar eru ekki gagnsæjar skaltu taka hakið úr Gagnsæi valkostur.
  3. Smellur Vista og fluttu út skrána þína.

Photoshop útflutnings hreyfimyndir

Það er það! Þú hefur nú teiknaða GIF til að hlaða upp á tölvupóstvettvanginn þinn.

Birting: Skápur52 er viðskiptavinur fyrirtækisins míns, Highbridge. Ég er að nota tengdatengla í þessari grein fyrir Adobe, Klaviyo, Krakenog Shopify.