Photoshop аркылуу кийинки электрондук почта маркетинг кампанияңыз үчүн анимацияланган GIFти кантип жасоо керек

Электрондук почта маркетинги үчүн Photoshop Animated GIF

Биз негизги кардар Closet52 менен иштөөдө укмуштуудай убакыт өткөрүп жатабыз онлайн кийим дүкөнү Биз Нью-Йорктогу белгилүү жана белгилүү мода компаниясы үчүн бренд кылып, башынан баштап курганбыз. Алардын жетекчилиги биз аткарып жаткан кийинки кампания же стратегия үчүн биргелешкен идеялардын үстүндө дайыма биз менен иштешет. Аларды ишке ашыруунун алкагында биз жайгаштырдык Klaviyo үчүн ShopifyPlus. Klaviyo - бул Shopify жана көптөгөн Shopify колдонмолору менен абдан тыгыз интеграцияланган белгилүү маркетингди автоматташтыруу платформасы.

Менин сүйүктүү өзгөчөлүгүм алардын A / B тести Клавиодо. Сиз электрондук почтанын ар кандай версияларын иштеп чыксаңыз болот, жана Klaviyo үлгүсүн жөнөтөт, жооп күтөт, анан калган жазылуучуларга утуш версиясын жөнөтөт – баары автоматтык түрдө.

Биздин кардар тармактагы мода электрондук каттарына жазылат жана өнүмдөрдүн сүрөттөрүнүн слайд-шоусу менен электрондук каттарды канчалык жактырганын айтууну улантты. Алар биз муну кыла алабызбы деп сурашты, мен макул болуп, A/B тести менен кампания куруп, анда биз бир версиясын 4 продукттун анимациясы менен, экинчисин бир, кооз, статикалык сүрөт менен жөнөттүк. Кампания жардырууга багытталган алардын күзгү көйнөктөрүн сатуу алар жаңы продукт линияларын алып жатышат.

А версиясы: Animated GIF

көйнөк анимациясы 3

В версиясы: Статикалык сүрөт

RB66117 1990 LS7

Сүрөт кредити таланттуу адамдарга берилет Zeelum.

Кампаниянын үлгүлөрү азыр дагы эле иштеп жатат, бирок анимацияланган графикасы бар электрондук почта статикалык сүрөттөлүштөн алда канча жогору экени анык... болжол менен 7% ачык чен... бирок таң калыштуу 3 эсе чыкылдатуу ылдамдыгы (CTR)! Менимче, анимацияланган GIF жазылуучунун алдына бир нече ар кандай стилдерди койгону көбүрөөк конокторду алып келди.

Photoshop менен кантип анимацияланган GIF жасоо керек

Мен Photoshop менен эч кандай профессионал эмесмин. Чынында, мен адатта колдоном Adobe Creative Cloud's Photoshop фондорду алып салуу жана скриншотту ноутбуктун же мобилдик түзүлүштүн үстүнө коюу сыяктуу сүрөттөрдү катмарлоо үчүн. Бирок, мен интернетте бир аз казып, анимацияны кантип жасоону чечтим. Бул үчүн колдонуучу интерфейси эң оңой эмес, бирок 20 мүнөттүн ичинде жана кээ бир окуу куралдарын окугандан кийин, мен аны жок кыла алдым.

Биздин баштапкы сүрөттөрдү даярдоо:

  • өлчөмдөрү – Анимацияланган GIF сүрөттөрү абдан чоң болушу мүмкүн, ошондуктан мен өзүмдүн фотошоп файлымдын өлчөмдөрүн биздин 600px кең электрондук почта шаблонубуздун кеңдигине дал келгидей кылып койдум.
  • кысуу – Биздин оригиналдуу сүрөттөрүбүз жогорку резолюцияда жана файлдын өтө чоң өлчөмү болгон, ошондуктан мен алардын өлчөмүн өзгөртүп, аларды кыстым Kraken бир кыйла кичине файл өлчөмү менен JPGге.
  • Transitions – Анимация кошууга азгырылышы мүмкүн айланды Фреймдердин ортосундагы (мисалы, өчүп бара жаткан өткөөл), бул сиздин файлыңызга чоң көлөмдү кошот, андыктан мен андай кылбайм.

Photoshopто анимация түзүү үчүн:

  1. бир жаңы билэни түзүү электрондук почтаңыздын шаблонуңузга жайгаштырган так өлчөмдөрүнө дал келген өлчөмдөр менен.
  2. тандоо Терезе > Убакыт тилкеси Photoshop'тун базасында хронологиянын көрүнүшүн иштетүү үчүн.

Photoshop > Терезе > Убакыт тилкеси

  1. Ар бирин кошуңуз жаңы катмар катары сүрөт Photoshop ичинде.

Photoshop > Сүрөттөрдү катмар катары кошуу

  1. чыкылдатуу Frame Anima түзүүХронология аймагында.
  2. Убакыт тилкесинин оң тарабында гамбургер менюсун тандап, тандаңыз Катмарлардан рамкаларды жасаңыз.

Photoshop > Timeline > Катмарлардан жээкчелерди жасаңыз

  1. Убакыт тилкесинин аймагында, сиз жасай аласыз рамкаларды иретке сүйрөңүз сүрөттөрдүн пайда болушун каалайсыз.
  2. 0 сек деп жазылган ар бир кадрды чыкылдатыңыз жана ал кадр көрсөтүлүшүн каалаган убакытты тандаңыз. мен тандадым Кадрга 2.0 секунд.
  3. Кадрлардын астындагы ачылуучу тизмеден тандаңыз дайыма анимация циклдерин үзгүлтүксүз камсыз кылуу.
  4. чыкылдатуу Play баскычы анимацияңызды алдын ала көрүү үчүн.
  5. чыкылдатуу Файл > Экспорт > Веб үчүн сактоо (Мурунку).

Photoshop > Файл > Экспорт > Веб үчүн сактоо (Мурдагы)

  1. тандоо GIF Экспорттоо экранынын жогорку сол жагындагы параметрлерден.
  2. Сүрөттөрүңүз ачык болбосо, белгини алып салыңыз ачыктык тандоо.
  3. чыкылдатуу Сактоо жана файлыңызды экспорттоо.

фотошоп анимацияланган GIF экспорттоо

Дал ушул! Эми сизде электрондук почта платформаңызга жүктөө үчүн анимацияланган GIF бар.

ачыкка чыгаруу: Шкаф52 менин фирмамдын кардары, Highbridge. Мен бул макалада өнөктөштүк шилтемелерин колдонуп жатам Adobe, Klaviyo, Kraken, жана Shopify.