Unsaon Paghimo Usa ka Animated GIF Para sa Imong Sunod nga Email Marketing Campaign Gamit ang Photoshop

Photoshop Animated GIF alang sa Email Marketing

Kami adunay usa ka katingad-an nga oras sa pagtrabaho kauban ang panguna nga kliyente nga si Closet52, usa online nga tindahan sa sinina nga among gimarkahan ug gitukod gikan sa sinugdanan alang sa usa ka natukod ug inila nga kompanya sa fashion sa New York. Ang ilang pagpangulo kanunay nga nagtrabaho uban kanamo sa mga kolaborasyon nga ideya alang sa sunod nga kampanya o estratehiya nga among gipatuman. Isip kabahin sa ilang implementasyon, among gipakatap Klaviyo alang sa Shopify Plus. Ang Klaviyo usa ka bantog nga platform sa automation sa marketing nga adunay hugot nga panagsama sa Shopify ingon man daghang Shopify Apps.

Ang akong paborito nga bahin mao ang ilang Pagsulay sa A / B sa Klaviyo. Makahimo ka og lain-laing mga bersyon sa usa ka email, ug si Klaviyo magpadala usa ka sampling, maghulat sa usa ka tubag, ug dayon ipadala ang nahabilin nga mga subscriber sa nakadaog nga bersyon - tanan awtomatiko.

Ang among kliyente nag-subscribe sa mga email sa uso sa industriya ug nagpadayon sa pagsulti kung unsa nila gusto ang pipila ka mga email nga adunay usa ka slideshow sa mga litrato sa produkto. Nangutana sila kung mahimo ba namon kana ug miuyon ako ug nagtukod usa ka kampanya nga adunay usa ka pagsulay sa A / B diin nagpadala kami usa ka bersyon nga adunay usa ka animation sa 4 nga mga produkto, ug ang lain nga adunay usa, matahum, static nga imahe. Ang kampanya alang sa usa ka pagbuto pagbaligya sa ilang mga sinina sa tinglarag tungod kay sila nagdala sa bag-ong mga linya sa produkto.

Bersyon A: Animated nga GIF

sinina animation 3

Bersyon B: Static nga Hulagway

RB66117 1990 LS7

Ang kredito sa litrato moadto sa mga talento sa Zeelum.

Ang sampling sa kampanya nagpadayon gihapon karon, apan klaro kaayo nga ang email nga adunay animated nga graphic labi ka maayo sa static nga imahe… usa ka 7% nga bukas nga rate… apan usa ka katingalahan 3 ka beses ang click-through rate (PAM) Sa akong hunahuna ang kamatuoran nga ang animated GIF nagbutang daghang lainlaing mga istilo sa atubangan sa suskritor nagdala sa daghang mga bisita.

Unsaon Paghimo Usa ka Animated GIF Gamit ang Photoshop

Dili ako bisan unsang matang sa usa ka propesyonal sa Photoshop. Sa tinuud, ang mga higayon ra nga sagad nakong gigamit Photoshop sa Adobe Creative Cloud mao ang pagtangtang sa mga background ug pag-layer sa mga imahe, sama sa pagbutang og screenshot sa ibabaw sa laptop o mobile device. Bisan pa, naghimo ako pipila nga pagkalot online ug nahibal-an kung giunsa paghimo ang usa ka animation. Ang user interface alang niini dili mao ang pinakasayon, apan sulod sa 20 minutos ug human sa pagbasa sa pipila ka mga tutorial, ako nakahimo sa knockout niini.

Pag-andam sa among gigikanan nga mga imahe:

  • LAMAS - Ang mga animated nga GIF mahimong dako kaayo, mao nga akong gisiguro nga itakda ang akong mga dimensyon sa photoshop file nga tukma nga mohaum sa among 600px nga gilapdon sa template sa email.
  • Compression - Ang among orihinal nga mga imahe taas nga resolusyon ug taas kaayo nga gidak-on sa file, mao nga gibag-o nako kini ug gi-compress kini Kraken sa mga JPG nga adunay mas gamay nga gidak-on sa file.
  • Mga Pagbalhin – Samtang ikaw mahimong matintal sa pagdugang animation tweens (eg. fading transition) sa taliwala sa mga frame, nga nagdugang sa usa ka daghan sa gidak-on sa imong file mao nga ako maglikay sa pagbuhat niana.

Sa paghimo sa animation sa Photoshop:

  1. Paghimo og bag-ong file uban sa mga dimensyon nga mohaum sa eksaktong mga dimensyon nga imong gibutang sa imong email template.
  2. Pagpili Window > Timeline aron mahimo ang pagtan-aw sa timeline sa base sa Photoshop.

Photoshop> Window> Timeline

  1. Idugang ang matag usa imahe isip bag-ong layer sulod sa Photoshop.

Photoshop > Idugang ang mga Imahe Ingong Layers

  1. I-klik Paghimo Frame Animation sa Rehiyon sa Timeline.
  2. Sa tuo nga bahin sa rehiyon sa Timeline, pilia ang menu sa hamburger ug pilia Paghimo og mga Frame gikan sa mga Layer.

Photoshop> Timeline> Paghimo mga Frame gikan sa Mga Layer

  1. Sulod sa rehiyon sa Timeline, mahimo nimo i-drag ang mga frame ngadto sa han-ay nga gusto nimo nga makita ang mga imahe.
  2. Pag-klik sa matag frame diin kini nag-ingon nga 0 sec, ug pilia ang oras nga gusto nimo nga ipakita ang frame. Gipili nako 2.0 segundos matag frame.
  3. Sa dropdown sa ubos sa mga frame, pilia sa Walay Kataposan aron masiguro nga ang animation nagpadayon.
  4. I-klik ang Butang sa Pagdula aron i-preview ang imong animation.
  5. I-klik File > Export > Save for Web (Legacy).

Photoshop > File > Export > Save for Web (Legacy)

  1. Pagpili GIF gikan sa mga kapilian sa ibabaw sa wala sa Export screen.
  2. Kung dili transparent ang imong mga imahe, i-uncheck ang transparency kapilian.
  3. I-klik Luwasa ug i-export ang imong file.

photoshop export animated gif

Mao na! Naa na kay animated GIF nga i-upload sa imong email platform.

pagbutyag: Closet52 usa ka kliyente sa akong kompanya, Highbridge. Gigamit nako ang mga kaakibat nga link sa tibuuk nga artikulo alang sa Adobe, Klaviyo, Kraken, Ug Shopify.