Шейп-слои и Trim Paths в After Effects: пять причин, почему анимация не работает
Рисующаяся линия — базовый приём моушн-дизайна. В After Effects он делается через шейп-слой и операцию Trim Paths, и почти у всех первый запуск заканчивается ничем: ключевые кадры стоят, а линия не рисуется.
Причин ровно несколько, и все они описаны в документации Adobe.
Что такое шейп-слой
Шейп-слой — это слой, содержимое которого состоит из групп. Внутри группы находятся:
- пути (paths) — сама геометрия;
- операции заливки и обводки (fill, stroke) — как эта геометрия выглядит;
- операции над путями (path operations) — что с ней делать: обрезать, повторить, скруглить, сместить.
Документация описывает три типа атрибутов именно так: paths, paint operations и path operations.
Это важно, потому что порядок и вложенность определяют результат: операция действует на то, что лежит в её группе.
Как добавить Trim Paths
- Создайте шейп-слой: Layer → New → Shape Layer.
- Нарисуйте фигуру пером или инструментом фигур.
- Разверните слой в таймлайне.
- У содержимого нажмите Add.
- Выберите Trim Paths.
Появится операция с тремя параметрами:
- Start — где начинается видимый участок, в процентах;
- End — где заканчивается;
- Offset — сдвиг вдоль пути.
Документация прямо указывает назначение: анимируя Start, End и Offset, можно обрезать путь — примерно как эффект Write-on работает для рисованных штрихов.
Где именно оказывается операция
Правило из документации: новые атрибуты вставляются в выделенную группу по определённым правилам. Чтобы вставить атрибут в конец группы, минуя правила, нужно удерживать Alt (Windows) / Option (macOS) при выборе пункта меню Add.
Практическое следствие: Trim Paths, добавленный в общий список содержимого, действует на все пути слоя ниже. Trim Paths внутри группы — только на пути этой группы.
Отсюда причина номер один, почему «ничего не происходит»: операция стоит не в той группе.
Пять причин, почему линия не рисуется
1. Нет обводки
Trim Paths обрезает штрих, а не заливку. Если у фигуры есть только Fill, визуально ничего не изменится.
Что сделать: добавить Stroke в ту же группу и задать толщину.
2. Trim Paths не в той группе
Если фигура лежит внутри Shape 1, а операция — на уровне Contents, она может не влиять так, как ожидается, либо влиять на все фигуры сразу.
Что сделать: перетащить Trim Paths внутрь нужной группы.
3. Нет ключевых кадров
Сам по себе Trim Paths ничего не анимирует. Нужны минимум два ключевых кадра с разными значениями Start или End.
Что сделать: поставить ключ на End = 0 % в начале и End = 100 % в конце.
4. Путь замкнут
У замкнутой фигуры (круг, прямоугольник) Start и End движутся по кругу. При значениях по умолчанию визуально видно весь контур.
Что сделать: выставить End = 0 % и проверить, что контур исчез.
5. Слой скрыт или пуст
Шейп-слой без содержимого выглядит как пустой слой. Проверьте, что внутри есть Path.
Как сделать «рисование» линии
- Нарисуйте открытый путь пером.
- Убедитесь, что в группе есть Stroke и нет Fill.
- Добавьте Trim Paths.
- На первом кадре: Start 0 %, End 0 %.
- На последнем: Start 0 %, End 100 %.
- Поставьте ключи на End.
- Проверьте скорость: для 2-секундной анимации хватает двух ключей, для «рисования» с ускорением — нужны промежуточные.
Если линия должна вырастать из центра, используют два ключа на Start и End одновременно.
Множественные пути в одной группе
Документация описывает важную опцию: если Trim Paths стоит ниже нескольких путей в группе, можно выбрать, обрезать пути одновременно или трактовать их как составной путь и обрезать по отдельности.
Это переключатель Trim Multiple Shapes:
- Simultaneously — все пути режутся одинаково;
- Individually — каждый путь обрабатывается как отдельный.
Для иконок с несколькими линиями второй вариант обычно выглядит естественнее.
Repeater и другие операции
Документация уточняет: операция Repeater всегда добавляется в конец группы. Остальные операции подчиняются правилам вставки.
Практический вывод: если после добавления Repeater «сломался» порядок обводки, проверьте, где он оказался.
Производительность
Шейп-слои дешевле по памяти, чем футаж, но не бесплатны:
- многослойные группы с сотнями путей считаются дольше;
- Trim Paths с большим числом путей пересчитывается на каждом кадре;
- эффекты поверх шейпов добавляют нагрузку.
На ноутбуке с 16 ГБ ОЗУ заметная просадка обычно появляется не от самих шейпов, а от эффектов и размытий поверх них.
Шейп-слой против маски
Внешне похожие задачи решаются разными инструментами, и выбор влияет на дальнейшую работу.
Маска прикреплена к слою и обрезает его содержимое. Её нельзя анимировать так же свободно, и она не даёт собственной обводки.
Шейп-слой — самостоятельный слой с геометрией, обводкой и заливкой. Его можно анимировать, дублировать, складывать в группы.
Простое правило: если нужна линия или фигура как элемент дизайна — шейп. Если нужно скрыть часть изображения или видео — маска.
Есть и промежуточный приём: шейп можно использовать как трек-матту для другого слоя. Но тогда это уже не «рисование линии», а маскирование, и настраивается оно иначе.
Частые ошибки
Ждать анимации без ключевых кадров. Trim Paths — не автогенератор.
Работать с Fill вместо Stroke. Обрезка будет незаметна.
Добавлять операцию вне группы. Результат непредсказуем.
Сто ключей для простой линии. Достаточно двух-трёх с правильной интерполяцией.
Импортировать сложный SVG и ждать лёгкой анимации. Много путей = тяжёлый слой.
FAQ
Почему Trim Paths ничего не делает?
Чаще всего потому, что нет обводки (Stroke), нет ключевых кадров или операция находится не в той группе.
Trim Paths работает с маской?
Нет, это операция шейп-слоя. Для масок используются другие приёмы.
Как анимировать линию с нуля до полного контура?
Поставить End = 0 % в начале и End = 100 % в конце, затем ключевать End.
Чем Simultaneously отличается от Individually?
Первый режет все пути одинаково, второй обрабатывает каждый путь отдельно.
Где найти Add?
В таймлайне рядом с содержимым шейп-слоя; также меню Add есть на панели инструментов.