Основы анимации

Анимация — это изменение с течением времени. Слой или эффект слоя анимируется путем изменения одного или нескольких его свойств с течением времени. Например, можно анимировать свойство слоя Непрозрачность от 0 % в нулевой момент времени до 100 % в момент времени 1 секунда, чтобы слой постепенно проявлялся на экране. Анимировать можно любое свойство, у которого есть кнопка секундомера слева от его названия на панели Временная шкала или Элементы управления эффектами.

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

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

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

Ключевые кадры

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

Если для определенного свойства активен секундомер, приложение After Effects автоматически задает или изменяет ключевой кадр для свойства в точке текущего времени при каждом изменении значения свойства. Если секундомер для свойства неактивен, оно не имеет ключевых кадров. Если значение для свойства слоя изменить при неактивном секундомере, это значение останется неизменным на панели продолжительности слоя.

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

Некоторые инструменты, такие как Набросок движения и Марионетка, автоматически устанавливают ключевые кадры в соответствии с нарисованным движением.

Выражения

В выражениях используется язык сценариев на основе JavaScript для определения значений свойств и связей между свойствами. Можно создавать простые выражения, связывая свойства с помощь инструмента «Лассо».

Редактор диаграмм

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

В Редакторе диаграмм доступны два типа графиков:

• Диаграмма значений: показывает значения свойств
• Диаграмма скорости: показывает скорость изменения значений свойств

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

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

При перетаскивании ключевого кадра в редакторе диаграмм с включенной кнопкой Привязать ключевой кадр будет привязываться к значениям ключевых кадров, временам ключевых кадров, текущему времени, точкам входа и выхода, маркерам, началу и концу рабочей области и началу и концу композиции. Если ключевой кадр привязывается к одному из этих элементов, что в редакторе диаграмм будет показана оранжевая линия, обозначающая объект, к которому выполнена привязка. Чтобы временно переключить режим привязки, удерживайте нажатой клавишу CTRL (Windows) или COMMAND (Mac OS) после начала перетаскивания.

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

С помощью кнопки Разделить координаты в нижней части редактора диаграмм можно разделить компоненты свойства Положение на отдельные свойства — «Положение по оси X», «Положение по оси Y» и (для 3D-слоев) «Положение по оси Z», — чтобы можно было независимо изменить или анимировать каждый из компонентов. Подробнее о раздельных координатах свойства «Положение» для отдельной анимации компонентов.

Указание свойств для отображения в редакторе диаграмм

Параметры диаграммы в редакторе диаграмм

Нажмите кнопку Тип и параметры диаграммы в нижней части редактора диаграмм и выберите один из следующих параметров:

Автоматически выбирает соответствующий тип диаграммы для свойства: диаграммы скорости для пространственных свойств (например, Положение) и диаграммы значений для других свойств.

Отображает диаграмму значений для всех свойств.

Отображает диаграмму скорости для всех свойств.

Показывает невыбранный тип диаграммы в фоновом режиме только для просмотра. (Серые числа справа от редактора диаграмм показывают значения для эталонной диаграммы.)

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

Отображает точки входа и выхода для всех слоев, у которых есть свойство в редакторе диаграмм. Точки входа и выхода отображаются в виде фигурных скобок.

Показывает маркеры слоя в редакторе диаграмм (если они существуют) для всех слоев, у которых есть хотя бы одно свойство в редакторе диаграмм. Маркеры слоя отображаются в виде маленьких треугольников.

Включает и выключает подсказки диаграммы.

Отображает или скрывает поле редактора выражения.

Позволяет вставлять ключевые кадры между кадрами для точной настройки анимации.

Панорамирование и увеличение масштаба в редакторе диаграмм

• Для панорамирования по горизонтали или вертикали перетащите инструмент Рука .

• Для панорамирования по вертикали покрутите колесико мыши.
• Для панорамирования по горизонтали удерживайте нажатой клавишу SHIFT при прокрутке колесика мыши.
• Для увеличения масштаба нажмите инструмент Масштаб.
• Чтобы уменьшить масштаб, щелкните инструмент Масштаб левой кнопкой мыши, удерживая нажатой клавишу ALT (Windows) или OPTION (macOS).
• Для изменения масштаба по горизонтали прокрутите колесико мыши, удерживая нажатой клавишу ALT (Windows) или OPTION (macOS). Для масштабирования по вертикали удерживайте нажатой клавишу CTRL (Windows) или COMMAND (macOS).
• Для изменения масштаба по горизонтали перетащите инструмент Масштаб влево (для уменьшения) или вправо (для увеличения), удерживая нажатой клавишу ALT (Windows) или OPTION (macOS).
• Для изменения масштаба по вертикали перетащите инструмент Масштаб вверх (для увеличения) или вниз (для уменьшения), удерживая нажатой клавишу ALT (Windows) или OPTION (macOS).

Автоматическое масштабирование по высоте и подгонка

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

Настраивает масштаб значения (по вертикали) и времени (по горизонтали) диаграммы в соответствии с выбранными ключевыми кадрами в редакторе диаграмм.

Настраивает масштаб значения (по вертикали) и времени (по горизонтали) диаграммы в соответствии со всеми диаграммами в редакторе диаграмм.