Nola egin GIF animatu bat zure hurrengo posta elektroniko bidezko marketin kanpainarako Photoshop erabiliz

Photoshop GIF animatua posta elektroniko bidezko marketinerako

Oso ondo pasatzen ari gara Closet52 bezero nagusiarekin lanean lineako soineko denda New Yorkeko moda-enpresa finko eta ezagun baterako marka eta eraiki genuen oinarritik. Beren lidergoa beti ari da gurekin lanean exekutatzen ari garen hurrengo kanpainarako edo estrategiarako lankidetza-ideietan. Haien ezarpenaren zati gisa, zabaldu genuen Klaviyo egiteko ShopifyPlus. Klaviyo marketin automatizazio plataforma ezaguna da, Shopify-rekin eta Shopify aplikazio askorekin oso integratuta dagoena.

Nire ezaugarri gogokoena beraiena da B / azterketa A Klaviyo-n. Mezu elektroniko baten bertsio desberdinak garatu ditzakezu eta Klaviyok lagin bat bidaliko du, erantzun baten zain geratuko da eta, ondoren, gainerako harpidedunei bertsio irabazlea bidaliko die, automatikoki.

Gure bezeroak industriako modako mezu elektronikoetara harpidetzen da eta produktuen argazkien aurkezpenarekin mezu elektroniko batzuk zenbat gustatzen zitzaizkien ohartzen jarraitu zuen. Hori egin genezakeen galdetu ziguten eta adostu eta kanpaina bat egin nuen A/B test batekin, non bertsio bat bidali genuen 4 produktuz osatutako animazioarekin, eta beste bat irudi bakar, eder eta estatiko batekin. Kanpaina leherketa baterako da beren udazkeneko soinekoen salmenta produktu-lerro berriak ekartzen ari baitira.

A bertsioa: GIF animatua

soineko animazioa 3

B bertsioa: Irudi estatikoa

RB66117 1990 LS7

Argazkiaren kreditua talentudun jendearentzat da Zeelum.

Kanpainaren laginketa oraindik martxan dago oraintxe bertan, baina nahiko argi dago animaziozko grafikoa duen mezu elektronikoak irudi estatikoa askoz gainditzen duela... %7ko tasa irekia... baina harrigarria Klik-tasa baino hiru aldiz handiagoa (CTR)! GIF animatuak harpidedunaren aurrean hainbat estilo jarri izanak askoz bisitari gehiago ekarri zituela uste dut.

Nola egin GIF animatu bat Photoshop erabiliz

Ez naiz edozein profesional bat Photoshop-ekin. Izan ere, normalean erabiltzen ditudan aldi bakarrak Adobe Creative Cloud-en Photoshop atzeko planoak kentzea eta irudiak geruza jartzea dira, adibidez, pantaila-argazkia ordenagailu eramangarri edo gailu mugikor baten gainean jartzea. Hala ere, sarean sakondu nuen eta animazio bat nola egin asmatu nuen. Honetarako erabiltzailearen interfazea ez da errazena, baina 20 minuturen buruan eta tutorial batzuk irakurri ondoren, kanporatu ahal izan nuen.

Gure iturriko irudiak prestatzen:

  • Neurriak - GIF animatuak nahiko handiak izan daitezke, beraz, nire photoshop fitxategiaren dimentsioak gure 600 px zabaleko posta-txantiloiaren zabalerarekin bat etor daitezen ziurtatu nuen.
  • Konpresioa - Gure jatorrizko irudiak bereizmen handikoak eta fitxategi-tamaina oso handiak ziren, beraz, tamaina aldatu eta konprimitu nuen Kraken fitxategi-tamaina askoz txikiagoa duten JPG-etara.
  • trantsizioak - Animazioa gehitzeko tentazioa izan dezakezun arren tarteko (adib. lausotze trantsizioa) fotograma artean, horrek tamaina asko gehitzen dio zure fitxategiari, beraz, hori egitea saihestuko nuke.

Animazioa Photoshop-en eraikitzeko:

  1. Sortu fitxategi berri bat posta elektronikoko txantiloian jartzen ari zaren neurri zehatzekin bat datozen neurriekin.
  2. Aukeratu Leihoa > Denbora-lerroa Photoshop-en oinarrian denbora-lerroaren ikuspegia gaitzeko.

Photoshop > Leihoa > Denbora-lerroa

  1. Gehitu bakoitza irudia geruza berri gisa Photoshop barruan.

Photoshop > Gehitu irudiak geruza gisa

  1. Klikatu Sortu fotograma animaTimeline Eskualdean.
  2. Timeline eskualdearen eskuineko aldean, hautatu hanburgesa menua eta hautatu Egin markoak geruzetatik.

Photoshop > Denbora-lerroa > Egin markoak geruzetatik

  1. Denbora-lerroaren eskualdean, egin dezakezu arrastatu fotogramak ordenara irudiak agertzea nahi duzula.
  2. Egin klik 0 seg dioen fotograma bakoitzean, eta hautatu fotograma horrek bistaratzea nahi duzun denbora. aukeratzen dut 2.0 segundo fotograma bakoitzeko.
  3. Markoen azpiko goitibeherako zerrendan, hautatu Forever animazio-begiztak etengabe ziurtatzeko.
  4. Egin klik Erreproduzitu botoia zure animazioa aurreikusteko.
  5. Klikatu Fitxategia > Esportatu > Weberako gorde (ondarea).

Photoshop > Fitxategia > Esportatu > Weberako gorde (ondarea)

  1. Aukeratu GIF Esportatu pantailaren goiko ezkerreko aukeretatik.
  2. Zure irudiak gardenak ez badira, desmarkatu Transparency aukera.
  3. Klikatu Save eta esportatu zure fitxategia.

Photoshop esportatu gif animatua

Hori da! Orain zure posta elektronikoko plataformara kargatzeko GIF animatua duzu.

Dibulgazioa: Armairua52 nire enpresaren bezeroa da, Highbridge. Artikulu honetan zehar kideen estekak erabiltzen ari naiz Adobe, Klaviyo, Kraken, eta Shopify.