Увійти за допомогою:
або

Ласкаво просимо до рекламного та маркетингового блогу BannerBoo

Статті, поради та секретні фішки від команди BannerBoo
header image
Як зробити анімовані банери GIF: покрокова інструкція

Як зробити анімовані банери GIF: покрокова інструкція

Відповідно до Giphy, середній користувач витрачає близько 2 годин на день, переглядаючи анімовані GIF-банери онлайн у своїх соціальних мережах. Враховуючи цю увагу та здатність залучати аудиторію, анімаційні банери, зокрема, стануть чудовим медіаінструментом для рекламних кампаній, щоб подолати банерну сліпоту в Інтернеті. Бажаєте випробувати всі можливості банерної реклами? Тоді запрошуємо навчитися створювати банер і спробувати все в конструкторі Bannerboo прямо зараз!

Приклад GIF-банера, створеного за допомогою інструментів BannerBoo

Приклад GIF-банера, створеного за допомогою інструментів BannerBoo

Крок 1: визначте розмір анімованого банера

Щоб визначитися з розміром вашої реклами, дайте відповідь на 3 ключові запитання:

  1. На якій платформі ви розміщуєте свою рекламу?
  2. У якому блоці на сторінці повинен бути банер?
  3. Які розміри доступні для вашого рекламного повідомлення?
Подивіться, наприклад, на Рекомендації Google для яких банери є ефективними та бажаними. А в конструкторі Bannerboo при виборі розміру ви відразу отримуєте вдалі приклади рекламних банерів із заданими параметрами. Крім того, кожен банер можна створити в потрібному вам розмірі всього за декілька кліків, а це означає, що ви можете провести спліт-тести та визначити найбільш слушний розмір для вашої рекламної кампанії.

Найефективніші розміри оголошень

Крок 2: Установіть фон

Щоб зробити ваш банер справді впізнаваним, вам не потрібно використовувати забагато кольорів. Розробіть загальну колірну концепцію, максимально наближену до дизайну сайту або сторінки, на яку веде ваш анімований банер. Працюйте з кольоровими схемами або готовими фонами високої якості з нашою галереєю з понад 1 000 000 фотографій. Не знайшли те, що шукали? Ви завжди можете використати власну креативну фотографію чи картинку. Заборон щодо комерційного використання (реклами, що приносить гроші) об’єкта авторського права немає.

background color screen

Крок 3: Додайте конкретне рекламне повідомлення

Дотримуйтеся чотирьох правил: «корисність» продукту, «ультраспецифічність» пропозиції, «унікальність» (продукту або пропозиції) і «терміновість» (проміжок часу дії пропозиції). Саме ці відповіді повинен отримати користувач, щоб зрозуміти, чи варто натискати на рекламу чи ні. Крім того, надаючи цю інформацію, ви також заощадите свій рекламний бюджет, оскільки чим менше користувачів не скористаються вашою пропозицією, тим дешевшим буде хостинг.

Додати конкретне рекламне повідомлення

Приклад додавання конкретного повідомлення

Крок 4. Установіть кнопку в онлайн-редакторі анімації

Коефіцієнт переходів онлайн-банера в основному залежить від дизайну заклику до дії або кнопки. Інтернет-користувачі вже розуміють цю концепцію, оскільки всі вже інтуїтивно знають, що кнопка виконує потрібну дію. Встановіть кнопку безпосередньо під рекламним повідомленням і не забудьте додати до неї заклик: «Замовити», «Купити», «Отримати консультацію». Зауважте, що назва кнопки визначає, що читач отримає на сторінці, на яку він перейде. Тому уважно вибирайте сторінку та заклик до дії на кнопці.

Як додати певне рекламне повідомлення

Приклад кнопки в анімаційному онлайн банері

Крок 5: Додайте динаміки

Анімувати банер досить просто: виберіть елементи, які змінюватимуться від кадру до кадру: напис, іконки, фони, кнопки. Працюйте з часовою шкалою анімації, де ви можете переміщувати елементи, щоб створювати ефекти згасання, руху тощо. Зверніть увагу, що загальна тривалість анімації не повинна перевищувати рекомендовані показники для вашого сайту (зазвичай 15-30 секунд).

buttons screen

Крок 6: Збережіть готовий GIF-анімований банер

Установіть кількість повторів відтворення банерів і оптимізуйте відображення реклами під окремі запити. З Bannerboo вам не потрібно витрачати години на додавання та видалення ефектів пробним способом. Досить лише відзначити максимальний розмір і прийнятну якість кінцевого файлу; все інше дизайнер зробить сам.

smooth gif screen

Будьте креативними та досягайте своїх цілей!

У 2020 р. за даними Smallbiz Genius, середній користувач бачить близько 1700 рекламних оголошень на місяць, але помічає лише половину з них. Працюйте над якістю банерних зображень, створюйте рекламу з урахуванням правил, використовуйте релевантні, але креативні ефекти, і, можливо, вашу медійну рекламу оцінять користувачі!
Спробуйте створити свою першу рекламу в нашому редакторі анімованих банерів, і ви побачите — це швидко, просто та дуже цікаво!

« Назад до списку
Подібні статті:
30 найкращих прикладів реклами в Instagram, які надихнуть вас
30 найкращих прикладів реклами в Instagram, які надихнуть вас
Як створити GIF-файли для медійної реклами Google?
Як створити GIF-файли для медійної реклами Google?
20 найкращих прикладів рекламних GIF банерів у 2022
20 найкращих прикладів рекламних GIF банерів у 2022
arrow icon
Оформіть преміум підписку
Upgrade icon
Розпаліть свою творчість за допомогою нашої преміум-підписки!

✨ Без водяного знака
✨ Необмежена кількість банерів
✨ Зміна розміру банера
✨ Анімовані банери
✨ Експорт у GIF, HTML, AMP

Відкрийте скарбницю кліпартів, професійних шаблонів і ексклюзивних варіантів брендування. Оформіть підписку зараз!
Уууупс!
Нам дуже прикро, та, на жаль, ваш браузер використовує плагін типу Ad blocker.

Оскільки BannerBoo є інструментом для створення та управління банерами, а ad blocker дуже ускладнює вашу роботу по створенню банерів, використовуючи наш сервіс.

Будь ласка, додайте *.bannerboo.com* в список виключень або відключіть ad blocker.