Как сделать анимированный GIF для вашей следующей маркетинговой кампании по электронной почте с помощью Photoshop
Мы создали интернет-магазин одежды для производителя одежды, который мы брендировали и построили с нуля, чтобы обеспечить прямой доступ к потребителю (D2C) предложение на рынке. Их руководство всегда работает с нами над совместными идеями для следующей кампании или стратегии, которую мы реализуем. В рамках их реализации мы развернули Klaviyo для Shopify Plus. Klaviyo — известная платформа автоматизации маркетинга с очень тесной интеграцией с Shopify, а также со многими приложениями Shopify.
Согласно исследованию, использование анимированных GIFs может увеличить рейтинг кликов на 42%, коэффициент конверсии на 103% и доход на 109%.
MarketingSherpa
Моя любимая черта - это их A / B тестирования в Клавио. Вы можете разработать разные версии электронного письма, и Klaviyo отправит образец, дождется ответа, а затем отправит оставшимся подписчикам выигрышную версию — все автоматически.
Наш клиент подписывается на рассылку о моде в отрасли и продолжает отмечать, насколько ему понравились некоторые электронные письма со слайд-шоу из фотографий продуктов. Они спросили, можем ли мы это сделать, и я согласился и построил кампанию с A/B-тестом, где мы отправили одну версию с анимацией 4 продуктов, а другую с одним красивым статическим изображением. Кампания направлена на массовую распродажу их осенних платьев, поскольку они представляют новые линейки продуктов.
Версия A: Анимированный GIF
Версия B: статическое изображение
Кредит на фото принадлежит талантливым людям из Зелум.
Выборка кампании все еще выполняется прямо сейчас, но совершенно ясно, что электронное письмо с анимированной графикой намного превосходит статическое изображение… примерно на открытая ставка 7%… но поразительный в три раза выше рейтинг кликов (CTR)! Я думаю, что тот факт, что анимированный GIF показывал подписчику несколько разных стилей, привел к гораздо большему количеству посетителей.
Как сделать анимированный GIF с помощью Photoshop
Я не профессионал в фотошопе. Единственный раз, когда я обычно использую Photoshop от Adobe Creative Cloud предназначены для удаления фона и изображений слоев, например, размещения снимка экрана поверх ноутбука или мобильного устройства. Однако я покопался в Интернете и понял, как сделать анимацию. Пользовательский интерфейс для этого не самый простой, но за 20 минут и после прочтения нескольких руководств я смог его разобрать.
Подготовка исходных изображений:
- Габаритные размеры: – Анимированные GIF-файлы могут быть довольно большими, поэтому я позаботился о том, чтобы размеры моего файла Photoshop точно соответствовали ширине нашего шаблона электронной почты шириной 600 пикселей.
- компрессия – Наши исходные изображения имели высокое разрешение и очень большой размер файла, поэтому я изменил их размер и сжал их с помощью Kraken в JPG с гораздо меньшим размером файла.
- Переходы - Хотя у вас может возникнуть соблазн добавить анимацию подростков (например, затухающий переход) между кадрами, что увеличивает размер вашего файла, поэтому я бы не стал этого делать.
Чтобы создать анимацию в Photoshop:
- Создать новый файл с размерами, которые точно соответствуют размерам, которые вы размещаете в своем шаблоне электронной почты.
- Выберите Окно > Временная шкала чтобы включить представление временной шкалы в базе Photoshop.
- Добавить каждый изображение как новый слой внутри фотошопа.
- Нажмите Создать Кадр Анимациив области временной шкалы.
- В правой части области временной шкалы выберите меню гамбургера и выберите Создавайте рамки из слоев.
- В области временной шкалы вы можете перетащите кадры в порядке в котором вы хотите, чтобы изображения отображались.
- Нажмите на каждый кадр, где указано 0 секунд, и выберите время, которое вы хотите отобразить в этом кадре. Я выбрал 2.0 секунды на кадр.
- В раскрывающемся списке под кадрами выберите Навсегда чтобы анимация повторялась непрерывно.
- Нажмите Кнопка воспроизведения для предварительного просмотра анимации.
- Нажмите «Файл» > «Экспорт» > «Сохранить для Интернета» (предыдущая версия) .
- Выберите GIF из параметров в верхнем левом углу экрана экспорта.
- Если ваши изображения непрозрачны, снимите флажок Прозрачность опцию.
- Нажмите Сохранить и экспортируйте свой файл.
Вот и все! Теперь у вас есть анимированный GIF-файл, который вы можете загрузить на свою платформу электронной почты.