Как быстро создать Gif-анимацию (динамические картинки) для соцсетей

Тексты и картинки, картинки и тексты. Репертуар SMM-специалиста часто страдает однообразием. Как добиться увеличения конверсии без роста затрат на контент? В этой статье я расскажу, как использовать анимацию в маркетинговых каналах.

Как быстро создать Gif-анимацию (динамические картинки) для соцсетей

В 2019 году никого не нужно убеждать в важности визуального контента. По оценке агентства Reuters, 84% всего интернет-трафика в этом году будет приходиться на видеоконтент.

Тот же тренд давно прослеживается и в социальных сетях: количество коротких видео и смешанных форматов, включающих фото, текст, видео и анимацию растет на глазах. На сегодняшний день пользователи Facebook расшаривают GIF-анимацию в 2 раза чаще, чем статичные изображения.

Пользователи, в основном, поглощают только визуальный контент

Но если рисовать баннеры и макеты email-рассылок для штатных дизайнеров — привычное дело, то поточное производство видео или анимированных гифок, как кажется, требует иной квалификации, а также дополнительных временных и финансовых затрат. 

Если, конечно, вы хотите использовать уникальную графику, продвигающую ваш продукт, а не иллюстрировать посты трендовыми гифками из огромного архива Giphy и других подобных ресурсов.

Giphy — хостинг трендовых гиф изображений и анимаций

Как создавать анимированную графику на примере конструктора Canva, который позволяет конвертировать статические изображения в видео или GIF.

 Создаем анимацию

#1
Выбираем тип иллюстрации

Первое, с чем нужно определиться — для какой платформы и каких целей нужна анимация. Каждый из видов графики создается с заданным размером картинки, например: 

  • пост в Facebook: 940x788px;
  • пост для Instagram: 1080x1080px;
  • пост для социальных сетей (можно использовать для ВКонтакте): 800x800px;
  • Веб-баннер: 560x315px;
  • Рекламный баннер «небоскреб»: 160x600px.

Для удобства возьмем квадратный формат поста для Инстаграма. 

 

Пример создания изображения для Instagram в Canva
 
#2
Выбираем макет

Поскольку создание графики происходит на основе редактируемых макетов, нужно определиться с конкретным образцом. Если у вас уже сформировался определенный фирменный стиль, подберите макет максимально близкий к тому, что вы использовали в маркетинге ранее. 

Условно их можно разделить на несколько стилей: 

  • Макеты с использованием фотографий — подойдут для заведений, туристических компаний, недвижимости и других сфер, предлагающих нечто осязаемое. Среди таких макетов тоже встречаются более или строгие — черно-белые или цветные, с одним фоновым фото или коллажом. 
Классический макет для анимации баннеров  Сдержанная анимация, которая создана в Canva
  • «Мультяшные» макеты — для тех, кому по душе «домашний» стиль. Подойдет для детских товаров, сфера образования, рукоделия, различных бытовых сервисов. 
Пример создания детской мультяшной анимации Домашняя, ни к чему не обязывающая анимация в Canva
  • Абстракция / орнамент — ни к чему не обязывающие дизайны, которые можно использовать для иллюстрации разовых акций или скидок. Весь акцент с самой графики переносится на сообщение. 
GIF с абстрактной анимацией и акцентом на тексте Праздничный анимированный пост с абстракцией

При выборе макета не обязательно зацикливаться на конкретной фотографии или цветах, поскольку любой элемент можно заменить на другой из встроенного каталога или загрузить собственную графику. 

Однако учитывайте размер дизайна: фотография с меньшим разрешением, чем размеры вашей иллюстрации, будет смотреться плохо. Чем лучше качество фото — тем лучше.

NB! Чем больше отдельных элементов используется в дизайне, тем длиннее по времени (а значит, и размеру файла) может получиться анимация.

Кроме того, исходя из опыта, рекомендую не редактировать выбранный макет слишком радикально, иначе есть риск, что программа не справится с конвертацией картинки в видео:

  • Не вставляйте три или четыре фотографии, если в макете использована одна.
  • Не добавляйте слишком много дополнительных иконок и фигур, сверх изначального количества.
  • Не используйте фотофильтры и кастомные шрифты — они не будут отображены в итоговой анимации. 
#3

Брендируем картинку

Перейдя во вкладку «Мое», редактор может загрузить собственную графику: например, логотип для брендирования изображений (а также их защиты от плагиата). Загруженный логотип, если он представляет собой не сплошной прямоугольник с заливкой, а некую эмблему или просто название компании, нужно загружать в формате PNG с прозрачным фоном.
Добавляем брендовые обозначения к картинкам в Canva

Расположите логотип в одном из углов дизайна, чтобы он не перекрывал другие детали или надписи, а стоял особняком и занимал примерно ⅕ высоты и ширины, в зависимости от горизонтальной или вертикальной ориентации дизайна. 

Хотя Canva позволяет сделать логотип или любую другую деталь макета полупрозрачной, рекомендуем сохранять лого в полном цвете и подбирать контрастный фон — вряд ли ваш бренд настолько узнаваем, чтобы скромничать в этом вопросе. 

#4

Скачиваем GIF или видео

Когда дизайн готов, остается сохранить его в анимированном виде — здесь и начинается магия. При выборе формата для скачивания просто выберите «GIF-анимация/видео» вместо стандартных JPEG, PNG или PDF. Редактор предложит шесть вариантов анимации: с элементами, постепенно вылетающими сбоку, падающими снизу, наплывающими «изнутри» кадра и т. д.
 
Анимация — опция, доступная в платной подписке Canva for Work. Этой функцией можно воспользоваться во время бесплатного триального периода подписки.

 

 

 

 

Длина роликов составит от 3 до 8 секунд — это позволяет ограничить размер анимации несколькими мегабайтами и сделать ее удобной для просмотра на стационарных и мобильных устройствах. Выбрав стиль анимации, можно скачать файл в .gif или .mp4 в зависимости от платформы, на которой нужно его использовать.
 

Где использовать GIF

Facebook

В 2017 году Фейсбук начал поддержку отображения гифок в ленте, комментариях и рекламных постах. Однако файл должен быть расположен на стороннем сервисе и иметь свой URL. Для вставки гифки нужно скопировать ее адрес в пост, чтобы соцсеть «подгрузила» анимацию, после чего сам адрес можно стереть.

Самая популярная платформа для хостинга GIF-файлов — все тот же Giphy. Есть ряд ограничений: размер не более 8 МБ, размеры, которые чаще всего рекомендуют: 400×400 px, а в случае использования GIF для рекламы, как и в случае с обычными баннерами — текст не должен занимать более 20% от площади изображения.

В то же время, загрузить GIF-файл в пост все-таки можно, однако он все равно будет распознан как видео.

 

ВКонтакте

В отличие от глобального конкурента, ВКонтакте поддерживает как сторонний, так и внутренний хостинг GIF-файлов: гифку можно прикрепить к посту как «Документ». В ленте гифки отображаются в миниатюре и увеличиваются до полного размера при клике. GIF также отлично смотрится в новом «Редакторе статей», ставшем более интуитивной альтернативой wiki-страницам.
Добавление анимаций в публикации в ВКонтакте

Twitter

Важно помнить, что Twitter может отобразить только одну гифку в записи. Кроме того, анимированные GIF-файлы нельзя опубликовать в твите, который содержит сразу несколько изображений. В остальном добавление гифок работает так же, как в случае с обычными фотографиями.
В Twitter можно использовать только одну GIF в публикации
 

Где использовать MP4-видео

В целом, ситуация с поддержкой видео проще, чем с GIF. Все крупные социальные платформы поддерживают загрузку видео к постам и их органичное отображение в верстке статей (к примеру, в Facebook Notes или новом «Редакторе статей» ВКонтакте).
Поэтому специально остановимся только на трех менее очевидных случаях.
 

Instagram

Короткие видео встречаются в ленте Инстаграма так же часто, как фотографии, а рекламодатели активно используют их в своих промо-кампаниях. Длина анимации, созданной в Canva, оптимальна для этих целей — короткие ролики не требуют долгой загрузки и не успевают надоесть. В то же время, они привлекают внимание читателей.

 

 

 

 

Coub

Популярная в России платформа автоматически зацикливает короткие ролики в 10-секундные ролики с наложенным поверх саундтреком. 

Другими словами, Coub создает бесконечную гифку со звуком — этот формат может придать короткому ролику неожиданный комический эффект, как, например, в этом популярном коубе с кивающим в такт музыке Джоном Траволтой.

Воспроизведение коубов поддерживается ВКонтакте. Продолжительность видеофрагмента, который можно зациклить, начинается с 0.1 секунды.

Яндекс Дзен

Создатели Дзена рекомендуют авторам «нарративов» использовать ролики длинной до 10 секунд, поэтому анимация Canva может органично вписаться в этот новый для Рунета медиаформат. Настройки редактора в Дзене позволяют адаптировать изображение под ширину экрана.
Оптимизация картинок под Яндекс Дзен
 

Сохраняем баланс

В маркетинговом плане предпочтительно сохранять баланс между различными видами контента. Не стоит полностью отказываться от статичных изображений и фотографий, ведь несмотря на то, что гифки и видео лучше резонируют с большей частью аудитории, их нельзя назвать универсальным инструментом для популяризации контента.
 
Избыточное увлечение одним из медиаформатов часто приводит к тому, что аудитория начинает от него уставать. Используйте анимацию там, где действие или внимание аудитории действительно нужно.
 
Ненавязчивая анимация может стать по-настоящему действенным инструментом увеличения конверсии и привлечь внимание к вашему сообщению в бесконечной ленте, где СМИ, блогеры и бренды конкурируют за каждую лишнюю секунду внимания пользователя.
Особенно актуальным этот инструмент делает внедрение автозапуск видео в ленте.
 
Поэтому если вы еще не попробовали этот вид медиа — самое время попробовать. Тем более, что на создание одного мини-ролика уходит не больше 15 минут.

Zamów promocję