After effects ключевой кадр

В этой статье мы рассмотрим одно из базовых понятий в After Effects – ключевые кадры (keyframes).

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

Рис.1

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

Для начала создаём текст: сверху на панели инструментов жмём кнопку Horizontal Text (Ctrl+T) и просто вписываем его в окно предпросмотра композиции (рис.2).

Рис.2

На панели слоев у вас должен появиться текстовый слой, над которым мы и будем производить манипуляции перемещения, с помощью ключевых кадров. Поэтому переводим взор на эту панель и жмём на «треугольник». Чтобы добраться к пунктам трансформации, нажимаем на треугольник возле Transformation. Перед нами раскрылось меню с такими пунктами: Anchor Point, Position, Scale, Opacity и Rotation (рис.3). В данном случае нам будет интересен пункт Position, вот к нему мы и переходим.

Рис.3

Когда мы перешли к пункту Position, нам необходимо активировать панель ключевых кадров. Для этого мы жмём на «часы» возле пункта Position. Как можно увидеть на рис.4, слева появилась ключевая точка с начальной стартовой позицией текста. Обратите внимание на значения возле данного пункта. В моём случае это 373 и 320 . Значение слева (373) – это значение перемещения объекта по горизонтали (Ось Х), а значение справа (320) – это значение перемещения по вертикали (Ось Y). (рис.4)

Рис.4

Мы хотим, к примеру, чтобы наш текст двигался с лева на право. Для этого нам необходимо оттянуть ползунок на таймлайне немного в сторону на 2-3 секунды и изменить значение 373 на большее. Я установил 550. И как можно увидеть на рис.5 текст съехал вправо. Ну а на таймлайне появился ещё один ключ (ключевой кадр).

Рис.5

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

Таким же образом можно создавать красивые эффекты полёта текста с применением 3D-слоев и т.д. Также, можете "поиграть" с пунктами Scale, Opacity и Rotation, а потом посмотреть на изменения.

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

В процессе изучения прошлой статьи мы сохранили проект Афтер Эффектс. Давайте откроем его, если он у вас еще не открыт. Для этого выполним команду File->Open Project (Ctrl+O). В появившемся окошке находим файл проекта и выделив его нажимаем кнопку «Открыть».

В свойствах трансформации у нас были внесены некоторые изменения. Обнулим их. Нажмите на вертушку слоя Lime Green Solid. Справа от названия группы Transform есть кнопка Reset. Нажмите ее чтобы сбросить все изменения.

Изменим цвет слоя Lime Green Solid. Для этого откроем окно параметров слоя выполнив команду Layer->Solid Settings (Ctrl+Y). Чтобы эта команда была доступна, слой должен быть выделен. Откроется знакомое нам окно параметров слоя. Изменим цвет слоя на синий.

Когда мы закроем окно параметров слоя нажав кнопку ОК, у нас появится новый слой Blue Solid. Он будет располагаться выше слоя Lime Green Solid. Ему будет присвоен номер 1, слой Lime Green Solid, соответственно, будет под номером 2. А на панели Composition мы будем видеть только слой Blue Solid, так как он полностью перекрывает слой Lime Green Solid.

Создадим подобным образом еще два слоя: красный и желтый.

Теперь у нас есть четыре слоя, но на панели Composition увидеть мы можем только один. Давайте разместим слои так чтобы они составили один квадрат из четырех цветов. Для этого сначала уменьшим все слои в два раза. Активизируйте панель Timeline, щелкнув по рабочему пространству панели. Выделите все слои, выполнив команду Edit->Select All (Ctrl+A), После этого нажмите клавишу на клавиатуре. У всех слоев отобразится свойство Scale. Не снимая выделение уменьшите значение масштаба любого из слоев до 50. Масштаб всех остальных слоев будет так же уменьшен до 50 автоматически.

Теперь, не снимая выделения, нажмите клавишу

. Отобразится свойство Position для всех четырех слоев. Здесь для каждого слоя будут разные значения, поэтому нужно снять выделение. Выполните команду Edit->Deselect All (Ctrl+Shift+A) или нажмите клавишу, чтобы отменить все выделения. Изменим значения положения для каждого слоя. Слой 1 — 175,175; слой 2 — 325,175; слой 3 — 175,325; слой 4 — 325,325. После этого четыре слоя составят один квадрат.

Переходим к анимации. Для начала анимируем свойство Scale. За первые две секунды изменим его с нуля до 50. Выделите все слои, нажав комбинацию клавиш , при этом активна должна быть панель Timeline. После этого отобразим свойство Scale, клавиша . Теперь переместим маркер времени в положение 2:00. Для этого выполним команду View->Go to Time (Ctrl+Shift+j). Появится окошко Go to Time, где Вы должны указать нужный временной код. Введите 200 и нажмите ОК. Программа сама преобразует это число в 2 секунды и 00 кадров.

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

Для всех четырех слоев установлено по одному ключевому кадру в положении времени 2 секунды. Им присвоено то значение, которое мы задали до установки ключей. Нам нужно, чтобы ко второй секунде масштаб был увеличен до 50%. Поэтому мы сразу создавали ключи для положения 2 секунды. Теперь переместим маркер времени в начало. Для этого нажмите клавишу на клавиатуре или нажмите кнопку First Frame на панели Prewiev.

Чтобы добавить новый ключевой кадр для всех четырех слоев используем кнопку Add or remove keyframe слева от значка секундомера.

Нажав на нее у нас появятся еще по одному ключу для каждого слоя в месте расположения маркера времени. Установим значение масштаба равное 0. Теперь у нас два ключевых кадра: первый со значением 0, второй — 50. Значение свойства между ключевыми кадрами программа подбирает сама, устанавливая их линейно от первого значения ко второму. Чтобы увидеть как именно изменяется значение масштаба давайте взглянем на его график. Для этого нажмите кнопку Graph Editor на панели Timeline. Теперь в правой части панели Timeline у нас появилось место для отображения графика, осталось только выбрать нужное нам свойство. Кликнув по названию свойства Scale любого из слоев, отобразится его график.

Как видно на графике масштаб изменяется от 0 до 50 линейно. Две точки по краям линии это и есть ключевые кадры которые мы установили. Пока мы здесь ничего больше рассматривать не будем. Вернем панель Timeline к прежнему виду, нажав на ту же кнопку Graph Editor, и перейдем к панели Preview. Данная панель предназначена для управления предварительным просмотром.

Если мы просто воспроизведем композицию нажав на кнопку Play или скорее всего она будет воспроизведена с задержками и меньшей частотой кадров. Для того чтобы увидеть композицию в реальном масштабе времени используется функция RAM Preview. Программа воспроизводит композицию средствами оперативной памяти. Производится предварительный просчет композиции, результаты сохраняются в оперативную память и воспроизводятся из нее. Нажмите на кнопку RAM Preview или на цифровом блоке клавиатуры.

Начался процесс предварительного просчета композиции. Зеленая полоса рядом со шкалой времени соответствует длительности просчитанной композиции. После того как процесс предварительной визуализации закончен, композиция будет воспроизведена в реальном времени и со звуком. Остановить воспроизведение можно нажатием любой кнопки. Воспроизведение звука можно отключить нажав на кнопку Mute Audio на панели Preview. Так же можно изменить функцию повтора нажатием на кнопку Change loop options. Значок

означает воспроизведение по кругу;

— обычное воспроизведение от начала и до конца.

Посмотрев результат можно двигаться дальше. Анимировать можно несколько свойств одновременно. Для каждого свойства могут быть установлены отдельные ключевые кадры. Отобразим свойство Rotation для всех слоев. Зажав кнопку нажмите на клавиатуре. Теперь у нас будут отображаться два свойства: масштаб и вращение. Если бы мы просто нажали на клавишу , то у нас отображалось бы только одно свойство Rotation.

Возможно теперь у Вас не все слои отображаются на панели Timeline. Наведите курсор на панель Timeline и нажмите клавишу . Панель развернеться на весь экран. Чтобы свернуть панель вновь нажмите на клавишу . Добавим вращение при появлении квадратов. Для этого перейдите в начало композиции и создайте ключевой кадр для свойства Rotation всех слоев. После этого нажмите на кнопку Go to Next Keyframe свойства Scale.

Маркер времени переместился в место положения второго ключа свойства Scale. Теперь создайте ключевой кадр для свойства Rotation и задайте для него значение 3×00, то есть трех полных оборотов.
Попробуйте самостоятельно создать ключи для свойства Position всех четырех слоев для 2, 4 и 5 секунды композиции. Для 2 секунды положение всех слоев останется неизменным. Для 4 секунды: слой 1 — 325,175; слой 2 — 175,175; слой 3 — 325,325; слой 4 — 175,175. Для 5 секунды: слой 1 — 175,175; слой 2 — 325,325; слой 3 — 175,325; слой 4 — 325,175.
Выделите 2 слой. В панели Composition он будет обозначен четырьмя маркерами. От точки привязки отходит линия соединяющая три квадратика — ключевые кадры. Эта линия — траектория по которой будет двигаться слой. Сейчас она представлена в виде кривой. Если воспроизвести композицию, то видно, что 2 и 4 слои после 4 секунды образуют зазор.

Этот зазор можно убрать если сделать интерполяцию ключевых кадров линейной. Для этого выделим ключевые кадры 4 секунды для второго и четвертого слоя. Сначала кликните по одному из двух нужных кадров, затем зажав клавишу кликните по второму ключу. После этого кликните правой кнопкой мыши по одному из двух ключевых кадров. В контекстном меню выберите пункт Keyframe Interpolation. В появившемся окошке в открывающемся списке Spatial Interpolation выберите значение Linear. Закройте окошко Keyframe Interpolation нажав на кнопку ОК.

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

Установите курсор на один из ключевых кадров левого столбца и начинайте перетаскивать влево. Отслеживайте положение ключа в панели Info. Переместите курсор в положение 3 секунды и отпустите кнопку мыши.

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

Выделите слой который хотите заменить на панели Timeline. В нашем случае это слой светло-зеленого цвета. Зажав клавишу Alt на клавиатуре перетащите файл Green Solid с панели Project на слой Lime Green Solid на панели Timeline.

Абсолютно все ключевые кадры, и любые изменения свойств будут сохранены для замененного слоя. Если бы были применены какие-либо эффекты они так же были бы сохранены. Теперь Вы знаете как создавать ключевые кадры и можете самостоятельно поэкспериментировать со свойствами слоев композиции и создать что-нибудь необычное.
В конце статьи рассмотрим еще одну особенность. Быстро подкорректировать длительность композиции можно указав границы рабочей области, а затем в контекстном меню рабочей области выбрать пункт Trim Comp to Work Area.

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

На этой странице

Что такое ключевые кадры?

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

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

Установка или добавление ключевых кадров

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

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

Оцените статью
Много толка
Добавить комментарий