Cumu fà un GIF animatu per a vostra prossima campagna di marketing email cù Photoshop

Photoshop GIF animatu per e-mail marketing

Avemu un tempu maravigliu chì travaglia cù u cliente chjave Closet52, an tenda di vestiti in linea chì avemu marcatu è custruitu da a terra per una cumpagnia di moda stabilita è cunnisciuta in New York. A so dirigenza travaglia sempre cun noi in idee di cullaburazione per a prossima campagna o strategia chì eseguimu. Comu parte di a so implementazione, avemu implementatu Klaviyo di ShopifyPlus. Klaviyo hè una piattaforma d'automatizazione di marketing ben cunnisciuta cù una integrazione assai stretta à Shopify è ancu parechje Apps Shopify.

Una caratteristica preferita di a mo hè a so A / essai B in Klaviyo. Pudete sviluppà diverse versioni di un email, è Klaviyo mandarà un campionamentu, aspittà una risposta, è dopu mandà à l'abbonati rimanenti a versione vincitore - tuttu automaticamente.

U nostru cliente abbonatu à e-mail di moda in l'industria è hà cuntinuatu à rimarcà quantu li piaceva qualchì email cù una presentazione di foto di produttu. Anu dumandatu s'ellu pudemu fà quessa è aghju accunsentutu è custruitu una campagna cù una prova A / B induve avemu mandatu una versione cù una animazione di i prudutti 4, è un altru cù una sola, bella, maghjina statica. A campagna hè per un soffiu vendita di i so vestiti di caduta cum'è stanu purtendu novi linee di prudutti.

Versione A: GIF animatu

animazione di vestiti 3

Versione B: Image statica

RB66117 1990 LS7

U creditu di a foto va à e persone di talentu Zeelum.

U campionamentu di a campagna hè sempre in esecuzione avà, ma hè abbastanza chjaru chì l'email cù u graficu animatu supera di granu l'immagine statica ... una tarifa aperta di 7%.... ma stupente 3 volte u tassu di cliccà (CTR)! Pensu chì u fattu chì u GIF animatu mette parechji stili diffirenti davanti à l'abbonatu hà purtatu assai più visitatori.

Cumu fà un GIF animatu cù Photoshop

Ùn sò micca un prufessiunale cù Photoshop. In fatti, l'unicu volte ch'e aghju usu Photoshop di Adobe Creative Cloud sò per sguassà sfondi è stratificate l'imaghjini, cum'è mette una screenshot sopra un laptop o un dispositivu mobile. Tuttavia, aghju fattu un pocu di scavà in linea è aghju capitu cumu fà una animazione. L'interfaccia d'utilizatore per questu ùn hè micca a più faciule, ma in 20 minuti è dopu avè lettu alcuni tutoriali, aghju pussutu sbattà.

Preparazione di e nostre imagine fonte:

  • cunsiderate - I GIF animati ponu esse abbastanza grandi, cusì aghju assicuratu di stabilisce e dimensioni di u mo file di photoshop finu à currisponde esattamente à a nostra larghezza di u mudellu di email di 600 px.
  • Cumpressione - I nostri imaghjini originali eranu alta risuluzione è grandezza di fugliale assai alta, cusì l'aghju ridimensionatu è cumpressu cun Kraken à JPG cù una dimensione di fugliale assai più chjuca.
  • E transizzioni - Mentre pudete esse tentatu di aghjunghje animazione tweens (per esempiu, a transizione di sbiadimentu) trà i frames, chì aghjunghje assai grandezza à u vostru schedariu cusì eviteraghju di fà quessa.

Per custruisce l'animazione in Photoshop:

  1. Cridite un novu schedariu cù e dimensioni chì currispondenu à e dimensioni esatti chì site in u vostru mudellu di email.
  2. selezziunà Finestra> Timeline per attivà a vista timeline à a basa di Photoshop.

Photoshop> Finestra> Timeline

  1. Aghjunghjite ognunu imagine cum'è una nova capa in Photoshop.

Photoshop> Aghjunghjite l'Immagini cum'è Strati

  1. Clicca Crea Frame Animation in a Regione Timeline.
  2. À a manu dritta di a regione Timeline, selezziunate u menu di hamburger è selezziunate Fate frames da strati.

Photoshop> Timeline> Crea frames da strati

  1. Dentru a regione Timeline, pudete trascinate i frames in l'ordine chì vulete chì l'imaghjini appariscenu in.
  2. Cliccate nantu à ogni quadru induve dice 0 sec, è selezziunate u tempu chì vulete vede quellu quadru. Aghju sceltu 2.0 seconde per quadru.
  3. In u dropdown sottu i frames, selezziunate U prete Andria per assicurà l'animazione continuamente.
  4. Clicca u Pulsante Play per vede in anteprima a vostra animazione.
  5. Clicca File> Export> Salvà per u Web (Legacy).

Photoshop> File> Esporta> Salvà per u Web (Legacy)

  1. selezziunà GIF da l'opzioni in cima à manca di u screnu Esporta.
  2. Se e vostre imagine ùn sò micca trasparenti, smarcate u Luminance funziunalità.
  3. Clicca Cruciani è esportà u vostru schedariu.

Photoshop esporta gif animatu

Eccu! Avete avà u GIF animatu per carricà nantu à a vostra piattaforma email.

Disclosure: Armadiu 52 hè un cliente di a mo ditta, Highbridge. Aghju utilizatu ligami affilati in tuttu stu articulu per Adobe, Klaviyo, Kraken, e Shopify.