Сведения об анимации, ключевых кадрах и выражениях

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

Значки секундомера: активный секундомер и неактивный секундомер
Значки секундомера

A. Активный секундомер B. Неактивный секундомер 

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

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

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

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

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

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

Примечание.

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

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

Примечание.

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

Сравнение ключевых кадров в виде значков с ключевыми кадрами в виде чисел
Сравнение ключевых кадров в виде значков с ключевыми кадрами в виде чисел

Примечание.

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

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

Выражения

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

Ресурсы в Интернете, посвященные анимации

См. видеоурок «Анимация изменения свойств с помощью ключевых кадров» от Джеффа Сенгстэка (Jeff Sengstack) и Infinite Skills.

Пошаговые учебные пособия, демонстрирующие анимацию отдельных слоев из файла Photoshop (PSD), см. в главе «Анимация слоев в After Effects» книги After Effects Classroom на веб-сайте Peachpit Press.

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

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

Примечание.

Переключение между режимами панели слоев и редактора диаграмм выполняется кнопкой «Редактор диаграмм» на панели «Таймлайн» или сочетанием клавиш SHIFT+F3.

Два анимированных свойства («Положение» и «Масштаб»), показанные в редакторе диаграмм
Два анимированных свойства («Положение» и «Масштаб»), показанные в редакторе диаграмм

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

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

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

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

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

Ключевые кадры в редакторе диаграмм с дескрипторами направления
Ключевые кадры в редакторе диаграмм с дескрипторами направления

Ресурсы в Интернете, посвященные редактору диаграмм

Энтони Боланте (Antony Bolante) представил информацию, советы и иллюстрации об использовании редактора диаграмм в статье на веб-сайте Peachpit Press.

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

  1. Нажмите кнопку «Показать свойства» в нижней части редактора диаграмм и выберите одну из следующих команд.

    Показать выбранные свойства

    Отображает выбранные свойства в редакторе диаграмм.

    Показать свойства с анимацией

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

    Показать набор редактора диаграмм

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

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

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

Автовыбор типа диаграмм

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

Редактировать диаграмму значений

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

Редактировать диаграмму скорости

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

Показать эталонную диаграмму

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

Показать формы звуковой волны

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

Показать точки входа и выхода для слоя

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

Показать маркеры слоя

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

Показать подсказки для инструмента «Диаграмма»

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

Показать редактор выражений

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

Разрешить использование ключевых кадров между кадрами

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

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

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

Примечание.

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

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

Примечание.

Если включено автоматическое масштабирование по высоте , панорамирование или изменение масштаба по вертикали невозможно.

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

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

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

По выделенной области 

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

Подобрать размер всего 

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

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет