Говорите громко.
![Как сделать эффектную анимацию [подсказки и шаблоны от Visme]](https://visme.co/blog/wp-content/uploads/2020/04/Header-1.gif)
Сейчас в это сложно поверить, но в 90-е годы сценарист первой «Истории игрушек» Эндрю Стентон и его коллеги потратили немало времени, доказывая своей студии, что с помощью компьютерной анимации можно рассказывать захватывающие истории.
Удивительно, насколько изменились наши представления с того времени, потому что сейчас сложно представить жизнь без анимации.
Везде – на сайтах, в социальных сетях, блогах и даже в бизнес-среде – мы встречаем графику для соцсетей, анимированные ролики и элементы.
В то же время создавать красивую и эффектную анимации сложно и долго.
Если вы обратитесь за помощью к профессионалам, то это ещё и дорого. Хотя большинство студий не называют расценки открыто, 2D-анимация может обойтись в сумму от 3 000 до 50 000 долларов США а 3D-анимация – от 10 000 и даже до 200 000 долларов.
На самом деле, анимация – непростое дело, и это видео тому доказательство.
Но не спешите отчаиваться!
Есть и хорошая новость (барабанная дробь) – отличные анимированные иллюстрации можно создать самостоятельно в редакторе Visme. Видите, нет ничего невозможного!
В сегодняшней статье мы поговорим о том, как сделать анимацию с помощью Visme. Кроме того, вы узнаете, чем анимированная графика может быть полезна в таких документах как маркетинговый план и как ее правильно использовать.
Давайте перейдем к сути.
Прежде чем мы начнем говорить о том, как создавать анимированную графику, важно понять, чем она может быть полезна.
Готовы узнать, как использовать анимацию в качестве секретного ингредиента ваших маркетинговых кампаний? Читайте дальше!
Наш мозг любит истории. Люди рассказывали истории и слушали их ещё в пещерные времена, сидя вокруг костра.
Анимированные иллюстрации – это современная, цифровая версия таких историй. С помощью анимации мы можем сделать то, о чем рассказываем, более наглядным и убедительным.
Проще говоря, анимация – это отличный способ установить эмоциональную связь с аудиторией, заинтересовав ее историей, которая им близка и интересна.
Мы отражаем эмоции, которые видим на экране. Именно поэтому нам страшно, когда мы смотрим фильм ужасов, и грустно, когда мы наблюдаем за печальными событиями в жизни персонажей.
Таким же образом и анимированная графика передает нам свои эмоции. В свою очередь, мы отражаем эти эмоции и устанавливаем связь.
Анимированная графика помогает объяснить сложные понятия и концепции. Посмотрите на этот пример:
Здесь не просто изображены мусорные баки, но и показан процесс сортировки мусора. Так мы получаем намного больше информации, чем удалось бы вместить в статичное изображение.
Использование анимации также помогает повысить окупаемость инвестиций. Например, сервису Crazy Egg удалось увеличить коэффициент конверсии на 64 %, а доход на 21 000 долларов США за месяц после того, как они опубликовали анимированный ролик о преимуществах сервиса. Это вдохновляет, не правда ли?
Важно не только привлечь внимание, но и удержать его.
Посмотрите на этот пример анимации:
Досмотрели ли вы до того момента, когда появились все анимированные элементы? Готовы поспорить, что это так, потому что анимация сделана отлично! Мы также уверены, что вам стало хотя бы чуточку интересно узнать, что это за новый SEO-инструмент. Такого не удалось бы достичь с помощью статичной картинки.
Это совершенно новый уровень вовлеченности аудитории, которая точно запомнит как саму картинку, так и идею, которую вы в нее вложили.
Вот ещё один плюс – анимированная графика помогает подтолкнуть людей к желаемому действию, например покупке.
В соревновании между устной презентацией и презентацией с визуальным материалом, последняя показалась убедительной более чем половине аудитории (67 %), в то время как устная презентация смогла убедить только 50 % слушателей.
Если вас не удивили эти цифры, вот ещё одна – люди воспринимают на 323 % лучше инструкции иллюстрированные , чем текстовые! Вспомните, как на упаковках товаров бывает нарисован способ их открывания.
Анимированная картинка с призывом к действию, такая как на примере ниже, поможет получить больше кликов и конверсий, чем статичная иллюстрация.
Итак, думаем, что мы убедили вас попробовать использовать анимацию в ваших маркетинговых кампаниях. Теперь давайте научимся ее создавать!
Прежде чем начать, вы должны на полную включить ваши творческие способности.
Создавая анимацию, вложите в нее максимум усилий, так как в противном случае она может получиться невыразительной. Кроме того, хорошо поработайте над деталями.
Посмотрите, например, на этот дудл от Google:
Обратите внимание на рот карандаша-учителя – он открывается и закрывается, как будто учитель что-то говорит, а не просто ведет своих учеников.
Неудивительно, что именно этот эффект придает всей анимации ее неповторимость и очарование. Итак, достаньте блокнот и запишите: красота в деталях.
Еще одна вещь, которую следует отметить из этого примера - в нем нет беспорядка.
Ещё одна особенность этого примера – на картинке нет ничего лишнего.
Благодаря этому зрителям удается заметить все важные детали.
Какой мы можем сделать из этого вывод? Анимация должна быть лаконичной и с изюминкой.
Теперь, когда вы готовы создать анимированное изображение, прочтите это краткое руководство по созданию анимации в Visme.
Любой хороший дизайн начинается с плана. Если у вас в голове уже есть готовый образ, вы можете начать работу с чистого листа. Но всё же мы рекомендуем пролистать нашу коллекцию шаблонов – возможно, вы найдете готовый дизайн и просто настроите его под ваш контент и фирменный стиль.
Шаблоны с анимацией можно отличить по значку молнии в правом нижнем углу.
В редакторе Visme элементы можно добавлять как в пустой проект, так и в готовый шаблон.
Очень удобно, что любой шаблон можно настроить так, как вам нравится. Можно менять цвета, добавлять фигуры и графические элементы, например линии, кнопки, стрелки и т. д.
Чтобы найти их в редакторе, откройте вкладку Graphics (Графические элементы) на панели слева. Вы увидите множество элементов, разделенных по категориям.
Открыв вкладку Basics (Основное) чуть выше, вы найдете раздел с диаграммами.
Из этого раздела можно добавить в проект схему, а затем настроить поочередное появление ее блоков – так изучать ее будет намного легче и интереснее.
Приятная новость: в обновлении Visme Unleashed мы также добавили иллюстрации, персонажей и жесты.
Помните, что анимация должна соответствовать целям кампании и вашему фирменному стилю – измените цвета, шрифты и другие элементы.
Когда вы будете довольны результатом, загрузите анимацию и поделитесь ей с миром. Для этого Visme предлагает несколько вариантов.
Во-первых, можно скачать презентацию в формате GIF или видео и опубликовать ее в социальной сети или блоге.
Во-вторых, можно сгенерировать приватную или публичную ссылку и поделиться ей с аудиторией.
В-третьих, анимацию можно встроить в блог или на веб-страницу, чтобы получить максимум от интерактивных функций.
Почитайте наши советы – надеемся, что они помогут вам создать эффектный проект и по-настоящему удивить аудиторию.
Создавая бренд как с чистого листа, так и на основе шаблона, не забывайте учитывать фирменный дизайн. Анимация, оформленная в ваших фирменных цветах, будет говорить с аудиторией голосом вашего бренда.
Самые лучшие эффекты в анимации – такие, которые не бросаются в глаза. Например, если вы хотите добавить цветовой переход, он должен быть плавным. Если фотография резко поменяет оттенок, это будет выглядеть неожиданно и отвлечет внимание. Получится так себе.
Но если постепенно затемнить ее на несколько тонов, это будет выглядеть аккуратно и очень эффектно.
Один из главных принципов дизайна в том, что все элементы должны выглядеть гармонично. Любая лишняя деталь может нарушить эту гармонию.
Удачно подобранный цвет может увеличить заинтересованность аудитории на 80%. Используйте это знание в своих интересах. Профессиональные дизайнеры составляют специальные палитры – выберите и используйте готовую цветовую комбинацию из нашей коллекции. Если вы хотите пройти этот путь самостоятельно, узнайте, как создавать настроение с помощью цвета.
Используйте необычные формы и элементы. Не выбирайте стереотипные объекты, такие как силуэты небоскребов или загорающиеся лампочки.
Кроме всего прочего, ваш дизайн должен быть понятным. Ваша цель – рассказать зрителям историю, а не заставить их ломать голову.
Почитайте нашу статью о типичных ошибках в дизайне, чтобы не допустить их в своем проекте.
Наконец вы знаете, как создавать анимированную графику – теперь давайте поговорим о том, как использовать ее в вашей маркетинговой стратегии.
Мы уже видели, каких результатов достигли ребята из Crazy Egg с помощью видео. Этот же метод использовал сервис Mint:
Как показывает практика, анимационные ролики могут увеличить конверсию на 20 %.
С Visme этот подход можете попробовать и вы – просто создайте анимированное слайдшоу или презентацию и скачайте проект в видеоформате.
Цифры не обязательно должны вызывать скуку. Если вы хотите заинтересовать аудиторию, оформите их в видео диаграммы и анимируйте, как в этом примере:
Так интереснее, правда? Узнайте больше о создании анимированных диаграмм.
Анимировать можно и отчеты, например годовой отчет. Ещё отлично смотрится анимация в инфографике. Анимированная инфографика точно не будет похожа на тысячи других, которые мы видим буквально каждый день.
У нас есть подробное руководство о том, как использовать анимацию в инфографике.
Обязательно почитайте советы по созданию инфографики, которые должен знать каждый маркетолог.
Этот совет особенно полезен для компаний, у которых есть фирменный персонаж. Для всех остальный это отличный способ сделать вашу историю ещё более захватывающей.
Посмотрите на персонажа Visme в нашем анимированном видео.
Вы даже можете выбрать персонажа из библиотеки Visme и сделать его персонажем бренда или просто вашим анимированным помощником.
Анимированные иллюстрации помогут вам донести ваши идеи до аудитории. Их можно использовать в блогах или на сайтах. В библиотеке Visme есть более 500 персонажей, жестов и иллюстраций, которые даже можно настраивать.
Обычно пользователь социальной сети уделяет каждому посту не более трех секунд. Но вы можете задержать его внимание. Как? С помощью анимации.
Например, GIF-картинки способны увеличить активность пользователей на 55%.
Вот ещё одна идея – поделиться анимированным объявлением о выходе новой статьи в блоге или о начале распродажи. Посмотрите и другие идеи использования визуального контента в социальных сетях.
В этой статье вы найдете инструкцию по созданию изображений для социальных сетей.
Этот процесс также описан в нашем видео:
Создавать анимированную графику не так сложно, как может показаться. Вы вполне можете сделать это своими силами, без помощи дизайнеров и студий. Зарегистрируйтесь в Visme и попробуйте создать анимацию сегодня!
Приступим?
Создайте дизайн бренда для своего бизнеса, независимо от вашего уровня подготовки.
Попробуйте Visme бесплатно
