Як зрабіць аніміраваны GIF для наступнай маркетынгавай кампаніі па электроннай пошце з дапамогай Photoshop

Photoshop Animated GIF для маркетынгу па электроннай пошце

Мы цудоўна праводзім час, працуючы з ключавым кліентам Closet52, an інтэрнэт-крама сукенак якую мы брэндавалі і пабудавалі з нуля для створанай і вядомай моднай кампаніі ў Нью-Ёрку. Іх кіраўніцтва заўсёды працуе з намі над сумеснымі ідэямі для наступнай кампаніі або стратэгіі, якую мы рэалізуем. У рамках іх рэалізацыі мы разгарнулі Klaviyo для Shopify Plus. Klaviyo - гэта добра вядомая платформа аўтаматызацыі маркетынгу з вельмі цеснай інтэграцыяй з Shopify, а таксама з многімі праграмамі Shopify.

Мая любімая асаблівасць - гэта іх A / B тэставання у Клавіё. Вы можаце распрацаваць розныя версіі электроннай пошты, і Klaviyo адправіць выбарку, чакае адказу, а затым адправіць астатнім падпісчыкам версію-пераможцу - усё аўтаматычна.

Наш кліент падпісваецца на модныя электронныя лісты ў галіны і працягваў заўважаць, як ім спадабаліся некаторыя лісты са слайд-шоў з фота прадуктаў. Яны спыталі, ці можам мы гэта зрабіць, і я пагадзіўся і стварыў кампанію з A/B-тэстам, дзе мы адправілі адну версію з анімацыяй 4 прадуктаў, а другую з адным прыгожым, статычным малюнкам. Кампанія за выбух распродаж сваіх восеньскіх сукенак паколькі яны прадстаўляюць новыя лінейкі прадуктаў.

Версія A: анімаваны GIF

Сукенка анімацыя 3

Версія B: статычны малюнак

RB66117 LS1990 7 года выпуску

Фота належыць таленавітым людзям у Zeelum.

Выбарка кампаніі ўсё яшчэ працягваецца, але цалкам ясна, што ліст з анімаванай графікай значна пераўзыходзіць статычнае малюнак... прыкладна на адкрытая стаўка 7%.... але дзіўны У 3 разы больш клікаў (CTR)! Я думаю, што той факт, што анімаваны GIF паставіў перад падпісчыкам некалькі розных стыляў, прывёў да значна большай колькасці наведвальнікаў.

Як зрабіць анімаваны GIF з дапамогай Photoshop

Я не прафесіянал у Photoshop. На самай справе, адзіны раз, калі я звычайна выкарыстоўваю Adobe Creative Cloud Photoshop з'яўляюцца выдаленне фону і накладанне малюнкаў на пласты, напрыклад, размяшчэнне здымка экрана на ноўтбуку або мабільнай прыладзе. Аднак я крыху пакапаўся ў інтэрнэце і зразумеў, як зрабіць анімацыю. Карыстальніцкі інтэрфейс для гэтага не самы просты, але на працягу 20 хвілін і пасля прачытання некаторых падручнікаў я змог яго выбіць.

Рыхтуем нашы зыходныя выявы:

  • памеры – Анімаваныя GIF-файлы могуць быць даволі вялікімі, таму я ўпэўніўся, што памеры файла Photoshop дакладна адпавядаюць шырыні нашага шаблону электроннай пошты шырынёй 600 пікселяў.
  • кампрэсія – Нашы арыгінальныя выявы былі з высокім разрозненнем і вельмі вялікім памерам файла, таму я змяніў іх памер і сціснуў іх Kraken у JPG з значна меншым памерам файла.
  • пераходы – Хоць у вас можа ўзнікнуць спакуса дадаць анімацыю падлеткі (напрыклад, згасаючы пераход) паміж кадрамі, што дадае шмат памеру вашаму файлу, таму я б гэтага пазбягаў.

Каб стварыць анімацыю ў Photoshop:

  1. Стварыце новы файл з памерамі, якія адпавядаюць дакладным памерам, якія вы размяшчаеце ў сваім шаблоне электроннай пошты.
  2. выбраць Акно > Часовая шкала каб уключыць прагляд часовай шкалы ў базе Photoshop.

Photoshop > Акно > Часовая шкала

  1. Дадайце кожны малюнак як новы пласт у Photoshop.

Photoshop > Дадаць выявы ў якасці слаёў

  1. націсніце Стварыце кадр-анімацыюцыя ў рэгіёне часовай шкалы.
  2. У правай частцы вобласці Timeline выберыце меню гамбургера і абярыце Зрабіце рамкі з слаёў.

Photoshop > Часовая шкала > Зрабіць рамкі з слаёў

  1. У рэгіёне Timeline вы можаце перацягнуць рамкі ў парадак у якім вы хочаце, каб выявы з'явіліся.
  2. Пстрыкніце кожны кадр, дзе напісана 0 секунд, і абярыце час, якое вы хочаце, каб гэты кадр адлюстроўваўся. я выбіраю 2.0 секунды на кадр.
  3. У выпадальным спісе пад рамкамі абярыце Назаўжды каб забяспечыць бесперапынны цыкл анімацыі.
  4. націсніце Кнопка прайгравання для папярэдняга прагляду анімацыі.
  5. націсніце Файл > Экспарт > Захаваць для Інтэрнэту (старая версія).

Photoshop > Файл > Экспарт > Захаваць для Інтэрнэту (старая версія)

  1. выбраць GIF з параметраў у левым верхнім куце экрана Экспарт.
  2. Калі вашы выявы не празрыстыя, зніміце галачку Празрыстасць варыянт.
  3. націсніце захаваць і экспартаваць ваш файл.

Экспарт анімаванага gif для фотошопа

Вось і ўсё! Цяпер у вас ёсць аніміраваны GIF для загрузкі на платформу электроннай пошты.

Раскрыццё інфармацыі: Шафа52 з'яўляецца кліентам маёй фірмы, Highbridge. Я выкарыстоўваю партнёрскія спасылкі ў гэтым артыкуле для Саман, Klaviyo, Kraken, і Shopify.