пройдите тест и узнайте,
какая дизайн-профессия подойдет именно вам

Как создать анимированный рекламный ролик в Adobe After Effects

Как создать анимированный рекламный ролик в Adobe After Effects
10 июня, 2024
6 мин

Рекламный ролик — это короткий видеоформат, который предназначен, чтобы продвигать продукт, услугу или бренд. Обычно это компактная история, которая вовлекает зрителя и побуждает его к действию. Рассказываем в статье, как создать анимированный рекламный ролик в Adobe After Effects.

Зачем нужны анимированные рекламные ролики

Рекламные ролики продвигают бренды и привлекают внимание к их продуктам и услугам. Креативные видеоролики становятся вирусными, а это органическая реклама для бренда. 

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

Основные этапы создания рекламного ролика

Создание анимированных рекламных роликов в Adobe After Effects — это процесс, который сочетает в себе креативность, техническое мастерство и понимание маркетинговых принципов. 

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

Определяем визуальный стиль и ищем референсы

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

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

Если нужно найти вдохновение и референсы, вот подборка сайтов, которые в этом помогут: 

  1. Dribbble. Это сообщество дизайнеров, где они делятся своими работами. Здесь вы найдете много идей и концепций в разных стилях и направлениях.
  2. Behance. Еще одна популярная платформа для дизайнеров, где собраны проекты из разных областей: графический дизайн, анимация, иллюстрация и многое другое.
  3. Designspiration. Это онлайн-платформа, сосредоточенная на визуальном искусстве и дизайне. Здесь вы найдете тысячи изображений, которые поделены на категории, — нужную картинку легко найти и сохранить.
  4. Pinterest. На сайте собрана коллекция изображений в разных категориях. Вы можете создавать свои доски с изображениями, которые вдохновляют, и искать новые идеи.

Ищем музыку

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

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

  1. AudioJungle. Это один из крупнейших онлайн-рынков музыкальных композиций, где вы найдете треки разных жанров, которые точно подойдут для рекламного проекта. 
  2. PremiumBeat. На этом сайте собрали музыкальные композиции, которые создали специально, чтобы использовать в рекламе, кино и видеоиграх. Здесь вы найдете разные жанры: от электронной музыки до оркестровых композиций.
  3. Artlist. За ежемесячную подписку на этот сервис вы можете пользоваться музыкальными треками без ограничений. 
  4. Epidemic Sound. На этом сайте есть доступ к библиотеке музыкальных треков и ежемесячная подписка с неограниченным доступом. 
  5. Soundstripe. Здесь можно купить отдельные треки или оформить подписку и получить неограниченный доступ к библиотеке треков для фильмов, видео и подкастов.
  6. YouTube Audio Library. Бесплатная музыкальная библиотека YouTube. Можно выбрать трек и использовать его без лицензионных ограничений.

Делаем раскадровку

Раскадровка — это детальный план каждого кадра вашего рекламного ролика: описание каждой сцены, позы персонажей, композиция кадра, движение камеры и переходы между сценами. Создание раскадровки помогает увидеть весь ролик целиком, понять его структуру и динамику, а еще предотвратить ненужные исправления на следующих этапах.

Раскадровка
Пример раскадровки
Сториборд
Пример сториборд

Создаем черновую анимацию

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

Работаем над финальной версией

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

Пайплайн
Пример пайплайна

Пример создания рекламного ролика

Теперь рассмотрим пошаговое создание рекламного ролика на примере.

Шаг 1: получили техзадание от клиента

Получили ТЗ от клиента, обсудили идеи и решение для предстоящего ролика, собрали подходящие референсы, утвердили цели и проанализировали целевую аудиторию.

Шаг 2: подобрали подходящую музыку

Подобрали подходящую музыку, которая будет органично дополнять видеоряд.

Шаг 3: создаем раскадровку

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

Еще одна раскадровка
Еще один пример раскадровки

Шаг 4: создаем анимацию

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

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

Добавляем скриншот на экран телефона.

Добавление телефона
Добавляем телефон

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

Добавление текста
Добавляем текст

Повторяем действия для следующих сцен.

работа со сценой
Работаем со сценой
еще одна работа со сценой
Еще работаем со сценой
конец работы со сценой
Заканчиваем работать со сценой

Собираем все сцены в одной композиции. Для этого сначала добавляем аудиодорожку и под нее располагаем сцены.

объединение сцен
Объединяем сцены

Переходим в Media Encoder и делаем рендер.

Главное о том, как создать анимированный рекламный ролик

Чтобы создать анимированный рекламный ролик, нужно:

  1. Определить визуальный стиль и найти референсы.
  2. Подобрать музыку.
  3. Создать раскадровку.
  4. Создать черновую анимацию.
  5. Зафиналить результат.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Читайте также

Подпишитесь сейчас на нашу рассылку

Мы присылаем отличные материалы и никогда не спамим. Отписаться можно в любой момент