Робота з keyframes (ключовими кадрами) в 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, тому необхідно добре потренуватися зі створенням ключів, щоб надалі створювати гарні та якісні проекти.

Ключі анімації Працюємо ефективно в After Effects

У цьому циклі статей я спробував максимально зібрати всі корисні типси, тулзи, шорткати, хоткеї. які можна забути і повернуться сюди, щоб їх згадати. Для зручності статті поділені на елементи інтерфейсу After Effects. У майбутньому можливо вони будуть об'єднані в один лонг-лонгрід. Відразу зберігайте в закладки та вибране.

Частина 1. Вікно Project

Частина 2. Панель Timeline + Layers

Частина 3. Ключі анімації

1. Швидко встановити ключі анімації.

Не відкриваючи параметри, шорткат додає ключовий кадр для параметра відповідної літери.

Alt+Shift + A/P/S/R/T

Anchor Point, Position, Scale, Rotation, T(Opacity).

2. Розкриття параметрів

Розкрити всі анімовані параметри U

Розкрити всі змінені параметри - U Два рази

Розкрити всі ефекти застосовані до шару. E

Розкрити параметри до яких були застосування виразу - E Два рази

3. Приховати непотрібні властивості шару.

Приховати рядок shift + alt + клік.

Якщо потрібно залишити лише потрібні параметри. Виділяємо з shift і натискаємо S ДВА РАЗИ.

4. Змінити все одразу.

Наприклад, є анімація шару знизу нагору, а ми хочемо пересунути кубик убік, але не створюючи ключовий кадр.

1. Стати там, де вже є ключ
2. Натисніть назву параметра.
3. Можна рухати.

Коли верств багато!

1. Додаємо ключ в одному місці на всіх шарах
2. Виділяємо всі ключі Ctrl+alt+A
3. Рухаємо. В кінці видаліть ключі.

5. Поділ параметрів.

Деякі параметри можна анімувати окремо. Наприклад, у Position можна розділити координати X і Y. Для цього потрібно натиснути правою кнопкою (ПКМ) за параметром і вибрати - Separate Dimensions.

6. Вирівнювання швидкості.

Щоб анімація була рівномірною за всією тривалістю. Виділяємо всі ключі, ПКМ – Rove Across Time.

7. Усунення ривків анімації.

Якщо у вас вилазять ліві рухи між ключами. Виділяємо ключі – ПКМ – Keyfame Interpolation і в рядку Spatial Interpolation потрібно поставити Linear. (Іноді потрібно змінити і в рядку Temporal)

8. Швидко зробити анімацію без ключів.

Вікно Motion sketch - Start capture.

Якщо багато ключів і потрібно згладити анімацію

Вікно Smoother - 25 spiral

9. Стиснути або розтягнути по таймлайну

Виділити ключі, затиснути Alt - Зволікати.

10. Запікання ключів

Вирази на параметрах можуть уповільнювати перегляд і рендер у кілька разів. Приблизно з 2015 року з'явилася вбудована можливість запікати ключі. Для цього потрібно ПКМ - Keyframes - Convert Expression.

Найголовніше. ▼

11. Рух без пауз.

На цих моментах у вас будуть паузи в русі.

Щоб зробити анімацію без зупинок. Виділяємо ключі – ПКМ – Keyframe Velocity – Continouos (поставити галочку).

12. Анімація з маркерів.

Якщо ви робите шаблон, вам може знадобитися кілька виразів, щоб підв'язати анімацію до маркерів. Як ставити їх і використовувати ще один спосіб з Protected Region, було в минулому розділі.

На каналі "Скептична рись" є перелік таких виразів.

13. Скрипти.

Детально про кожен та повний список: Мій список скриптів для Adobe After Effects.

Motion Tools 2.0 - все необхідне для моушн-дизайнера.

KeyFast - Додавання анімації в один дотик.

+ Elastic Comp Changer - Додає або видаляє кадри серед композиції зсуваючи ключі та краї шарів.

Дякую за те, що дочитали до цього місця. Якщо вам цікаві подібні пости, підписуйтесь на Телеграм-канал . А якщо хочете читати подібні статті першими та підтримати мене, приєднуйтесь на Patreon. Також просто поділившись публікацією з друзями, можна надати величезну підтримку автору.

Як поставити ключовий кадр у adobe after effects

А – точка прив'язки
Р – позиція
S – масштаб
R – обертання
Т – непрозорість
М – форма маски
F – межі маски
ТТ – непрозорість маски
Е – ефекти
L – рівні аудіо
AA - властивості матеріалу тривимірного шару
EE – переглянути вирази
Shift+гаряча клавіша властивості – додати\прибрати зі структури
U – всі анімовані властивості

Діалоги властивостей
Ctrl+Alt+Shift+А – діалог точки прив'язки
Ctrl+Shift+О – діалог непрозорості шару
Ctrl+Shift+гаряча клавіша властивості – діалог інших властивостей

Перетягування значень властивостей
Із затисненим SHIFT – переміщення по десятках
Із стиснутим Ctrl – переміщення по десятковим дробам
Із затиснутим Alt – без змін у вікні композиції
Із затисненим SHIFT - обмеження по осях та прив'язка по куту 90

Зміна властивостей шару
←,→,↑,↓ - Зміна позиції
+ на цифровій клавіатурі – зміна кута на + 1 градус
- на цифровій клавіатурі – зміна кута на - 1 градус
Alt++ на цифровій клавіатурі – зміна масштабу + 1 %
Alt+ - на цифровій клавіатурі – зміна масштабу на - 1 %
SHIFT + поєднання клавіш зміни - зміни * 10

Прокручування маркера поточного часу з Ctrl-прокручування звуку
B – визначити початок робочої області
N – визначити кінець робочої області
Home – на початок композиції
End – до кінця композиції
I – на початок виділеного шару
O – у кінець виділеного шару

Попередній перегляд
SHIFT+left на RAM preview – перегляд з налаштуваннями по SHIFT+left
Ctrl+left click на RAM preview – збереження RAM preview на жорсткому диску

V - selection
W – rotation
G – pen
Q – masks
C – orbit camera
Y – pan behind
H – hand
Z – zoom
Ctrl+B – інструменти малювання (пензель, гумка, штамп)
Ctrl+T - текст

Alt+Ctrl+O – автоорієнтація шару по траєкторії
SHIFT+Ctrl+K – темп або швидкість якості
Alt+Ctrl+K – діалог зміни інтерполяції
Alt+Ctrl+O – перемикання між інтерполяціями hold та linear
J – до попереднього ключового кадру, на початок робочої зони
K – до наступного ключового кадру, до кінця робочої зони
Alt+SHIFT+= - додати вираз

Робота з тривимірними композиціями

SHIFT+F10(F11,F12) – призначення гарячої кнопки виду
F10(F11,F12) – відображення виду призначеного на гарячу клавішу
Alt+click на інструменті rotation – перемикання між налаштуванням rotation та orientation
Ctrl+Alt+Shift+L – створити джерело світла
Ctrl+Alt+Shift+C – створити камеру

Ctrl+M – make movie
SHIFT+Ctrl+\ - у чергу композиції
Alt+Ctrl+V – вставлення шару в даний час

Введення додавання ключових кадрів у After Effects

Додавання ключових кадрів After Effects в основному використовується в процесі анімації, його основним інструментом є анімація. Ключові кадри - це не що інше, як маркери, що розміщуються на тимчасовій шкалі для шарів і змінюють значення для створення анімацій, таких як положення, масштаб, обертання, колір і т. д. Анімація ключових кадрів працює так, ніби ми створюємо крапку в початковій та кінцевій точках та змінюємо значення за допомогою цієї анімації. грати в. Якщо нам потрібно перемістити об'єкт з одного місця в інше, ми створюємо два ключові кадри при запуску, ми встановлюємо точку, з якої повинен починатися об'єкт, і встановлюємо точку, де закінчується позиція, між анімаціями об'єктів ключових кадрів, якщо нам потрібно. можемо переміщати ключові кадри близько чи далеко, щоб уповільнити роботу.

Як використовувати ключові кадри у After Effects?

Тут ми використовуємо текст для анімації:

Крок 1: Відкрийте нову композицію.

Крок 2: Додати відзнятий матеріал, це може бути відео або зображення в залежності від ваших вимог, тут я зняв відео.

Крок 3: Імпортуйте відзнятий матеріал на часову шкалу.

Крок 4: Створіть новий текстовий шар

Крок 5: Ми можемо створити новий текстовий шар, вибравши текстовий інструмент та надрукувавши текст.

Крок 6: застосовуйте ідеальний колір до тексту, колір завжди приваблює анімацію.

Крок 7: Нам потрібно анімувати текст, такий як положення, масштаб і непрозорість, щоб анімувати цей текст, нам потрібно використовувати анімацію ключових кадрів, якщо ми перейдемо до текстового шару, ми можемо знайти два підменю «Текст» та «Перетворення».

Крок 8: У трансформації ми маємо підменю параметрів анімації, як показано на малюнку.

Крок 9: Почнемо з позиції, запустимо анімацію позиції і дамо початковий ключовий кадр і перенесемо текст у позицію, з якої потрібно почати, змінимо значення початкової точки. Я виношу текст з монітора, тому що мені подобається анімувати текст за межами екрана.

Крок 10: Тепер дайте ваш наступний ключовий кадр, перенесіть текст на наступну позицію, автоматично ключовий кадр буде додано на часовій шкалі, змініть значення кінцевої точки, ми можемо знайти шлях між початковою та кінцевою точками в межах цього шляху, який анімує текст, у зображення ви можете знайти два ключові кадри.

Крок 11: Тепер я запускаю масштаб анімації, зберігаю початкову точку масштабу, натискаю кнопку анімації масштабу, додаю ключовий кадр і змінюю значення початкової точки.

Крок 12: Збережіть ще одну точку шкали та збільште значення, тут ми можемо побачити шлях анімації.

Крок 13: Давайте спробуємо знову з позицією, тут я перемістю текст вгору, якщо ми перемістимо текст до автоматично створеного ключового кадру, ми зможемо знайти шлях анімації.

Крок 14: Ми намагаємося з непрозорістю та запускаємо анімацію, натискаючи на непрозорість та змінюючи значення непрозорості у початковій точці.

Крок 15: Тепер дайте ще одну точку та змініть значення непрозорості на 0, ви можете виявити, що текст зник.

У цьому процесі ми вивчаємо анімацію ключових кадрів, як вставляти ключові кадри та як налаштовувати ключові кадри. Тут я імпортую знятий матеріал і створив текст, і я зробив анімацію положення, додавши ключові кадри, потім ми почали масштабування, створивши два ключові кадри і змінивши значення пізніше. ми змінюємо значення непрозорості, тут покриваємо анімації положення, масштабу і непрозорості за допомогою анімації ключових кадрів.

Додавання ключових кадрів за допомогою анімації маски

Спробуємо з текстовою анімацією шляхи маски, використовуючи ключові кадри:

Крок 1: Введіть текст.

Крок 2: Створіть нову маску для тексту, перейдіть до текстового шару, клацніть правою кнопкою миші та виберіть маску, після чого відкриється підменю у цій новій масці, ми можемо використовувати комбінації клавіш Ctrl+Shift+N.

Крок 3: Ми можемо знайти три варіанти під текстовими шарами.

Ми можемо знайти опцію Animate праворуч, яка є дуже важливою та корисною опцією.

Крок 4: Якщо ми натискаємо на анімацію, ми можемо знайти деякі опції анімації підменю, зазвичай ми можемо зробити анімацію між двома ключовими кадрами, але, коли ми використовуємо маску шляху, це правильний метод анімації.

Крок 5: У цьому списку анімацій ми вже випробували положення, масштаб і непрозорість, тому спробуємо використовувати метод відстеження, відстеження також називається кернінгом, в цьому процесі текст розділятиме літери і отримуватиме пробіл між літерами, якщо ми змінимо цінності.

Крок 6: Якщо вибрати опцію відстеження, ми можемо отримати опції анімації.

1. Тип відстеження у цій опції є 3 типи До та Після, До, Після.
2. Відстежуючи кількість, ми можемо змінити кількість початкових і кінцевих місць.

Крок 7: Тепер ми почнемо анімувати текст, тому ми даємо нашу першу відправну точку, тут ми збільшуємо обсяг відстеження, щоб приховати текст, що залишився, чекаючи першу літеру, я дав 790 як відстеження суми.

Крок 8: Ми даємо ще одну точку як кінцевий ключовий кадр для завершення анімації і даємо значення 0 для заміни тексту.

• Тут ми можемо знайти два ключових кадри, що починаються і закінчуються після завершення анімації, але ми можемо налаштувати ключові кадри, щоб зробити анімацію набагато кращою, або ми можемо вставити інший ключовий кадр між анімаціями, щоб прискорити або сповільнити.

Крок 9: Якщо ви думаєте, що краще зробити анімацію, просто додайте ключову точку між ними та змініть значення так, щоб ми могли відчувати анімацію надто краще.

Крок 10: Коли ми відчуваємо, що анімація рухається швидше або повільніше після передачі ключових кадрів, просто перемістіть ключовий кадр вперед або назад, щоб змінити швидкість анімації.

Крок 11: Змініть положення ключового кадру, щоб прискорити анімацію.

Висновок

У цьому процесі ми створюємо текст і присвоюємо нову маску текстовому шару, при цьому текст отримує окремий шлях, і ми вибираємо параметр анімації, в якому ми використовуємо відстеження анімації. Потім ми створили два ключові кадри і змінили значення початку і кінця цього анімованого тексту, вставивши новий ключовий кадр посередині, щоб прискорити текстову анімацію на початку і сповільнити в кінці, і ми перемістили ключові кадри ближче, щоб збільшити анімацію,

Рекомендовані статті

Це посібник з додавання ключових кадрів до After Effects. Тут ми обговорюємо, як використовувати ключові кадри, як вставляти ключові кадри та налаштовувати ключові кадри.Ви також можете переглянути інші наші статті, щоб дізнатися більше -

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

Ключові кадри (ключи в After Effects) – це деякі точки (рис.1), на таймлайні шарів в After Effects, які дозволяють створювати певні анімаційні ефекти об'єктів в AE. Ключові кадри пожвавлюють об'єкт, за допомогою них можна піддати об'єкт збільшенню, зміні позиції, плавному зникненню і т.д.

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

Спочатку створюємо текст: зверху на панелі інструментів тиснемо кнопку Horizontal Text (Ctrl+T) і просто вписуємо його у вікно попереднього перегляду композиції (рис.2).

На панелі шарів у вас повинен з'явитися текстовий шар, над яким ми будемо проводити маніпуляції переміщення за допомогою ключових кадрів. Тому переводимо погляд на цю панель і тиснемо на трикутник. Щоб дістатися до пунктів трансформації, натискаємо трикутник біля Transformation. Перед нами відкрилося меню з такими пунктами: Anchor Point, Position, Scale, Opacity та Rotation (рис.3). В даному випадку нам буде цікавий пункт Position, ось до нього ми переходимо.

Коли ми перейшли до пункту Position, необхідно активувати панель ключових кадрів. Для цього ми тиснемо на годинник біля пункту Position. Як можна побачити на рис.4, зліва з'явилася ключова точка з початковою стартовою позицією тексту. Зверніть увагу на значення біля цього пункту. У моєму випадку це 373 та 320 . Значення зліва (373) – це значення переміщення об'єкта по горизонталі (Вісь Х), а значення праворуч (320) – це значення переміщення по вертикалі (Вісь Y). (Рис.4)

Ми хочемо, наприклад, щоб наш текст рухався зліва направо. Для цього нам необхідно відтягнути повзунок на таймлайні трохи на 2-3 секунди і змінити значення 373 на більше. Я встановив 550. І як можна побачити на рис.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.

Почну, мабуть, з панелі інструментів

Панель інструментів – основні інструменти

V - Selection Tool (Інструмент вибору)

H — Hand Tool (Інструмент Рука), який дозволяє пересуватися по робочій області. Також щоб перейти на цей інструмент можна натиснути і утримувати пробіл

Z - Zoom Tool (Інструмент масштабування), як альтернатива можна скористатися коліщатком, найчастіше це буває набагато зручніше

W - Rotation Tool (Інструмент обертання), як альтернатива можна скористатися плесень, часто це буває набагато зручніше

C — Camera Tool (Інструмент камери), щоб вибрати потрібну камеру, натисніть C кілька разів, найбільш популярна — Unified Camera

Y — Anchor point (Опорна точка), дуже корисний інструмент, за допомогою якого можна і потрібно коригувати центр об'єкта

Q - Rectangle tool (Інструмент Прямокутник), але насправді не тільки прямокутник, натисніть Q кілька разів для вибору потрібного шейпового інструменту - прямокутника, округленого прямокутника, овалу, полігону або зірки

G — Pen tool (Перо), робота з векторними об'єктами складної форми, може стати в нагоді для створення і редагування масок, для вибору потрібного пера натисніть не раз кілька разів клавішу G на класіатурі

Ctrl+T — Type tool (Інструмент Текст), я думаю коментарі тут зайві