2D Motion Design в After Effects: продвинутый уровень

Повторение пайплайна AE и организация проекта

Продвинутый motion design в After Effects почти всегда упирается не в умение нажимать кнопки, а в управляемость проекта: скорость поиска нужных композиций, предсказуемость рендера, возможность передать файл другому дизайнеру и не потерять ассеты.

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

Что такое пайплайн в After Effects

Пайплайн — это договорённость как именно вы превращаете исходные материалы в финальный рендер: в каком порядке, в каких контейнерах (композициях), с какими правилами именования и контроля качества.

Типовой пайплайн 2D motion в AE:

Подготовка структуры проекта и нейминга

Импорт и интерпретация ассетов (размер, FPS, альфа, цвет)

Сборка сцен через композиции и препкомпы

Анимация (ключи, графики, риги, выражения)

Эффекты, композитинг, технические слои

Оптимизация (прокси, кэш, замены)

Финальный рендер и упаковка проекта

!Диаграмма показывает последовательность этапов от ассетов до финального рендера

Структура проекта: папки, нейминг, версии

Цель организации — чтобы вы могли ответить на вопросы за секунды:

где лежит мастер-композиция;

где шоты;

где препкомпы по назначению;

где финальные рендеры и превью;

какая версия проекта актуальная.

Рекомендованный шаблон папок

Сделайте структуру одинаковой для всех проектов и не меняйте её “по настроению”. Пример (на диске и в Project panel логика похожа):

Рекомендации:

Нумерация папок фиксирует порядок и не даёт структуре “расползаться”.

Админка и референсы не смешиваются с продакшен-файлами.

Delivery отделяйте от Renders: в delivery попадает только то, что реально отдаётся.

!Наглядный пример стандартной структуры папок проекта

Нейминг композиций, слоёв и файлов

Правильный нейминг — это сокращение времени на поиск и снижение риска ошибок при рендере.

Таблица базовых правил:

| Что именуем | Рекомендуемый формат | Пример | Зачем это нужно | |---|---|---|---| | Проект AE | project_client_name_YYYYMMDD_v###.aep | promo_acme_20260206_v003.aep | Быстро видна актуальность и история | | Мастер-композиция | MASTER_format_fps | MASTER_1080x1080_25fps | Один очевидный вход для рендера | | Шот/сцена | S###_name | S010_opening | Упрощает навигацию и обсуждение | | Препкомп по роли | PRE_role_S###_name | PRE_ANIM_S010_logo | Сразу видно назначение | | Слои контроллеров | CTRL_... | CTRL_CameraRig | Контроллеры легче находить | | Нулы | NULL_... | NULL_Follow | Понятно, что слой служебный | | Солиды/матте | MATTE_... / BG_... | MATTE_S010_Wipe | Чётко разделяет функции |

Практика, которая экономит время:

Для ключевых композиций добавляйте короткий префикс назначения: MASTER, S###, PRE_ANIM, PRE_FX, PRE_DESIGN.

Не называйте слои “Layer 1”, “Shape Layer 3”: через неделю это превращается в “археологию”.

Версионирование и дисциплина сохранений

Рекомендуемый минимум:

В конце каждого значимого изменения делайте Increment and Save с ростом v###.

Не перезаписывайте одну версию поверх другой, если проект командный или долгий.

Держите autosave отдельно (и не храните его в той же папке, что рендеры).

Импорт и подготовка ассетов

Интерпретация ассетов

Перед анимацией проверьте, как AE понимает ваши файлы:

частота кадров (важно для видео/секвенций);

альфа-канал и premultiply (если используете рендеры с альфой);

цветовой профиль (особенно если в пайплайне есть другие приложения).

AI и PSD: слои и размеры

Для задач 2D motion чаще всего удобнее импортировать так, чтобы каждый элемент был отдельным слоем и имел “свой” bounding box:

для Illustrator/Photoshop выбирайте импорт как Composition;

часто полезен режим Retain Layer Sizes, чтобы якоря и размеры были логичными для анимации.

Важно:

Если вы планируете превращать в shape layers, делайте это осознанно: shape-слои дают гибкость, но могут усложнить структуру и увеличить количество узлов.

Сразу договоритесь, где правятся исходники: если дизайн правят в PSD/AI, избегайте “локальных” правок в AE, которые потом не воспроизвести.

Композиции и препкомпы: как не утонуть

Принцип “одна ответственность на контейнер”

Хороший препкомп отвечает на вопрос зачем он существует:

PRE_DESIGN: чистая сборка из ассетов (без анимации или с минимумом).

PRE_ANIM: анимация объекта/группы.

PRE_FX: эффекты, которые лучше изолировать (глоу, блюры, шум, переходы).

Такой подход помогает:

переиспользовать модули;

изолировать тяжёлые эффекты;

быстрее дебажить, где “сломалось”.

Правила для мастер-композиции

MASTER содержит только шоты/сцены и минимальные глобальные эффекты.

В MASTER не должно быть “случайных” ассетов, которые нигде больше не используются.

Если в проекте есть несколько форматов (например, 16:9 и 1:1), мастер-композиции разделяйте: MASTER_1920x1080, MASTER_1080x1080.

Техническая чистота таймлайна

Инструменты AE, которые напрямую влияют на скорость работы в больших проектах:

Labels: цветовая маркировка (например, контроллеры одним цветом, FX другим).

Shy layers: скрывайте служебные слои, но не удаляйте.

Guide layers: делайте слои направляющими, если они не должны рендериться.

Markers: пометки по таймингу, комментарии, точки синхронизации.

Locked layers: фиксируйте слои, которые “не трогаем”.

Практическое правило: если слой нельзя понять без открытия свойств — он плохо назван или плохо организован.

Оптимизация тяжёлых проектов

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

Ускорение превью без изменения финального результата:

снижайте разрешение предпросмотра;

используйте прокси для тяжёлого видео/пререндеров;

аккуратно применяйте пререндер (например, для сложных FX-блоков) и фиксируйте версию.

Структурные меры:

изолируйте тяжёлые эффекты в PRE_FX;

избегайте лишних nested-композиций без необходимости;

держите порядок в слоях (меньше “случайных” дубликатов и скрытых экспериментов в финальных компах).

Передача проекта и упаковка

Если вы отдаёте проект другому дизайнеру, на другой компьютер или в студию, используйте сборку файлов.

В After Effects есть функция упаковки проекта: Collect Files в After Effects (Adobe Help Center).

Общие принципы работы с проектами и их организацией: Projects в After Effects (Adobe Help Center).

Минимум для передачи:

актуальный .aep;

все используемые ассеты;

шрифты (если лицензия позволяет и это оговорено);

папка с превью или reference-рендерами, чтобы сверить результат.

Рендер: дисциплина выхода

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

Рендер из AE и экспорт: Rendering and exporting in After Effects (Adobe Help Center).

Если используете Media Encoder в пайплайне: Adobe Media Encoder: overview (Adobe Help Center).

Рекомендации по выходным файлам:

Разделяйте intermediate (тяжёлые, качественные, для монтажа/грейдинга) и delivery (лёгкие, финальные для публикации).

В имени рендера фиксируйте формат и версию, чтобы не гадать, что внутри.

Чеклист порядка в проекте перед анимацией и перед рендером

Есть одна понятная MASTER-композиция для рендера

Шоты именованы как S###_name и идут в логичном порядке

Препкомпы имеют роль: PRE_DESIGN, PRE_ANIM, PRE_FX

Служебные слои отмечены CTRL_, NULL_, MATTE_ и не мешают навигации

Ассеты лежат в структуре папок и не дублируются “в разных местах” без причины

Версия проекта увеличивается, а не перезаписывается поверх

Перед передачей/архивом проект собран через Collect Files

Принципы анимации: тайминг, спейсинг, ритм

В прошлой статье вы привели проект After Effects к управляемому виду: понятная структура, нейминг, мастер-композиции, препкомпы. Это база, без которой продвинутая анимация быстро превращается в хаос.

Теперь переходим к тому, что отличает движение от “перемещения ключей”: к принципам тайминга, спейсинга и ритма. В 2D motion design они напрямую управляют ощущением веса, характера, энергии и читабельности — даже если вы анимируете простые шейпы.

Три опоры движения

Короткие определения, которые будем использовать дальше:

Тайминг — когда происходят события. Сколько времени занимает действие и в какой момент относительно других действий оно стартует/заканчивается.

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

Ритм — рисунок повторений и акцентов в движении (и часто в монтаже): где “удары”, где паузы, где вариативность.

Важно: тайминг можно исправить, двигая ключи по времени. Спейсинг чаще всего исправляют формой кривых (easing, Graph Editor). Ритм — это уже композиция движения на уровне сцены/шота и часто требует работы с маркерами, музыкой и “пустотами”.

!Схема, показывающая разницу между таймингом, спейсингом и ритмом

Тайминг в After Effects

Тайминг — это не “сколько секунд красиво”, а управляемая система решений.

Что именно вы контролируете таймингом

Длительность действия: насколько “тяжёлый” объект по ощущению. Чем больше времени на разгон/торможение, тем тяжелее и “осознаннее” движение.

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

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

Практика тайминга: позы и ключевые события

В 2D motion design полезно мыслить событиями, а не ключами:

событие “появился”

событие “достиг максимума”

событие “удар/стоп”

событие “успокоился”

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

Инструменты AE для тайминга

Перетаскивание ключей по времени, выделение диапазона и растяжение Alt/Option + перетаскивание (пропорциональное масштабирование тайминга выделения).

Keyframe Assistant:

- Easy Ease как быстрый старт (но не финал). - Time-Reverse Keyframes для проверки/вариантов.

Маркеры:

- маркеры слоя и композиции для акцентов, битов, смен фраз.

Справка Adobe по маркерам: Markers in After Effects.

Спейсинг: почему “одни и те же ключи” выглядят по-разному

Спейсинг — главный источник ощущения физики и характера в AE.

Спейсинг простыми словами

Представьте, что у вас два ключа позиции: слева и справа. Тайминг говорит, что на перемещение есть, например, 20 кадров. Спейсинг отвечает на вопрос: объект будет проходить одинаковое расстояние каждый кадр или сначала медленно, потом быстро, потом снова медленно?

Линейно, eased и “сломанные” кривые

Линейный спейсинг: одинаковая скорость, одинаковые шаги. Подходит для техничных перемещений (интерфейсы, схемы), но часто выглядит механически.

Ease-in/ease-out: шаги маленькие у начала/конца и большие в середине. Даёт инерцию и ощущение массы.

Сломанная логика (не ошибка, а приём): резкий рывок, затем “докат”, микропауза перед стопом. Часто это и есть характер.

Value Graph и Speed Graph: что выбрать

В Graph Editor есть два взгляда на одно и то же:

Value Graph показывает значение параметра во времени (например, X позиции). Полезен, когда вы хотите контролировать траекторию значения и синхронизировать экстремумы.

Speed Graph показывает скорость изменения. Полезен, когда вы хотите контролировать разгон/торможение и “пульс” движения.

На практике для позиционирования и “чувства веса” часто удобнее Speed Graph, а для сложных параметров (например, Scale, Rotation, опорные значения) — Value Graph.

Справка Adobe по графикам: Use the Graph Editor in After Effects.

!Сравнение Speed Graph и Value Graph на одном движении

Типовые ошибки спейсинга в продакшене

“Easy Ease по умолчанию везде”: одинаковая форма кривой делает всё движение однообразным. Easy Ease — заготовка, а не стиль.

Слишком большая скорость рядом со стопом: объект “врезается” в конечную точку. Часто нужно сильнее затормозить, добавить микропаузу или сделать небольшой overshoot.

Одинаковая скорость у объектов разной “массы”: крупный блок UI и маленькая иконка едут с одинаковым разгоном — и пропадает иерархия.

Справка Adobe по интерполяции ключей: Keyframe interpolation in After Effects.

Ритм: как собрать движение в музыкальную фразу

Ритм — это не только “под музыку”. Это то, как зритель считывает последовательность событий.

Из чего строится ритм

Повтор и вариация: повтор создаёт узнаваемость, вариация — интерес.

Акценты: моменты, где что-то меняется заметнее (скорость, масштаб, контраст, направление).

Паузы и “воздух”: если всё постоянно движется, акценты перестают быть акцентами.

Слои ритма в 2D motion

Ритм внутри объекта: например, bounce у иконки.

Ритм между объектами: поочерёдные появления, догоняющие движения, каскады.

Ритм сцены: смена смысловых блоков, переходы, дыхание композиции.

Практика: маркеры и группировка событий

Удобная схема работы:

Ставите маркеры на “крупные” акценты: смена сцены, ударный бит, ключевая фраза.

Между ними группируете “мелкие” события: появление деталей, secondary motion.

Проверяете, чтобы в каждом сегменте была понятная структура: разгон → акцент → затухание/пауза.

Связка тайминг + спейсинг + ритм на одном примере

Пример: вы анимируете появление заголовка и подзаголовка.

Тайминг:

- заголовок появляется за 10–14 кадров - подзаголовок стартует на 4–6 кадров позже - пауза перед следующей сценой 8–12 кадров

Спейсинг:

- заголовок: быстрый разгон, мягкий стоп, лёгкий overshoot по scale - подзаголовок: меньше overshoot, более спокойная кривая, чтобы не спорить с главным

Ритм:

- заголовок — основной удар - подзаголовок — ответ (слабая доля) - затем “воздух”, чтобы зритель прочитал

Это один из самых частых паттернов в коммерческом 2D motion: и именно он ломается, если вы думаете только ключами, а не тремя опорами.

Как встроить принципы в ваш пайплайн (связь с организацией проекта)

Чтобы тайминг/спейсинг/ритм не утонули в проекте:

Анимируйте на уровне логичных контейнеров:

- PRE_ANIM_... для объекта - шот S###_... для ритма сцены - MASTER для глобального просмотра и финальных проверок

Используйте маркеры на уровне S### (ритм сцены) и внутри PRE_ANIM (ритм объекта).

Называйте контроллеры и ключевые слои так, чтобы их можно было быстро найти и править тайминг без “археологии”.

Мини-чеклист перед тем, как “полировать” анимацию

Тайминг читается без кривых: события на своих местах, есть паузы, есть акценты.

Спейсинг поддерживает идею: ускорения/торможения осознанны, нет случайной механики.

Ритм сцены живой: есть повтор, есть вариация, есть воздух.

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

Графика и формы: Shape Layers, Trim Paths, морфинг

В предыдущих статьях вы:

привели проект к управляемому пайплайну (структура, нейминг, мастер-компы и препкомпы);

разобрали тайминг, спейсинг и ритм как основу “живого” движения.

Теперь переходим к центральному инструменту 2D motion в After Effects — Shape Layers. Это не просто “вектор вместо картинки”, а полноценная система: процедурная графика, анимируемые контуры, операторы (Trim Paths, Repeater и др.) и контролируемый морфинг форм.

Shape Layers как система, а не тип слоя

Shape Layer — это слой, внутри которого находятся векторные группы (Groups) с геометрией (Paths) и стилями (Fill/Stroke), а также операторы (Operators), которые процедурно модифицируют формы.

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

Полезная справка Adobe:

Shape layers в After Effects

!Иерархия Shape Layer и где именно лежат Path, Stroke/Fill и операторы

Иерархия и трансформы: почему “всё сломалось”

У Shape Layers есть два уровня трансформаций:

Transform слоя (Position/Scale/Rotation/Opacity) — влияет на всё содержимое слоя.

Transform группы (Transform: Group) — влияет только на конкретную группу внутри Contents.

Практическое правило:

если вы хотите анимировать элемент как отдельный объект — чаще удобнее двигать Transform группы;

если вы хотите собрать “модуль” и анимировать его как один блок — используйте Transform слоя или препкомп.

Это напрямую связано с пайплайном из первой статьи:

модульные элементы держите в PRE_ANIM_...;

визуальную сборку без движения — в PRE_DESIGN_...;

тяжёлые или повторяемые FX-цепочки — в PRE_FX_....

Что лучше делать Shape Layers, а что лучше пререндерить

Shape Layers идеальны для:

логотипов/иконок, где нужна чистая векторная графика;

UI-линий, стрелок, диаграмм, инфографики;

процедурных паттернов (Repeater) и анимируемых обводок (Trim Paths).

Осторожнее с:

огромными сложными иллюстрациями, превращёнными в тысячи вершин (может тормозить предпросмотр);

бесконтрольным “Convert to Shape” из Illustrator, если дальше вы не планируете оптимизировать структуру.

Trim Paths: контролируемое “рисование” линии и не только

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

Что анимируют в Trim Paths

Основные параметры:

Start — откуда начинается видимая часть;

End — где заканчивается видимая часть;

Offset — сдвиг “окна видимости” вдоль контура.

Типовые паттерны:

“линия рисуется”: End от 0% до 100%;

“пульс по окружности”: фиксированная длина (Start/End) + анимированный Offset;

“двойной проход”: два Trim Paths в разных группах (например, толстая линия снизу и тонкая сверху).

Trim Paths и ритм

Trim Paths особенно хорошо ложится на принципы из прошлой статьи:

тайминг: когда начинается рисование и когда оно “доходит до смысла” (например, подчёркивание текста);

спейсинг: форма скорости в Graph Editor решает, будет ли это “плоттер” или “живая рука”;

ритм: серия штрихов/линий может работать как визуальная барабанная партия.

Справка Adobe по анимации контуров:

Анимация контуров shape и масок

!Как спейсинг меняет ощущение от одной и той же анимации Trim Paths

Практические нюансы, которые экономят часы

Trim Paths “не работает”: чаще всего оператор добавлен не в ту группу или путь находится в другой группе.

Несколько контуров в группе: Trim Paths может обрезать их “как один набор”. Если нужно управлять отдельно — разносите по группам.

Для управляемого “рисования” обычно нужны Stroke и аккуратные настройки:

- Round Cap для мягких концов; - Dashes для пунктиров; - Taper (если используете) — для имитации пера.

Морфинг форм: анимация Path без хаоса

Морфинг в контексте Shape Layers — это анимация параметра Path (контура) так, чтобы одна форма плавно перетекала в другую.

Главная сложность: After Effects интерполирует вершины пути. Если у двух контуров разное количество точек, другой порядок обхода или разные типы вершин, морфинг даёт “взрыв” формы.

Базовые правила хорошего морфинга

Морфьте Path → Path внутри одного shape-пути, а не “подменяйте” разные объекты без подготовки.

Добивайтесь совпадения:

- количества вершин; - порядка вершин (как контур “обходит” форму); - расположения первой вершины (где начинается обход).

Чем проще контур, тем предсказуемее морфинг. Иногда лучше морфить упрощённую форму, а детализацию добавлять отдельно (вторым слоем или вторым проходом).

Техники подготовки контуров

Практические приёмы, которые чаще всего решают проблему:

Приведение количества точек: добавляйте/удаляйте вершины так, чтобы формы были совместимы.

Выравнивание “первой вершины”: если морфинг делает неожиданный “перекрут”, часто причина в том, что первая вершина стоит в разных местах.

Единый тип пути: замкнутый путь морфьте в замкнутый, открытый — в открытый.

Важно: морфинг — это не только техническая совместимость. Он должен быть читаемым по таймингу и ритму:

сначала задайте ключевые “позы” формы (экстремумы);

затем доводите спейсинг кривыми, чтобы форма не “плыла” одинаково по всей длине.

!Почему морфинг ломается и как выглядит правильная подготовка контура

Морфинг и структура проекта

Чтобы морфинг оставался управляемым в продакшене:

держите морфинг формы внутри отдельного модуля PRE_ANIM_..._Morph;

контролируйте версию: изменения Path могут “сломать” зависимые элементы (Trim Paths, эффекты, матты);

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

Сочетания операторов: “процедурная графика” вместо ручной

Хотя фокус статьи — Shape Layers, Trim Paths и морфинг, в продвинутом motion подход обычно строится на комбинациях операторов.

Полезные связки:

Trim Paths + Repeater: бегущие штрихи, радиальные отметки, “сканер”.

Trim Paths + Offset Paths: анимируемые контуры с контролем толщины/отступа (часто проще, чем дублировать путь вручную).

Морфинг Path + Trim Paths: форма меняется, а по ней “пробегает” акцентная линия.

Подход “сначала структура, потом анимация” из первой статьи здесь критичен: если вы не разделили роли на PRE_DESIGN / PRE_ANIM / PRE_FX, очень легко получить слой, в котором невозможно быстро править тайминг и спейсинг.

Мини-чеклист перед финальной полировкой

Shape Layer структурирован: понятные группы, названия, нет лишнего мусора.

Trim Paths стоит в правильной группе и управляет тем, чем вы ожидаете.

Морфинг предсказуем: совпадает число вершин и логика обхода, нет “перекрутов”.

Тайминг событий читается даже без кривых; спейсинг доведён графиками; ритм сцены поддержан маркерами и паузами.

Кинетическая типографика и анимация текста

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

В рамках курса логика такая:

из первой статьи вы берёте управляемость проекта (нейминг, мастер-компы, роли PRE_DESIGN / PRE_ANIM / PRE_FX), чтобы текстовые сцены не превращались в мешанину;

из второй — тайминг, спейсинг, ритм, потому что текст считывается во времени и очень чувствителен к паузам;

из третьей — Shape Layers и Trim Paths, потому что кинетическая типографика часто строится из связки текста и процедурной графики (подчёркивания, маски, акценты, морфинг блоков).

Что делает типографику “кинетической”

Текст на экране всегда решает две задачи одновременно:

прочитаться (читабельность и иерархия);

прозвучать (темп, характер, акценты).

Кинетическая типографика добавляет третью: движение как смысловой слой. Например:

слово “быстро” появляется резким рывком и короткой длительностью;

“тяжело” — медленный разгон и длительный стоп;

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

Если движение мешает чтению — это не кинетическая типографика, а “шум”.

База: читабельность, иерархия, паузы

Даже на продвинутом уровне проблемы чаще не в инструментах AE, а в том, как зритель читает во времени.

Читабельность в движении

Короткий практический чеклист:

избегайте слишком мелкого кегля и тонких начертаний на контрастном и шумном фоне;

не делайте постоянные микродвижения у основного текста, который нужно читать;

используйте паузу после появления фразы: зрителю нужно время не только увидеть, но и прочитать.

Иерархия

Иерархия — это кто главный, кто второстепенный. Её можно сделать:

размером (заголовок крупнее);

контрастом (ярче/темнее/жирнее);

таймингом (главное появляется раньше и получает “удар”);

движением (главное — более выразительный спейсинг, второстепенное — спокойнее).

Паузы как часть ритма

Из статьи про ритм: пауза — это инструмент. Для текста это критично: без пауз вы получаете “бегущую строку”, даже если слова стоят на месте.

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

Инструменты текста в After Effects

В AE текст обычно делают Text Layer (текстовый слой). Его ключевое преимущество перед конвертацией в шейпы — редактируемость: вы можете менять копирайт до последнего дня, не ломая всю сцену.

Официальная справка Adobe:

Создание и редактирование текста в After Effects

Анимация текста в After Effects

Text Animators: основной двигатель кинетической типографики

Text Animator — это система, которая позволяет анимировать свойства текста по символам, словам или строкам с помощью селекторов.

Чаще всего вы добавляете аниматор так:

Animate → Position / Scale / Opacity / Tracking / Fill Color и т.д.

Дальше решает Range Selector.

!Иерархия Text Animator и ключевые параметры Range Selector

Range Selector: “кто именно” анимируется

Range Selector определяет, какая часть текста попадает под влияние аниматора.

Основные параметры:

Start и End — диапазон выделения (в процентах);

Offset — “прокрутка” диапазона вдоль текста;

Based On — что считается единицей: Characters (символы), Words (слова), Lines (строки).

Если вы делаете классический “печатный” выход текста, чаще всего анимируют Opacity и Position, двигая End или Offset.

Advanced: где рождается характер

В Range Selector > Advanced важные параметры для продвинутой типографики:

Ease High / Ease Low — управляют тем, насколько мягко “входит” и “выходит” влияние селектора;

Randomize Order — перемешивает порядок появления (полезно для “сборки” из символов);

Shape (форма селектора) — меняет распределение влияния (например, “плавная волна” вместо линейного раскрытия).

Это напрямую связано со спейсингом: вы управляете не только тем, когда появляется текст, но и тем, как распределяется изменение внутри фразы.

Типовые паттерны кинетической типографики

Ниже — не “пресеты”, а конструктивные схемы, которые удобно собирать через Text Animators, маски и шейпы.

Reveal (выезд/вылет + прозрачность)

Структура:

Text Animator: Position + Opacity

Range Selector: Based On: Characters или Words

Тайминг: главное слово выходит первым, второстепенное — с задержкой

Полировка спейсинга:

используйте кривые (Graph Editor) на ключах селектора или на ключах слоя;

избегайте одинакового easing для всех строк — иерархия должна чувствоваться.

Typewriter (печатание)

Классика: анимировать End у Range Selector для Opacity.

Частые улучшения:

небольшая анимация Tracking (межбуквенное расстояние) на входе, чтобы “вдохнуть” типографику;

отдельный слой для курсора (прямоугольник/линия), который мигает и смещается по таймингу.

Pop (ударный скейл)

Для акцентных слов:

добавьте аниматор Scale с небольшим overshoot (перелёт);

дайте короткий разгон и быстрый стоп (ритмический “удар”);

второстепенные слова делайте мягче и меньше по амплитуде.

Stagger (каскад)

Это основной приём для списков, титров, подпунктов:

Based On: Words или Lines

смещение по времени внутри аниматора вместо ручного разъезда десятков слоёв

Главный плюс — управляемость: вы меняете текст, и каскад сохраняется.

Текст и маски: “выезжает из окна” без хаоса

Один из самых “дорогих” по восприятию приёмов — когда текст появляется из маски (как из окна/полосы).

Рекомендованный пайплайн:

PRE_DESIGN_TextBlock — чистая композиция с текстом и сеткой/направляющими (если нужны).

PRE_ANIM_TextBlock — анимация текста (Text Animator или трансформ слоя).

В шоте S### — маска/матт/переход, чтобы не захламлять модуль.

Так вы сохраняете идею из первой статьи: одна ответственность на контейнер.

Связка текста и Shape Layers: подчёркивания, акценты, “маркер”

Кинетическая типографика почти всегда выигрывает, когда текст поддержан простой процедурной графикой:

подчёркивание, которое рисуется через Trim Paths;

прямоугольник-хайлайтер, который “проезжает” под словом;

линия-указатель, которая связывает слово с объектом.

Практическая схема:

текст анимируется своим Text Animator;

подчёркивание живёт в отдельном Shape Layer в той же PRE_ANIM_... композиции;

ритм связывается маркерами: линия стартует на 2–4 кадра позже появления слова.

Так вы соединяете материал этой статьи с предыдущей про Shape Layers и Trim Paths.

Text on a Path: текст по контуру

Text on a Path — это когда строка текста “лежит” на маске/контуре. Это полезно для круговых подписей, дуг, схем.

Базовая логика:

вы рисуете маску на текстовом слое;

включаете Path Options и выбираете маску как путь;

дальше можете анимировать смещение вдоль пути.

Справка Adobe по тексту на контуре находится в разделе про создание и редактирование текста:

Создание и редактирование текста в After Effects

Важно для продакшена:

текст на пути хуже переносит резкие деформации и “шевеление” пути: следите за читабельностью;

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

Когда переводить текст в шейпы, а когда нельзя

Функция Create Shapes from Text превращает текст в Shape Layer.

Плюсы:

доступ к операторам шейпов (Trim Paths, Repeater и т.д.);

можно делать “рисование” букв как контуров (в ряде стилей).

Минусы:

текст перестаёт быть текстом: правки копирайта становятся дорогими;

структура может стать тяжёлой и неудобной (особенно на длинных фразах).

Практическое правило:

если это титры/сообщения/интерфейсы — держите Text Layer как можно дольше;

в шейпы переводите только те элементы, где это оправдано визуально и согласовано по пайплайну (например, логотипная буква, декоративный заголовок).

Ритм текста: как “свести” сцену

Текстовые сцены удобно “сводить” как музыкальную фразу:

крупные маркеры — смена смысловых блоков;

внутри блока — каскад слов и вторичная анимация;

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

!Пример ритмической разметки текста маркерами

Организация текстовых сцен в проекте

Чтобы типографика не “расползалась”, используйте те же правила структуры, что и в первой статье:

компы:

- PRE_DESIGN_S020_Text — только дизайн текста и выравнивания; - PRE_ANIM_S020_Text — анимация текста; - PRE_FX_S020_Text — если есть тяжёлые эффекты (glow, blur, grain) и их нужно изолировать;

слои:

- TXT_Title, TXT_Subtitle, TXT_List_01 вместо Text 1; - контроллеры: CTRL_TextTiming, CTRL_Accent.

Это ускоряет правки тайминга и снижает риск “сломать” сцену при замене текста.

Мини-чеклист перед сдачей типографики

текст читается: есть холд после появления, нет лишней суеты;

иерархия ясна: главное появляется и звучит как главное;

спейсинг не одинаковый везде: анимация не выглядит “пресетной”;

ритм сцены размечен маркерами и паузами;

текст остаётся редактируемым там, где вероятны правки; шейпы — только по необходимости;

структура композиций соответствует ролям PRE_DESIGN / PRE_ANIM / PRE_FX.

Риггинг и контроллеры: expressions, parenting, nulls

Продвинутый 2D motion в After Effects становится действительно быстрым не тогда, когда вы умеете делать сложные анимации, а когда вы умеете делать их управляемыми: чтобы правки занимали минуты, а не часы.

В прошлых статьях вы выстроили основу:

пайплайн и структуру проекта, чтобы не тонуть в компах и слоях;

тайминг, спейсинг и ритм, чтобы движение было живым;

Shape Layers и текст, чтобы собирать сцены из процедурной графики и типографики.

Теперь добавляем слой “инженерии” в эти сцены: rigging (риги) и контроллеры. В контексте After Effects это обычно три инструмента вместе:

parenting (родительская связь) для иерархий;

null objects (нулы) как “ручки” управления;

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

!Общая карта того, как контроллеры, нулы, parenting и expressions связывают сцену

Термины и роли: что чем является

Чтобы дальше не путаться, фиксируем определения:

Контроллер — слой, на котором вы держите управляющие параметры (обычно это Null с эффектами Slider, Angle, Checkbox, Color Control), а не “красивую картинку”.

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

Parenting — связь “родитель → ребёнок”: ребёнок наследует трансформации родителя (Position, Scale, Rotation и т.д.).

Null Object — невидимый слой, который удобно использовать как родителя, точку вращения, цель, “ручку” для группы.

Expression — короткий код на основе JavaScript, который вычисляет значение свойства автоматически.

Официальные справки Adobe:

Expressions в After Effects

Parenting и nesting в After Effects

Добавление эффектов и пресетов

Parenting: иерархия вместо ручного “двигаем всё вместе”

Что реально делает parenting

Parenting отвечает на вопрос: что должно двигаться вместе.

Если вы двигаете родителя, ребёнок едет следом.

Если вы масштабируете родителя, ребёнок тоже масштабируется.

Если вы вращаете родителя, ребёнок вращается вокруг родительского преобразования.

Это даёт две практические выгоды:

вы получаете “группы” без препкомпа;

вы можете перестраивать сцену, не переанимируя каждый слой.

Когда parenting лучше препкомпа

Parenting обычно лучше, когда:

вам нужно управлять несколькими слоями как одним блоком, но вы не хотите прятать их внутрь препкомпа;

вы хотите сохранить доступ к слоям на таймлайне шота;

вам важно быстро менять композицию (layout) на уровне шота.

Препкомп обычно лучше, когда:

нужен отдельный контейнер ответственности (например, PRE_ANIM или PRE_FX по пайплайну из первой статьи);

нужно изолировать тяжёлые эффекты;

важно иметь “модуль”, который переиспользуется.

Частая ошибка: parenting как “костыль” вместо структуры

Если вы накидываете родительство хаотично, через неделю получится не риг, а “паутина”. Сочетайте parenting с дисциплиной нейминга:

NULL_Group_Title

NULL_Group_UI

CTRL_Global

Null objects: невидимые ручки управления

Null — это самый практичный “строительный блок” рига в AE.

Типовые задачи нулов

Групповой родитель: один NULL_Group как parent для набора слоёв.

Пивот: вращать объект вокруг удобной точки, не ломая anchor point.

Цель для follow-анимации: слой “следует” за нулом через expression.

Стабильный контроллер: на нуле лежат слайдеры и чекбоксы.

Практика из пайплайна:

нулы-родители называйте с префиксом NULL_;

контроллеры называйте с префиксом CTRL_;

служебные слои делайте Shy и окрашивайте отдельным label-цветом.

!Пример понятной структуры рига на таймлайне

Контроллеры через эффекты: один слой вместо десятков ключей

На практике контроллер почти всегда делается так:

создаёте Null;

переименовываете в CTRL_...;

добавляете эффекты из группы Expression Controls:

- Slider Control - Angle Control - Checkbox Control - Color Control

Дальше вы связываете нужные свойства слоёв с этими контролами.

Почему это ускоряет правки

Дизайн меняется: вы крутите один Slider, а не 15 свойств.

Тайминг меняется: вы поправили один ключ “Progress”, а не переставляли ключи в трёх слоях.

Сцена масштабируется: один CTRL_Global Scale управляет всем блоком.

Expressions: как они устроены и как их писать безопасно

Базовая логика выражений

Expression заменяет “ручное значение” свойства вычислением.

Слева у свойства появляется значок выражения.

Выражение возвращает число (для Opacity), пару чисел (для 2D Position), три числа (для 3D) или другой тип данных.

Если выражение сломано, AE показывает ошибку, а свойство перестаёт вести себя предсказуемо.

Ключевой принцип продакшена:

выражение должно быть простым и читаемым;

контролы должны жить на явном слое CTRL_...;

названия слоёв и эффектов должны быть стабильными.

Pick Whip: самый быстрый способ связать свойства

Вместо ручного набора путей к слою и слайдеру используйте pick whip (спиралька):

включаете выражение (Alt/Option + клик по секундомеру);

тянете pick whip на нужный параметр контроллера.

Так вы избегаете опечаток и быстрее строите риг.

Пример: единый “Progress” для анимации нескольких параметров

Сценарий: у вас текст + подчеркивание (Shape со Stroke), и вы хотите управлять появлением одним параметром.

1) Создайте CTRL_TextBlock (Null) 2) Добавьте Slider Control и назовите его Progress 3) На нужных свойствах поставьте expressions

Opacity текста (0–100):

End у Trim Paths (0–100):

Что здесь происходит:

thisComp.layer("CTRL_TextBlock") находит слой-контроллер;

.effect("Progress")("Slider") берёт значение слайдера;

clamp(p, 0, 100) ограничивает значение, чтобы риг не “ломался”, если слайдер случайно выйдет за диапазон.

Пример: переключатель варианта анимации (Checkbox)

Сценарий: вам нужен быстрый переключатель “есть bounce или нет”.

1) На CTRL_TextBlock добавьте Checkbox Control с названием Bounce 2) На Scale текстового слоя:

Замечание по продакшену: это не физически корректный bounce, но как переключатель варианта для клиента работает отлично.

Когда expressions не нужны

Не превращайте expressions в самоцель. Если движение уникальное и требует ручной “актёрской” анимации (тайминг, спейсинг, нюансы), ключи могут быть лучше.

Выражения особенно сильны, когда:

нужно синхронизировать много параметров;

нужно быстро масштабировать приём на 20 элементов;

нужны переключатели вариантов;

нужно “привязать” дизайн к контроллеру (например, общий размер, общий отступ, общая интенсивность).

Практические паттерны ригов для 2D motion

Паттерн: Global control для шота

Сделайте один слой CTRL_S030_Global и держите на нём:

Global Scale

Global Offset X

Global Offset Y

FX Amount

Затем:

либо parent всех групповых нулов к CTRL_S030_Global;

либо привяжите нужные свойства выражениями.

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

Паттерн: “Групповой нул” вместо препкомпа

Если у вас есть 5–10 слоёв интерфейса (иконки, линии, подписи), часто удобнее:

создать NULL_UI_Group;

сделать его родителем для этих слоёв;

анимировать движение группы на одном слое.

Так вы сохраняете читабельность таймлайна и быстрее правите тайминг ритма сцены.

Паттерн: Follow с сохранением оффсета

Если нужно, чтобы объект следовал за целью, но со смещением:

Где:

t — позиция цели;

o — постоянный оффсет (смещение) в пикселях по X и Y.

Если оффсет должен настраиваться, вынесите его в Slider или два слайдера.

Дебаг и устойчивость рига

Как не “убить” проект выражениями

Не делайте 50 контроллеров без необходимости: лучше 1–3 контроллера на шот, но хорошо названных.

Избегайте глубоких зависимостей “выражение ссылается на выражение ссылается на выражение”, если это не оправдано.

Всегда фиксируйте нейминг: переименование слоя CTRL_... может сломать все ссылки.

Быстрые проверки

Временно отключайте expressions через Expression Enabled (иконка рядом с выражением), чтобы понять, где проблема.

Если сцена тормозит, проверьте, нет ли тяжёлых выражений, которые пересчитываются на каждом кадре.

Как встроить риггинг в структуру курса и пайплайн

Связка с предыдущими темами:

Из статьи про организацию проекта: держите CTRL_ и NULL_ как служебные слои, прячьте через Shy, структурируйте PRE_ANIM и S###.

Из статьи про тайминг/спейсинг/ритм: контроллеры помогают быстро двигать акценты, растягивать фразы, менять задержки между элементами.

Из статей про шейпы и текст: одним Progress вы можете синхронизировать Text Animator, Trim Paths и акцентные шейпы, сохраняя ритм и читабельность.

Мини-правило продакшена:

ключи отвечают за характер (тайминг и спейсинг), риг отвечает за управляемость и масштабирование приёма.

Стилизация и FX: маски, матты, постобработка

После того как вы выстроили пайплайн проекта, прокачали тайминг и спейсинг, научились собирать графику через Shape Layers и текст, а также сделали управляемые риги через контроллеры, логичный следующий слой — визуальная “склейка” сцены.

В 2D motion design это обычно делается не одним “волшебным эффектом”, а системой:

маски ограничивают видимость и создают окна/вайпы

матты (track matte) позволяют одним слоем управлять видимостью другого

режимы наложения и корректирующие слои собирают элементы в один “материал”

постобработка (глобальные FX) даёт единый характер и финальный полиш

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

Маски: управляемая видимость и анимационные “окна”

Маска в After Effects — это контур на слое, который определяет, какая часть слоя видна (или скрыта). Маски чаще всего используются для трёх задач:

Reveal/Hide: объект появляется из окна или уходит в окно

Вайпы и переходы: “протирка” между состояниями

Локальные FX: эффект действует только внутри маски

Официальная справка:

Маски в After Effects

Основные параметры маски, которыми вы реально пользуетесь

Mask Path: форма маски (её можно анимировать)

Mask Feather: смягчение края

Mask Expansion: расширение или сжатие маски

Mask Opacity: прозрачность влияния

Mask Mode: Add, Subtract, Intersect и другие

Практическая связка из прошлых тем:

тайминг задаёт когда маска начинает открывать объект и когда событие “считалось”

спейсинг в Graph Editor задаёт какой характер у раскрытия (мягко, ударно, с рывком)

ритм сцены строится тем, как маски чередуются с паузами и акцентами

!Поясняет, что маска живёт на слое и управляет видимостью

Маска как локальный “контейнер” эффекта

Частый продвинутый приём: вы делаете один слой FX (например, шум, блюр, глоу), но ограничиваете его маской, чтобы эффект работал только там, где нужно.

Практические примеры:

глоу только на “ударном” слове

блюр только на заднем плане, без размывания текста

шум только на цветной плашке, чтобы она “не была пластиком”

Важно для управляемости: если локальных FX становится много, обычно выгоднее вынести объект в PRE_FX_... и работать там, вместо того чтобы плодить маски на уровне шота.

Матты: один слой управляет видимостью другого

Track Matte — это способ использовать один слой как маску для другого. В практике это и есть “матт”: верхний слой определяет, что видно у нижнего.

Официальная справка:

Track mattes и композитинг

Alpha Matte и Luma Matte

Есть две самые используемые логики:

Alpha Matte: видимость определяется прозрачностью матта

Luma Matte: видимость определяется яркостью матта

Типовые применения:

Alpha Matte: текст появляется через заранее нарисованную форму-окно

Luma Matte: “проявление” через градиент или шумовую карту (мягкие художественные раскрытия)

!Показывает разницу между альфа- и люма-маттом на понятных примерах

Когда матт лучше маски

Маска живёт на том же слое, что и контент. Матт — это отдельный слой, который можно анимировать и переиспользовать.

Матт часто лучше, когда:

одно “окно” должно управлять несколькими слоями (и вы хотите единый контролируемый источник)

матт сам по себе сложный (процедурный шейп, анимированный шум, комбинация элементов)

вам нужно перекидывать одну и ту же логику reveal на разные объекты

Связка с риггингом из прошлой статьи: матт удобно делать управляемым через CTRL_Progress и выражения, чтобы одним контроллером синхронизировать reveal текста, линии (Trim Paths) и маску/матт.

Set Matte как “матт из другого места”

Если вам нужно взять матт не из слоя сверху, а из конкретного слоя (например, внутри препкомпа), часто используют эффект Set Matte.

Сценарий из продакшена:

в PRE_ANIM лежит контент

в PRE_FX лежит маттовая логика (градиент/шум/контур)

в шоте вы собираете их и берёте матт через Set Matte, не перестраивая слойный порядок

Здесь важно помнить идею контейнеров из первой статьи: матт и FX — это отдельная ответственность, и PRE_FX часто делает проект устойчивее.

Режимы наложения: склейка материалов и акценты

Blending Modes управляют тем, как пиксели слоя смешиваются с тем, что под ним. В 2D motion design это используется для:

световых акцентов (добавить “свет” поверх)

теней и затемнений (добавить “массу” объектам)

текстурирования (шум/зерно/бумага поверх)

локального контраста (мягкие подсветки под текстом)

Официальная справка:

Режимы наложения в After Effects

Практические правила, которые уменьшают хаос:

сначала определите задачу слоя: свет, тень, текстура, коррекция

не смешивайте 10 режимов наложения “на удачу” в одном месте

если слой работает как общий акцент, чаще удобно вынести его в PRE_FX и контролировать интенсивность одним Opacity или слайдером

Adjustment Layers: постобработка без разрушения структуры

Adjustment Layer — это слой, который применяет эффекты ко всем слоям под ним (в пределах композиции).

Официальная справка:

Корректирующие слои в After Effects

Где жить постобработке

Чтобы проект оставался управляемым, используйте уровень ответственности:

PRE_ANIM: анимация объектов (без “грязной” постобработки)

S###: сборка шота и локальные композитные решения

PRE_FX_S### или шот: глобальные FX шота (коррекции, зерно, виньетка)

MASTER: минимум глобальных решений, которые должны быть едиными для всего ролика

Практическое правило: если эффект нужен “всем слоям шота” — это кандидат на Adjustment Layer. Если эффект нужен только объекту — это эффект на объекте или в PRE_FX модуля.

!Объясняет, чем глобальная постобработка отличается от локальных FX

Типовые FX-цепочки для 2D motion (и зачем они нужны)

Ниже — не “рецепты красоты”, а производственные паттерны, которые помогают собирать кадр.

Шум/зерно

Зачем:

“склеивает” плоские векторные элементы

маскирует бэндинг на градиентах

добавляет материал и уменьшает ощущение стерильности

Важный нюанс: зерно обычно должно быть тонким и контролируемым. Его легко переборщить и убить читабельность текста.

Лёгкая виньетка или затемнение краёв

Зачем:

удерживает внимание в зоне смысла

помогает типографике не спорить с краями кадра

Глобальная цветовая коррекция

Зачем:

приводит разные элементы к одному “воздуху”

помогает выдержать стилизацию по референсу

Даже простое решение уровня “чуть меньше насыщенность + чуть больше контраст” может резко повысить цельность.

Глоу, размытия, “световые” акценты

Зачем:

подчёркивают акцент в ритме (удар, появление важного)

добавляют глубину, если фон и передний план спорят

Практический подход: глоу почти всегда лучше работает как временный акцент, а не как постоянное состояние всего шота.

Маски, матты и FX в одном пайплайне: как не утонуть

Ниже — схема, которая связывает эту статью со всем курсом.

Рекомендуемая сборка шота

В PRE_DESIGN_S### соберите чистую сцену (без анимации и FX).

В PRE_ANIM_S### сделайте анимацию (тайминг/спейсинг/ритм, как во второй статье).

Если нужны локальные FX на объект — создайте PRE_FX_ObjectName_S###.

В шоте S### соберите reveal через маски/матты.

На уровне S### или PRE_FX_S### добавьте глобальную постобработку через Adjustment Layer.

В MASTER оставьте только то, что должно быть единым для всего проекта.

Эта логика напрямую повторяет подход “одна ответственность на контейнер” из первой статьи и делает правки предсказуемыми.

Производственные ошибки, которые ломают управляемость

FX “размазаны” по десяткам слоёв, и никто не знает, где главный результат

матт-логика живёт случайно в шоте, а не оформлена как модуль

глобальная постобработка сделана внутри PRE_ANIM, из-за чего переиспользование и адаптации превращаются в боль

маски анимируются “как придётся”, без маркеров и ритмических опор

Производительность и предсказуемость

FX и матты часто делают проект тяжёлым. Чтобы не потерять скорость:

изолируйте тяжёлые цепочки в PRE_FX, чтобы их можно было временно отключать

используйте прокси или пререндер там, где это оправдано пайплайном

старайтесь не строить сцену на десятках взаимозависимых маттов, если задачу можно решить одним контролируемым модулем

Дополнительная справка по motion blur, который часто включают на этапе полировки:

Motion blur в After Effects

Мини-чеклист финальной стилизации

маски и матты служат смыслу: reveal читабелен, нет случайных “грязных” краёв

структура выдержана: анимация в PRE_ANIM, эффекты в PRE_FX или Adjustment Layers по назначению

есть единый слой постобработки шота (или понятная система таких слоёв)

FX поддерживают ритм: акценты появляются в нужных местах и не спорят с текстом

правки делаются быстро: контроллеры и нейминг позволяют найти, где именно меняется стиль

Экспорт, оптимизация и сборка шоурила

Продвинутый 2D motion design в After Effects ценят не только за качество анимации и графики, но и за надёжный выход: проект должен быстро превьюиться, предсказуемо рендериться, удобно архивироваться и превращаться в шоурил без потери смысла и качества.

Эта статья связывает весь курс в финальный продакшен-этап:

из статьи про организацию проекта вы берёте структуру MASTER / S### / PRE_..., нейминг и версионирование

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

из статьи про маски, матты и постобработку вы берёте финальную “склейку” и единый характер

Дальше — как оптимизировать проект, как правильно экспортировать, и как собрать шоурил так, чтобы он продавал ваши навыки.

!Диаграмма процесса от проекта до финальной выдачи и архива

Термины, которые нужны для экспорта

Чтобы не путаться, фиксируем простые определения:

Контейнер — “обёртка” файла: например .mov, .mp4. Контейнер определяет, как внутри хранится видео/аудио.

Кодек — способ сжатия/кодирования видео внутри контейнера: например H.264, ProRes.

Intermediate (промежуточный мастер) — тяжёлый, качественный файл для дальнейшего монтажа, цветокоррекции, архивирования.

Delivery — лёгкий файл для публикации или отправки клиенту.

Alpha-канал — прозрачность. Нужен, если вы отдаёте графику для композа в другом софте.

Практическое правило из пайплайна: рендерить сначала intermediate, потом делать delivery через транскодирование. Так вы не “запекаете” ошибки и сохраняете воспроизводимость результата.

Оптимизация проекта перед рендером

Оптимизация на продвинутом уровне — это не “сделать быстрее любой ценой”, а сократить непредсказуемость: чтобы превью было стабильным, а финальный рендер — повторяемым.

Быстрый чеклист технической готовности

MASTER — единственная точка входа для финального рендера

в MASTER минимум случайных тестовых слоёв и временных эффектов

тяжёлые FX изолированы в PRE_FX или на Adjustment Layer по назначению

нет “сломанных” ссылок на ассеты и шрифты

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

Прокси: ускоряем превью, не меняя финал

Proxy — это облегчённая версия тяжёлого исходника (например, видео), которая используется для предпросмотра, но не обязана участвовать в финальном рендере.

Что важно в продакшене:

прокси ускоряют именно интерактивную работу и предпросмотр

прокси не должны ломать цвет, кадрирование и FPS

прокси нужно явно включать и выключать перед финальным выводом

Официальная справка Adobe по прокси: Using proxies in After Effects

Pre-render: когда “запечь” оправдано

Pre-render — это рендер части проекта (обычно PRE_FX или тяжёлого модуля) в отдельный файл, чтобы дальше работать с ним как с обычным видео.

Когда pre-render оправдан:

тяжёлые эффекты сильно замедляют превью

модуль больше не должен меняться (или меняется редко)

вы хотите стабилизировать результат и снизить риск “сломать” FX при правках в других местах

Риск pre-render:

вы теряете гибкость: если клиент попросит изменить “мелочь внутри”, придётся рендерить заново

легко запутаться в версиях, если не соблюдать нейминг

Практика из первой статьи (про структуру и версии): пререндеры храните как intermediates и обязательно фиксируйте версию в имени, чтобы понимать, что именно подключено.

Кэш и стабильность предпросмотра

Если проект “то играет, то не играет”, часто проблема не в анимации, а в настройках памяти/диска.

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

чистите кэш, если появляются артефакты предпросмотра и странные глитчи

избегайте ситуации, где система и кэш находятся на переполненном диске

Официальная справка Adobe по памяти и диску: Memory and storage in After Effects

Экспорт: стратегия “intermediate → delivery”

Почему не стоит сразу рендерить H.264 из AE как единственный мастер

H.264 удобен, но как “единственный мастер” он плох по причинам, важным для продвинутого пайплайна:

агрессивное сжатие усложняет повторный монтаж и композитинг

выше риск артефактов на градиентах, тонких линиях и тексте

сложнее чинить ошибки: если вы заметили проблему после компрессии, непонятно, она в сцене или в кодеке

Поэтому:

intermediate делаем максимально надёжным

delivery делаем под платформу и задачу

Официальная справка Adobe по рендеру и экспорту: Rendering and exporting in After Effects

Выбор intermediate: ориентиры по задачам

Выбор зависит от того, куда пойдёт файл дальше.

Таблица как практический ориентир:

| Задача | Что нужно | Пример подхода | Почему так | |---|---|---|---| | Архив и повторный монтаж | максимальная стабильность | ProRes или последовательность изображений | меньше риск “потерять качество” | | Передача с альфой | прозрачность | ProRes 4444 или PNG sequence | альфа хранится корректно | | Быстрый внутренний просмотр | компактность | лёгкий H.264 preview | не перегружает диски и мессенджеры |

Важно: конкретный выбор кодека зависит от вашей ОС, требований студии и того, что поддерживает монтажный пайплайн. Ключевой принцип — intermediate должен быть “рабочим”, а не “публикационным”.

Render Queue и Media Encoder: как разделять роли

Практическая схема:

After Effects делает мастер-рендер сцены (intermediate)

Adobe Media Encoder делает транскодирование в разные delivery-форматы

Почему это удобно:

вы получаете один “источник правды” (intermediate)

вы можете делать несколько выходов: YouTube, Vimeo, вертикальный, превью, без пересчёта всей сцены

Справка Adobe по Media Encoder: Adobe Media Encoder overview

Альфа-канал, матты и прозрачность: типовые ошибки на выходе

После статьи про маски и матты часто появляется ощущение, что “прозрачность очевидна”. На экспорте она ломается чаще всего из-за несоответствия ожиданий.

Типовые причины:

выбран кодек, который не поддерживает alpha

неправильная интерпретация premultiply в принимающей стороне

в MASTER случайно есть фон, который “подложен навсегда”

Практическая проверка перед сдачей файла с альфой:

сделайте тестовый рендер 2–3 секунд

откройте файл в монтажке или в AE и убедитесь, что прозрачность действительно прозрачность

проверьте края на полупрозрачных областях (feather, blur, glow)

Настройки качества: что влияет на “дорогой” вид

В продвинутом 2D motion чаще всего качество “убивается” не отсутствием скилла, а неверными компромиссами.

Кадровая частота

держите единый FPS во всём проекте или сознательно контролируйте места, где FPS отличается

если шоурил собирается в монтажке, лучше, чтобы все шоты были в одной частоте кадров

Это напрямую продолжает принцип из первой статьи: предсказуемость пайплайна важнее разовых “костылей”.

Градиенты, шум и бэндинг

тонкое зерно из статьи про постобработку помогает скрывать бэндинг

H.264 сильнее провоцирует бэндинг на чистых градиентах

если градиенты важны, проверьте результат именно в delivery, а не только в intermediate

Текст и тонкие линии

проверяйте читабельность в реальном размере и на реальной платформе

“идеально в AE” и “идеально после YouTube” — разные вещи

Нейминг и версия рендера: дисциплина, которая спасает шоурил

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

Рекомендуемый паттерн имени:

project_shot_format_fps_v###_type.ext

Пример логики:

promo_S020_1920x1080_25fps_v006_intermediate.mov

promo_S020_1920x1080_25fps_v006_delivery.mp4

Так вы всегда видите:

что это за шот

какой формат

какая версия

intermediate это или delivery

Сборка шоурила: монтаж как демонстрация ваших сильных сторон

Шоурил — это не “папка лучших рендеров”, а монтажный продукт с ритмом и драматургией. Здесь напрямую работает статья про тайминг и ритм: вы делаете ритм между работами, как ритм между объектами в сцене.

Что именно вы показываете в шоуриле

Продвинутый 2D motion дизайн обычно продают три слоя:

анимационный вкус: тайминг, спейсинг, паузы, акценты

системность: риги, контроллеры, повторяемые модули, “чистота” решений

визуальная цельность: типографика, shape-графика, композитинг, постобработка

Поэтому полезно чередовать:

1–2 “ударных” шота

1 шот, который показывает типографику и ритм

1 шот, который показывает графику/инфографику/shape-процедуры

Длина и структура

Практический ориентир:

общий хронометраж шоурила часто держат в диапазоне 30–90 секунд

первые 5–10 секунд должны содержать самые сильные работы

Почему так: в начале вы “покупаете” внимание, как заголовок в кинетической типографике покупает внимание к фразе.

!Иллюстрация ритмической структуры шоурила по времени

Breakdown: показывать ли “разбор” слоями

Breakdown — это короткая вставка, где видно, из чего собрана сцена: например “Design → Anim → FX”, или “Rig controls → Result”. Он полезен, если вы претендуете на продвинутые задачи и хотите показать инженерную часть.

Правило вкуса:

breakdown должен быть коротким и читабельным

он не должен ломать темп шоурила

В терминах курса: breakdown демонстрирует, что вы умеете разделять PRE_DESIGN / PRE_ANIM / PRE_FX и строить управляемые риги, а не “рисовать результат случайными ключами”.

Звук и синхронизация

если вы используете музыку, режьте шоты под крупные акценты и паузы

не пытайтесь “подогнать всё под каждый удар”: важнее общий рисунок

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

Экспорт шоурила: несколько версий под разные площадки

Минимальный набор, который закрывает большинство сценариев:

Full quality: для загрузки на платформу или отправки рекрутеру

Light preview: для мессенджеров

Vertical / Square (если релевантно): адаптация под соцсети

Важно: если вы делаете адаптации форматов, возвращайтесь к подходу с контроллерами из статьи про риггинг. Глобальные CTRL_Global Scale/Offset и модульность композиций позволяют адаптировать без переанимации.

Архив и передача: чтобы шоурил был воспроизводим через год

Если вы собираете портфолио из многих проектов, через время вы захотите:

заменить один шот

обновить версию

перерендерить в новом формате

Для этого нужен корректный архив.

Минимальный продакшен-стандарт:

сохраняйте intermediate мастер-шоты

храните исходники проекта и ассеты в структуре папок

собирайте проект в переносимый вид

Официальная справка Adobe по сборке проекта: Collect Files in After Effects

Финальный чеклист перед публикацией шоурила

шоурил начинается с самых сильных работ

темп читается: есть акценты и паузы, нет “монотонной ленты”

типографика и мелкие детали проверены после компрессии delivery-файла

нейминг и версии в порядке: вы понимаете, из чего собран текущий релиз

есть архив: проект собран, ассеты не потеряются, intermediate сохранён