After Effects — анимация и моушн-графика

1. Что такое моушн-графика

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

• интро и аутро для видео;
• анимация логотипа и фирменного стиля;
• титры, субтитры, заголовки;
• визуальные эффекты и композитинг (объединение слоёв).

2. Интерфейс и панели

После открытия AE ты увидишь рабочий стол:

• Project — палитра исходников (файлы, композиции);
• Composition panel — окно предпросмотра (холст);
• Timeline — шкала времени, слои и ключевые кадры;
• Effects & Presets — библиотека эффектов;
• Tools — инструменты навигации и трансформации.

Основные горячие клавиши:

3. Композиции — основа проекта

Композиция (Comp) — это «видеопакет»: набор слоёв и их анимация во времени. Создай новую: Composition → New Composition (Ctrl + N).

Имя: My_Intro          # понятные имена обязательны
Ширина: 1920           # Full HD
Высота: 1080
Частота кадров: 30 fps  # для веба 30, для кино 24
Длительность: 10 секунд
Фон: Transparent или Белый

Композиции можно вкладывать друг в друга (pre-compose): выдели слои → Layer → Pre-compose (Ctrl + Shift + C) — упрощает структуру сложных проектов.

4. Слои и их типы

Каждый элемент в композиции — слой в шкале времени. Виды:

• Shape Layer — векторные фигуры (прямоугольник, эллипс);
• Text Layer — текст, поддающийся анимации;
• Solid Layer — цветная подложка (фон, источник эффектов);
• Null Object — невидимый «контроллер» для родительских связей;
• Adjustment Layer — применяет эффекты ко всем слоям под ним.

Родительские связи (Parenting)

Привяжи слой к другому через поле Parent (или «пипетка» в timeline): дочерний слой наследует анимацию родителя. Наглядный пример: анимация «руки» привязана к «корпусу» персонажа.

5. Анимация ключевых кадров

Ключевой кадр — «фотография» значения параметра в конкретный момент времени. Между ключами AE сам интерполирует промежуточные состояния.

Шаги первой анимации:

1. выдели слой, открой Transform в timeline (клавиша P — Position, S — Scale);
2. поставь «плюсик» ключа (часы-иконка) на старте;
3. перейди позже по шкале, измени параметр (перетащи объект на холсте);
4. нажми Пробел — смотри анимацию.

Position (P): ключ1 [0, 0]  --> ключ2 [200, 0]  # движение по X
Scale (S):    ключ1 [100%]  --> ключ2 [150%]    # увеличение
Opacity (T):  ключ1 [0%]    --> ключ2 [100%]    # появление

6. Маски и Track Matte

Маска ограничивает видимую область слоя (в отличие от Track Matte, где «окном» служит другой слой).

Маски

Выдели слой → инструмент Rectangle Mask или рисуй Pen Mask прямо по слою на холсте. Свойства маски в timeline: Mask Path, Mask Feather (растушёвка), Mask Opacity.

Маска с анимированным Mask Path = эффект «проявки»
1. Дублируй слой
2. На верхнем начерти маску-прямоугольник
3. Анимируй Mask Path: от маленькой полоски до всего экрана

Track Matte

Чтобы «залить» текст градиентом или видео: снизу — текст/форма, сверху — видео/градиент, и у верхнего слоя в Track Matte выбрать Alpha Matte.

7. Эффекты и пресеты

Панель Effects & Presets (иконка «fx») содержит сотни готовых эффектов:

Примени эффект, открой его параметры в панели Effect Controls и оживи их ключевыми кадрами. Ключи распространяются и на параметры эффектов.

8. Анимация текста

Текстовый слой анимируется как обычный (Position/Scale/Opacity), но есть Animate Text — автоматические эффекты для текста.

В timeline выдели текстовый слой → Animate (значок «стрелка+» рядом с Text) → выбери Opacity, Position и т.д. Появятся аниматоры с диапазоном воздействия (Range).

• Range — какие символы анимируются (Start/End в %);
• Offset — сдвиг «волны»;
• проиграв во времени, символы появятся последовательно, как в титрах.

9. Выражения (Expressions)

Выражение — это маленький скрипт (похож на JavaScript), привязанный к свойству. Горячая клавиша: Alt + клик по «часикам» параметра.

wiggle(5, 30)                 # случайное дрожание: 5 раз/сек, амплитуда 30
thisComp.layer("Text1").text.sourceText   # взять текст из другого слоя
time * 360                     # непрерывное вращение: 360° в секунду
loopOut("pingpong")              # зациклить анимацию вперёд-назад

Пример: свяжи источник текста — меняешь строку в одном слое, текст обновляется везде. Ошибки в выражениях отмечаются красным «!» — правь текст в панели выражения.

10. Рендер: Media Encoder и форматы

Рендер — превращение композиции в видеофайл. В AE файлы попадают в очередь: File → Export → Add to Render Queue или сразу в Adobe Media Encoder (Ctrl + Alt + M).

Советы по рендеру

• проверь рабочую область (Work Area) — рендерится только она;
• выключай тяжёлые эффекты во время предпросмотра;
• для веба снизь размер битрейта;
• для прозрачности рендерь в PNG Sequence или WebM с альфа-каналом.

11. Трекинг и стабилизация

Трекинг (motion tracking) — это привязка объекта к движущейся точке на видео. Так «приклеивают» надписи, логотипы, ценники и дополнительные элементы к съёмочному кадру.

1. выдели слой-видео и открой панель Tracker (Window → Tracker);
2. поставь трекер на контрастную точку: угол объекта, границу света-тени;
3. нажми Analyze чтобы программа проследила точку по кадрам;
4. кликни Edit Target и выбери Null Object, на который поедет привязанный слой;
5. сделай отслеживаемый слой дочерним к Null-у (Parent).

Стабилизация дрожащей съёмки:
1. Слой видео -> Tracker: Stabilize Motion
2. Построй трекер на статичной точке фона
3. Уровень Smoothness ~ 50%
4. Apply To: Motion

12. Работа с масками и Rotobrush

Ротоскопия — вырезание движущегося объекта покадрово. Ручной труд дорогой, поэтому в AE есть помощники: маска с анимацией Mask Path и инструмент Roto Brush.

• Rotobrush 2: закрась объект зелёным, фон — красным, программа разделит кадр сама;
• добавь ключевые кадры в местах, где граница «поплыла» — рис на хвосте ограничений;
• после выреза слой получает альфу, которую можно красить, мешать и заливать.

Roto Brush 2 (Alt + клик даёт инструмент):
- зелёная кисть: передний план
- красная кисть: фон
- Shift + клик: лучший старт для умного расщепления

13. Готовая работа: типовой интро-заставки

Соберём мини-проект, в котором встречаются почти все темы курса: текст, фигуры, маски, эффекты и рендер.

1. композиция 1920×1080, 30 fps, 5 секунд;
2. слой-фигура, анимируй Scale от 0 до 100% с ключами;
3. текст с Animate (Position + Opacity) — въезжает по буквам;
4. фильтр Glow на текст для «свечения»;
5. тень Drop Shadow для глубины;
6. добавь камеру с легким параллаксом — слои на разных Z;
7. рендер через Media Encoder в H.264.

14. Производительность и кэш

Осваивая анимацию, вы быстро упрётесь в тормоза предпросмотра. AE хранит прокси в кэше диска, и его правильная настройка решает половину проблем.

15. Кинетическая типографика

Кинетический текст — анимация, где слова «живут»: разлетаются, появляются по буквам, меняют размер и цвет. Это основа рекламных видео, интро и коротких роликов для соцсетей.

1. создайте текстовый слой и добавьте аниматор Position (Animate → Position);
2. разбейте фразу на куски с задержкой появления каждой части;
3. используйте масштаб и прозрачность вместе: «въезд» + «проявление» выглядят живее;
4. шапки смыслов: акцентируйте ключевое слово цветом или эффектом;
5. проверьте читаемость на паузе: текст должен быть понятен за полсекунды.

# Выражение для появления по словам
idx = textIndex - 1;
delay = idx * 0.12;
t = time - delay;
if (t < 0) { value } else { value * ease(t, 0, 0.3, 0, 1) }

16. Синхронизация анимации со звуком

Ролик «оживает», когда анимация двигается в такт музыке или диктору. After Effects позволяет привязать ключевые кадры к громкости аудио через выражение на слое Amplitude.

• импортируйте аудио на слой Audio Amplitude научного проекта (WAV);
• используйте свойство «Both Channels» — средняя громкость трека;
• привяжите Scale или Position к амплитуде: громче звук — крупнее элемент;
• для ударных расставляйте маркеры композиции вручную на пиках;
• для диалогов синхронизируйте по губам через трекинг — Motion Track.

// Пульс от громкости
amp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider");
s = 100 + amp * 3;
[s, s]

17. Плагины и ускорение работы

Стандартных инструментов AE хватает на многое, но плагины экономят часы: готовые пресеты анимации, ускоренный рендер, кисть для трекинга и упаковка проектов. Выбирайте проверенные релизы под свою версию AE.

• ставьте плагины только с официальных источников — из дома разработчика;
• проверяйте совместимость с вашей версией AE и ОС;
• пресеты храните в отдельной папке и переносите вместе с проектом;
• не засоряйте проект сотней эффектов — каждый из них тянет рендер вниз.

18. Финальный рендер: чек-лист и типичные ошибки

Рендер — финальный этап, где теряются часы работы из-за мелочей: не тот кодек, битые кэши, поломанные шрифты. Составьте личный чек-лист, чтобы сдавать ролик с первого прогона.

1. очистите кэш диска и памяти перед финальным выходом;
2. проверьте композицию: нет ли временных слоёв и отключённых эффектов;
3. выберите выходные кодеки: H.264 для платформ, ProRes для монтажа;
4. задайте битрейт: слишком высокий — долго, слишком низкий — артефакты;
5. посмотрите первый и последний кадр, частоту кадров и звуковую дорожку.

Рендер (Media Encoder):
Format: H.264   VBR 2-pass   Target 12–16 Mbps
Frame Rate: 30 или 60   Audio: AAC 320 kbps
Gamma: Rec.709 — для интернета

19. Зелёный экран и хромакей

Хромакей — съёмка на однородном фоне с последующей заменой задника. Качественный кейинг требует равномерного освещения, а в программе — аккуратной маски и чистки краёв.

• Keylight и Advanced Spill Suppressor — классика для чистки зелёного оттенка на краях;
• края: убирайте кайму через Choke и параметры Edge Softening;
• волосы и мелкие детали обрабатывайте отдельной маской;
• проверяйте результат на быстрых движениях и резких поворотах головы.

20. 3D-слои и камера в After Effects

В AE есть встроенное 3D-пространство для плоских слоёв: им задают позицию по оси Z, повороты и ведут съёмку камерой. Это проще, чем Blender, и достаточно для стильных интро.

• включите 3D-переключатель у слоя, чтобы получить оси X, Y, Z;
• камера и свет — отдельные слои с параметрами фокуса и глубины;
• разнесённые по глубине слои дают параллакс при движении камеры;
• для настоящих объёмных форм подключайте Cinema 4D-композиции.

21. Ускорение рендера: фермы и параллельность

Долгий рендер — не всегда проблема проекта: часто это вопрос настройки. Ускорение начинается с параметров композиции и ресурсов машины, а затем переходит к распределённым запускам.

• Render Queue рендерит несколько композиций подряд по очереди;
• Media Encoder сжимает готовые рендеры эффективнее «красивых» настроек компрессии в AE;
• облачные фермы считают кадры по цене за кадр — решение для тяжёлых проектов;
• proxy-версии композиций ускоряют работу, не меняя финальный рендер.

22. Организация проекта и передача клиенту

Даже красивый проект превращается в хаос, если слои названы «Слой 12», а файлы разбросаны по папкам. Организованный проект быстрее сдавать и легче продолжать через месяцы.

• структура папок: 00_Источники, 01_Композиции, 02_Готовое;
• прекомпозиции называйте по смыслу, слои размечайте цветным кодом;
• сохраняйте версии через «Save As» с датой в имени файла;
• для клиента соберите архив: сам проект, превью и краткий README.

Что дальше

После AE можно углубиться в 3D — попробуй Blender для объёмных сцен и моделей. Статику для анимации создавай в Illustrator, макеты — в Figma.

← Вернуться к курсам