Як створити анімований GIF для вашої наступної електронної маркетингової кампанії за допомогою Photoshop
Ми створили онлайн-магазин одягу для виробника одягу, який ми брендували та створили з нуля, щоб забезпечити прямий доступ до споживача (D2C) пропозиція на ринку. Їхнє керівництво завжди працює з нами над спільними ідеями для наступної кампанії чи стратегії, яку ми реалізуємо. В рамках їх реалізації ми розгорнули Клавіо та цінності ShopifyPlus. Klaviyo – це добре відома платформа автоматизації маркетингу з дуже тісною інтеграцією з Shopify, а також з багатьма програмами Shopify.
Згідно з дослідженням, використання анімованих GIFs може підвищити рейтинг кліків на 42%, коефіцієнт конверсії на 103%, а дохід на 109%.
MarketingSherpa
Моя улюблена особливість – це їхня A / B тестування в Клавійо. Ви можете розробити різні версії електронного листа, і Klaviyo надішле вибірку, почекає відповіді, а потім надішле іншим підписникам переможну версію – все автоматично.
Наш клієнт підписався на електронні листи про моду в індустрії та продовжував зазначати, що їм сподобалися деякі електронні листи зі слайд-шоу фотографій продуктів. Вони запитали, чи можемо ми це зробити, і я погодився та створив кампанію з A/B-тестуванням, де ми надіслали одну версію з анімацією 4 продуктів, а іншу — з одним красивим статичним зображенням. Кампанія спрямована на розпродаж їхніх осінніх суконь, оскільки вони випускають нові лінії продуктів.
Версія A: анімований GIF
Версія B: статичне зображення
Авторство фотографій належить талановитим людям в Zeelum.
Вибірка кампанії все ще триває, але досить ясно, що електронний лист з анімованою графікою набагато перевершує статичне зображення… відкрита ставка 7%.... але вражаюче у три рази перевищує рейтинг кліків (CTR)! Я думаю, що той факт, що анімований GIF виставив перед передплатником кілька різних стилів, привів до набагато більше відвідувачів.
Як зробити анімований GIF за допомогою Photoshop
Я не професіонал з Photoshop. Єдиний раз, коли я зазвичай використовую Adobe Creative Cloud Photoshop полягають у видаленні фонів і шарів зображень, як-от розміщення знімка екрана поверх ноутбука чи мобільного пристрою. Однак я покопався в Інтернеті і зрозумів, як зробити анімацію. Інтерфейс користувача для цього не найпростіший, але протягом 20 хвилин і після прочитання деяких підручників я зміг вибити його.
Готуємо вихідні зображення:
- розміри – Анімовані GIF-файли можуть бути досить великими, тому я переконався, що розміри свого файлу Photoshop точно відповідають ширині нашого шаблону електронної пошти шириною 600 пікселів.
- компресія – Наші оригінальні зображення мали високу роздільну здатність і дуже великий розмір файлу, тому я змінив їх розмір і стиснув їх Кракена у JPG із набагато меншим розміром файлу.
- Переходи – Хоча у вас може виникнути спокуса додати анімацію підлітків (наприклад, згасаючий перехід) між кадрами, що додає значного розміру вашому файлу, тому я б уникав цього.
Щоб створити анімацію в Photoshop:
- Створіть новий файл з розмірами, які точно відповідають розмірам, які ви розміщуєте в шаблоні електронної пошти.
- Select Вікно > Часова шкала щоб увімкнути перегляд часової шкали в основі Photoshop.
- Додайте кожну зображення як новий шар у Photoshop.
- Натисніть Створіть кадр анімув області часової шкали.
- У правій частині області Часової шкали виберіть меню гамбургерів і виберіть Зробіть рамки з шарів.
- У регіоні Timeline ви можете перетягніть рамки в порядок в якому ви хочете, щоб зображення відображалися.
- Клацніть на кожному кадрі, де написано 0 секунд, і виберіть час, коли ви хочете, щоб цей кадр відображався. я обираю 2.0 секунди на кадр.
- У спадному меню під рамками виберіть Назавжди щоб забезпечити безперервний цикл анімації.
- Натисніть Грати Кнопка для попереднього перегляду анімації.
- Натисніть Файл > Експорт > Зберегти для Інтернету (застарілі) .
- Select GIF з параметрів у верхньому лівому куті екрана Експорт.
- Якщо ваші зображення непрозорі, зніміть прапорець прозорість варіант.
- Натисніть зберегти і експортуйте свій файл.
Це воно! Тепер у вас є анімований GIF для завантаження на вашу електронну платформу.