Начните искать ключевые слова

Используйте Serpstat, чтобы находить лучшие ключи

Контент-маркетинг 21 марта 2018  |  48914   42   |  Читать 9 минут  – Прочитать позже

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

Как быстро создать динимаческие картинки для соцсетей
Иллюстрация: Наталья Сорока
Региональный специалист 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-анимации и видео для соцсетей: подробное руководство 16261788134364
Самая популярная платформа для хостинга GIF-файлов — все тот же Giphy. Есть ряд ограничений: размер не более 8 МБ, размеры, которые чаще всего рекомендуют: 400x400 px, а в случае использования GIF для рекламы, как и в случае с обычными баннерами — текст не должен занимать более 20% от площади изображения.

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

Twitter

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

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

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

Instagram

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

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

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

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

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

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

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

Используйте лучшие SEO инструменты

Инструмент анализа текста

Улучшайте ваш контент с помощью мощного инструмента анализа текста

Тренды ключевых слов

Узнайте популярные тренды ключевых запросов для эффективной работы с контентом

Возможности Serpstat

Возможности Serpstat – комплексное решение для эффективного продвижения вебсайтов

ИИ инструменты для контента

ИИ инструменты для контента – повышайте качество и скорость работы с текстом

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

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm