Анимация по ключевым кадрам в After Effects: полное руководство
Проверенные дистрибутивы ПО Adobe Обновляется ежедневно
Adobe After Effects
Урок · After Effects

Анимация по ключевым кадрам в After Effects: полное руководство

Подробный разбор анимации по ключевым кадрам в After Effects. Изучите плавность движения (easing), затухающие колебания (overshoot), выражения (expressions), работу с опорной точкой (anchor point) и применение 12 принципов анимации в моушн-дизайне.

Создание моушн-графики и анимации в Adobe After Effects

Ключевой кадр — базовый элемент анимации

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

Линейная интерполяция против плавной (Easing)

По умолчанию в программе используется линейная интерполяция. При ней объекты двигаются с постоянной скоростью, что выглядит неестественно и роботизированно. Чтобы сделать движение органичным, нажмите правую кнопку мыши на ключе и выберите Easy Ease (F9) — это создаст плавное ускорение на старте и замедление в конце. Используйте Easy Ease In (Shift + F9) для плавного замедления в конце движения, а Easy Ease Out (Ctrl + Shift + F9) — для плавного разгона в начале.

Глубокая настройка в редакторе графиков (Graph Editor)

Для тонкой настройки динамики перейдите в редактор графиков (Graph Editor). Переключайтесь между графиком скорости (Speed Graph) для контроля темпа и графиком значений (Value Graph) для изменения пространственных величин. Направляющие Безье позволяют регулировать ускорение: крутая кривая в начале дает резкий, взрывной старт, а длинный пологий хвост в конце — мягкое, плавное затухание движения.

Эффект захлеста (Overshoot) и отскок (Bounce)

Чтобы придать анимации живости, используйте прием «захлеста» (overshoot): создайте дополнительный ключ, значение которого слегка превышает финальное, а затем верните объект в исходную конечную точку. Объект проскочит цель и плавно вернется назад. Этот простой технический прием вдыхает жизнь в моушн-дизайн быстрее любых сторонних плагинов.

Опорная точка (Anchor Point) — центр вращения

Нажмите клавишу Y (инструмент Pan Behind), чтобы переместить опорную точку (Anchor Point). Именно вокруг нее происходят все трансформации: вращение, масштабирование и привязка к родительским слоям. Например, если поместить опорную точку в самый низ логотипа, вы получите эффектный и упругий эффект появления объекта «из земли».

Выражения Wiggle и loopOut

Зажмите Alt и кликните по значку секундомера, чтобы открыть поле ввода выражений (expressions). Код wiggle(2, 30) заставит объект хаотично колебаться 2 раза в секунду с амплитудой в 30 пикселей — это идеальный способ сымитировать эффект дрожания камеры в руках. Выражение loopOut() циклически повторяет анимацию между ключами до конца композиции, избавляя вас от необходимости копировать их вручную.

Переопределение времени (Time Remapping)

Перейдите в меню Layer → Time → Enable Time Remapping. Это позволит вам анимировать внутреннее время слоя с помощью ключевых кадров. Вы сможете легко делать стоп-кадры, пускать видео в обратную сторону или создавать динамическое ускорение от 50% до 200% для эффектных переходов в титрах и заставках.

12 принципов классической анимации

Знаменитые 12 принципов анимации Диснея — сжатие и растяжение (squash and stretch), подготовка к действию (anticipation), сквозное движение (follow-through) — напрямую применимы в современном моушн-дизайне. Фигура, которая сначала сжимается перед прыжком, а затем сплющивается при приземлении, мгновенно обретает характер и вес. Изучите эти правила, и ваши работы сразу выйдут на профессиональный уровень.