Создание привлекательной анимированной графики с помощью After Effects: подробное руководство

Введение

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

Часть 1. Общие сведения о анимированной графике и After Effects

Что такое анимационная графика?

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

Что такое Adobe After Effects?

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

Часть 2. Навигация по интерфейсу After Effects

Интерфейс Adobe After Effects поначалу может показаться сложным из-за множества окон и панелей. Вот ключевые компоненты:

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

Панель композиции: здесь вы видите свою работу. Эта панель предлагает визуальное представление вашей композиции.

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

Панель инструментов: на панели инструментов находятся ваши инструменты. К ним относятся инструменты выбора, ручные инструменты, инструменты масштабирования, инструменты вращения и многое другое.

Панель «Эффекты и пресеты»: эта панель содержит список всех доступных эффектов и пресетов, которые может предложить After Effects.

Знакомство с этими панелями — первый шаг в освоении After Effects.

Часть 3. Начало проекта

Создать новый проект в After Effects очень просто. Сначала откройте After Effects. Затем перейдите в «Файл» > «Создать» > «Новый проект». Чтобы создать новую композицию, которая по сути представляет собой временную шкалу, на которой вы разместите свои медиафайлы, перейдите в «Композиция» > «Новая композиция». Здесь вы можете установить имя композиции, размеры, частоту кадров и продолжительность.

Часть 4. Импорт и организация ресурсов

Первым шагом в любом рабочем процессе After Effects является импорт ресурсов, с которыми вы будете работать. Это могут быть видео, аудиофайлы, фотографии или графика. Перейдите в меню «Файл» > «Импорт» > «Файл» (или просто нажмите Ctrl/Cmd + I). Откроется диалоговое окно, в котором вы можете перейти к своим файлам и выбрать их. Вы можете выбрать несколько файлов, удерживая нажатой клавишу Shift или Ctrl/Cmd во время щелчка.

Как только ваши активы будут импортированы, они появятся на панели проекта. Это хорошая практика, чтобы держать свои активы организованными. Вы можете создавать папки (известные как «корзины» в After Effects), щелкнув значок папки в нижней части панели «Проект» или выбрав «Файл» > «Создать» > «Новая папка».

Часть 5: Основные свойства преобразования

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

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

Положение: свойство положения определяет, где находится ваш слой в композиции.

Масштаб: Свойство масштаба позволяет настроить размер слоя.

Вращение: это свойство позволяет вращать слой.

Непрозрачность: свойство непрозрачности управляет прозрачностью слоя.

Часть 6. Создание простых анимаций

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

Создадим простую масштабную анимацию:

Начните с создания новой композиции («Композиция» > «Новая композиция»), затем создайте новый слой-фигуру («Слой» > «Создать» > «Слой-фигура»).

Выбрав слой, нажмите клавишу «S» на клавиатуре, чтобы открыть свойство масштаба.

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

Теперь переместите ползунок вниз по временной шкале и увеличьте значение масштаба. Это автоматически добавляет еще один ключевой кадр.

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

Часть 7. Работа с текстом

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

Перейдите в Layer> New> Text, чтобы создать новый текстовый слой.

Используя инструмент «Текст» на панели инструментов, введите текст на панели «Композиция».

Чтобы анимировать текст, мы будем использовать меню «Анимация» в правой части панели инструментов на панели временной шкалы. Нажмите «Анимация» и выберите «Непрозрачность».

Появятся новый Animator 1 и Range Selector 1. Установите непрозрачность на 0%.

Откройте селектор диапазона 1, и вы увидите «Начало», «Конец» и «Смещение». Они определяют, к какой части текста применяется анимация.

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

Переместите указатель воспроизведения вниз по временной шкале и измените значение «Начало» на 100%. Это добавляет еще один ключевой кадр.

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

Часть 8. Применение эффектов и пресетов

After Effects поставляется в комплекте с множеством эффектов и пресетов, которые могут значительно ускорить ваш рабочий процесс. Их можно найти на панели «Эффекты и пресеты».

Чтобы применить эффект к слою, вы можете просто просмотреть эффекты на панели «Эффекты и шаблоны» и перетащить выбранный эффект на слой на панели «Композиция» или на панели «Таймлайн».

Например, если вы хотите размыть текст, вы можете перейти к «Размытие и резкость» > «Размытие по Гауссу», затем щелкнуть и перетащить его на текстовый слой. Затем откроется панель «Элементы управления эффектами», позволяющая настроить параметры эффекта.

Часть 9. Визуализация анимированной графики

После того, как вы создали моушн-графику в After Effects, последним шагом будет ее рендеринг. Рендеринг — это процесс экспорта вашей композиции в формат, который можно плавно воспроизводить.

Вот простой процесс рендеринга вашей композиции:

Перейдите в «Композиция» > «Добавить в очередь рендеринга». На панели «Таймлайн» откроется вкладка «Очередь рендеринга».

На вкладке Render Queue вы увидите несколько настроек. В разделе «Модуль вывода» щелкните ссылку рядом с «Без потерь», чтобы установить параметры формата. Как правило, вы должны выбрать формат, например .MP4 или .MOV.

Затем щелкните ссылку рядом с «Вывод на», чтобы указать место назначения вывода. Выберите, где вы хотите сохранить файл и как вы хотите его назвать.

Наконец, нажмите Render в правом верхнем углу вкладки Render Queue. После этого After Effects начнет рендеринг вашей композиции.

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

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

Готовы выходить на новый уровень?

Оставьте свои данные – и мы вам подскажем!

    Нажимая на кнопку «Отправить», вы подтверждаете свое согласие на обработку пользовательских данных.