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

как сделать анимацию баннер

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

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

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

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

1. Как сделать анимацию для презентации

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

Главное правило в подборе анимации — содержание важнее красоты. Если анимация мешает воспринимать смысл презентации, то она лишняя. Долгие «эффектные» полёты каждой буквы никак не помогут зрителям запомнить мысль. Другое дело — когда самые важные элементы привлекают к себе внимание, особенно если презентация сама по себе логична и хорошо структурирована

Как сделать анимацию в презентации полезной? Используйте каждый эффект осмысленно: пункты вылетают один за другим — зрители видят последовательность, логическую цепочку, этапы процесса; объекты «выцветают» и исчезают — зритель понимает, что речь идёт о потерях, убытках. Сделайте каждый слайд говорящим.

Посмотрите, как анимация управляет вниманием в презентации Сбербанка для Среднерусского Экономического Форума. Здесь у анимации две задачи: она и помогает зрителю понять, куда смотреть, и создаёт настроение. Картинки плавно скользят — и кажется, что речь идет о чём-то простом, лёгком.

Презентация Сбербанка для Среднерусского Экономического Форума

Добиться подобного ощущения можно и с помощью Canva. В ней предусмотрен специальный режим для создания и показа презентаций. Чтобы создать анимацию в презентации Canva, нужно использовать компьютерную версию сервиса. Выберите шаблон «Презентация» в списке или введите это слово в поиск.

1

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

2

Затем в меню «Презентация» выберите эффекты для своей презентации. Слайды могут плавно перетекать друг в друга или динамично сменяться на экране.

3

Чтобы просмотреть, что получилось, начните показ в режиме «Стандарт». Для выступления подойдёт режим «Автовоспроизведение»: он будет менять слайды через заданное время.

4

Если вы хотите сами переключать слайды во время презентации, выбирайте «Режим докладчика». Canva создаст второй экран, который можно демонстрировать зрителям на проекторе. А первый, только для докладчика, будет отображать ещё и таймер, заметки спикера и порядок слайдов — это поможет говорить по делу и уложиться в отведённое время.

Показывать презентацию с анимированными эффектами можно с любого компьютера с доступом в интернет — нужно только войти в свой аккаунт в Canva. Поэтому вы не забудете дома флешку с презентацией или не столкнётесь со старой версией PowerPoint, которая неправильно отображает ваши шрифты или эффекты анимации. Выступление пройдёт на ура!

2. Как сделать gif-анимацию для статьи, сайта или соцсетей

Гифки быстро грузятся, легко встраиваются в любое окружение — и в ленту «Вконтакте», и в научную статью. С помощью анимированных картинок удобно объяснять сложные понятия, рассказывать забавные истории или просто вызывать эмоции у читателя.

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

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

Посмотрите, как сделать gif-анимацию продающей. В контекстной рекламе МИФ гифка рассказывает о скидках на каталог книг, которыми я интересовалась:

output_Re4zcS

Анимированная контекстная реклама книг МИФ

Сделать гифку из картинок или видео можно и для тизера статьи на сайте. Если нужно, чтобы эксклюзиный материал получил больше кликов, анимируйте его превью, как на сайте Афиша Daily:

output_Re4zcS

Анимированный тизер на сайте Афиши Daily

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

Посмотрите, как школа идеального тела Sekta декларирует один из принципов своих тренировок. Идея с зажженной лампочкой не только забавная, но и простая: всего-то и нужно сделать два кадра.

output_Re4zcS

Пост-анимация в Инстаграме школы идеального тела Sekta

У гифок есть ещё одно крутое свойство — они помогают донести сложные эмоции, объяснить нестандартные явления. Подойдут такие гифки для презентаций, сайтов и СМИ. Благодаря ним в онлайновых медиа существует целый жанр «Объясняем на гифках», когда научные, технические темы раскрывают с помощью гифок. При этом гифка не обязательно иллюстрирует тему, иногда она просто даёт отдохнуть посреди сложного текста. Например, в статье Медузы «9 ситуаций, когда вам нужен высокоскоростной интернет» гифки в каждой из карточек передают эмоции и хорошо запоминаются.

В Canva можно собрать гифку из фотографий и картинок с элементами анимации. Давайте разберём этот способ на примере рекламы мебельного магазина.

Выберите шаблон с нужными размерами. Мы будем делать публикацию в Инстаграм. Разместите на нём нужные объекты и текст. Во вкладке «Скачать» выберите тип файла «Анимация».

output_Re4zcS

Затем выберите, как сделать анимацию текста и картинок (мы выбрали плавную), и сохраните композицию в формате gif-анимации.

output_Re4zcS

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

3. Как сделать из анимации мини-фильм

В русскоязчынях социальных медиа каждый день публикуется 2 миллиона видеороликов. Это самый простой в потреблении контент: смотреть видео удобнее, чем читать, и обычно интереснее, чем слушать подкасты. К тому же видео вызывают больше эмоций, а значит — реакций. Например, в Инстаграме на один пост без видео приходится 1,61 комментариев, а на ролик с видео — 2,7.

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

С помощью такой простой анимации Delivery Club поздравил с Днём рождения тетрис:

output_Re4zcS

Пост-анимация в Инстаграме Delivery Club

Помните, что анимация помогает объяснять сложное? Это касается не только простых гифок, но и текстовых мини-фильмов. Такой формат хорошо прижился в Ютубе и Инстаграме. Он делает обычный рассказ с картинками динамичным и интересным видео. Формат очень популярен и прост, нужно только изучить, что интересно аудитории и как сделать анимацию текста.

Авторы проекта «Короче, медиа» отвечают на странные научные вопросы вот такими текстовыми роликами. Жаль, что такое не показывают в школе!

output_Re4zcS

Образовательный ролик из Инстаграма проекта «Короче, медиа»

Ещё один пример простой анимации — рассказ о компании в Инстаграме салона свадебных платьев Мэри Трюфель. Видео в посте — это простая анимация из статичных элементов, но содержательность и аккуратное оформление делают такой ролик привлекательным:

output_Re4zcS

Анимированный рассказ о компании из Инстаграма салона Мэри Трюфель

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

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

15

Во вкладке «Сохранить» выберите пункт «Анимация» и настройте эффекты. Мы используем анимацию «Подъём», чтобы фотографии как будто поднимались снизу.

16

Последний шаг — выбор формата. Выберите, как создать анимацию — как .mp4 или .gif — в зависимости от того, где вы собираетесь размещать готовыйAt мини-фильм. Для Инстаграма подойдёт видеоформат, для сайта или блога обычно используют гифки.

output_Re4zcS

Использовать этот шаблон

Итак, рецепт простой: используйте режим презентации или функцию «Анимация», чтобы сделать дизайн динамичнее и привлечь внимание аудитории к вашим идеям. Добавляйте видео и гифки в социальные сети и на свой сайт, чтобы повышать охват и вовлечённость. И, наконец, рассказывайте истории и сохраняйте любимые снимки в мини-фильмах.

Подписывайтесь на обновления в Телеграме, Фейсбуке и ВКонтакте, чтобы всегда быть в курсе трендов графического дизайна и возможностей Canva, которые помогут воплотить их в жизнь!

Ваше секретное средство для потрясающих дизайнов