– Читать 10 минут –

21 марта 2018

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

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

Иллюстрация: Наталья Сорока

Олег Бурков

Региональный специалист Canva

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример создания изображения для Instagram в Canva

Выбираем макет

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

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

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

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

Сдержанная анимация, которая создана в Canva

«Мультяшные» макеты — для тех, кому по душе «домашний» стиль. Подойдет для детских товаров, сфера образования, рукоделия, различных бытовых сервисов.

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

Домашняя, ни к чему не обязывающая анимация в Canva

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

GIF с абстрактной анимацией и акцентом на тексте

Праздничный анимированный пост с абстракцией

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

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

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

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

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

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

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

Добавляем брендовые обозначения к картинкам в Canva

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

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

Скачиваем 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-файлы нельзя опубликовать в твите, который содержит сразу несколько изображений. В остальном добавление гифок работает так же, как в случае с обычными фотографиями.

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

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

Instagram

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

Coub

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

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

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

Яндекс Дзен

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

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

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

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

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

Особенно актуальным этот инструмент делает внедрение автозапуск видео в ленте. Поэтому если вы еще не попробовали этот вид медиа — самое время попробовать. Тем более, что на создание одного мини-ролика уходит не больше 15 минут.

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

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

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

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

4.43 из 5 на основе 56 оценок

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

Рекомендуемые статьи

Контент-маркетинг

Катерина Ерошина: «Как понять, что пора приниматься за контент-маркетинг (и надо ли вообще)»

12 марта 2018 г.

6433

Контент-маркетинг

Дайджест #41: Какими критериями оценки текста оперирует Google и другие полезности

01 февр. 2018 г.

6634

Контент-маркетинг Маркетинг

25 советов, которые помогут вам продвинуться на Reddit

Igor Gorbenko 25 янв. 2018 г.

102496

РИПО ПАТРИОТ

Олег,добрый день!Возможно ли создание анимации в бесплатной версии?

TEEAL pl

Спасибо за материал, но не нашел сохранить как анимацию, предлагает только стандартные форматы

Ани Byhovskaya

Так же не нашла способа сохранить в формате анимации

Елена Светлая

Да, хотела спросить, почему нет формата "GIF" в форматах сохранения, а вижу, что не одна я этим вопрос интересуюсь

Andrey Voronin

похоже только за бабло это, хоть бы писали об этом прежде чем пиарить

Arsa

Метод показался нам интересным, поэтому пост был опубликовал. Сами им уже пользуемся :) Почему возникли проблемы — уже написали автору, подождем комментария. Если функция доступна только в платной версии, укажем это в статье.

Валентин Домогадский

Ответ сегодня дадут?)

Oleg Burkov

Здравствуйте! На сегодняшний день это функция платной версии.

Oleg Burkov

Здравствуйте! Анимация - опция, доступная в подписке Canva for Work. Вы можете попробовать эту функцию во время триального периода (30 дней).

Oleg Burkov

Андрей, здравствуйте! Да, анимация доступна в платной подписке Canva for Work. Предлагаю попробовать ее во время бесплатного триального периода в 30 дней.

Oleg Burkov

Здравствуйте! Анимация - опция, доступная в платной подписке Canva for Work. Вы можете воспользоваться этой функцией во время бесплатного триального периода подписки (30 дней).

Oleg Burkov

Елена, здравствуйте! Анимация - опция, доступная в платной подписке Canva for Work. Вы можете воспользоваться этой функцией во время бесплатного триального периода подписки (30 дней).

Oleg Burkov

Ани, здравствуйте! Анимация - опция, доступная в платной подписке Canva for Work. Вы можете воспользоваться этой функцией во время бесплатного триального периода подписки (30 дней).

Елена Светлая

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

Arsa

Это норма для большинства сервисов, просто отключите карточку по окончанию пробного периода. Если не захотите пользоваться возможностями платной версии, конечно :)

Ани Byhovskaya

Нашла в замен Канвы обычный сервис по конвертации, даже очень удобно: https://online-converting.r...