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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Закрыть

Сообщить об ошибке

Отменить
29448 26 16
Контент-маркетинг Читать 10 минут 21 марта 2018

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

Как быстро создать динимаческие картинки для соцсетей
Иллюстрация: Наталья Сорока
Региональный специалист Canva — сервис для создания картинок, аннимаций и GIF
Олег Бурков
Региональный специалист Canva
Тексты и картинки, картинки и тексты. Репертуар SMM-специалиста часто страдает однообразием. Как добиться увеличения конверсии без роста затрат на контент? В этой статье я расскажу, как использовать анимацию в маркетинговых каналах.
В 2018 году никого не нужно убеждать в важности визуального контента. По оценке агентства 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 МБ, размеры, которые чаще всего рекомендуют: 400x400 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 минут.

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

4.43 из 5 на основе 50 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

Отправьте заявку для ознакомления с сервисом и мы свяжемся с вами в кратчайшие сроки. Наш специалист предложит подходящий вариант, который может включать персональную демонстрацию, пробный период, материалы для обучения и повышения экспертизы, личную консультацию, а также комфортные условия для начала работы с Serpstat.

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

Экспорт недоступен для вашего тарифного плана. Вам необходимо улучшить свой тариф до Lite или выше, чтобы получить доступ к инструменту Подробнее

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

Вы достигли лимита на количество созданных проектов и больше не можете создавать новые проекты. Увеличьте лимиты или удалите существующие проекты.

Я хочу больше лимитов