Текстовые аниматоры в After Effects: почему анимация «не та» и как это исправить
Текстовый слой в After Effects умеет больше, чем обычный слой: у него есть аниматоры, которые двигают буквы по отдельности. Но именно из-за этой дополнительной механики анимация часто ведёт себя не так, как ожидается.
Разберём три шага, которые описывает документация Adobe.
Три шага анимации
Официальная формула:
- Добавить аниматор — указать, какие свойства анимируются.
- Использовать селектор — определить, насколько сильно свойство действует на каждый символ.
- Настроить свойства аниматора.
Порядок важен: сначала выбирается свойство (например, Position), потом настраивается, к каким буквам оно применяется.
Как добавить аниматор
- Выделите текстовый слой в таймлайне или конкретные символы в композиции.
- Animation → Animate Text и выберите свойство.
Появится группа аниматора с селектором по умолчанию и выбранным свойством.
Добавить свойство в существующую группу можно через меню аниматора в таймлайне или через Animation → Animate Text. Новое свойство попадёт в ту же группу и будет использовать те же селекторы.
Ключевая идея: анимируется селектор, а не свойство
Документация формулирует это прямо: обычно не нужно ставить ключевые кадры на свойства аниматора. Достаточно задать конечные значения свойств и анимировать селектор.
Пример: нужно, чтобы буквы всплывали снизу.
- Добавьте аниматор Position.
- Задайте смещение по Y (например, +150 пикселей).
- Анимируйте Start селектора от 0 % до 100 %.
Буквы будут появляться одна за другой, а не двигаться все одновременно.
Что делает удаление селектора
Неочевидный, но полезный приём: если удалить все селекторы из группы, значения аниматора начнут применяться ко всем символам.
Документация поясняет, зачем это нужно: так можно анимировать свойства, которые в панели Character не анимируются обычным способом.
То есть «аниматор без селектора» — это способ обойти ограничение интерфейса.
Три типа селекторов
Добавляются через Animation → Add Text Selector или через меню аниматора:
- Range — диапазон символов; основной инструмент;
- Wiggly — случайные колебания в заданных пределах;
- Expression — управление степенью воздействия через выражения.
Range Selector имеет три ключевых параметра:
- Start и End — границы диапазона в процентах;
- Offset — сдвиг диапазона вдоль текста.
Анимация Offset даёт эффект «бегущей волны» по строке.
Практические сценарии
Появление по буквам. Opacity-аниматор со значением 0 % и анимация Start селектора.
Всплытие снизу. Position-аниматор со смещением и анимация Start.
Волна. Position или Scale плюс анимация Offset.
Дрожание. Wiggly selector с небольшой амплитудой.
Печать текста. Opacity-аниматор 0 % и быстрый проход Start слева направо.
Пример из документации: character offset
Официальный пример:
- Создайте текст «Galaxy».
- Animation → Animate Text → Character Offset.
- Поставьте Character Offset = 5.
- Разверните Range Selector 1.
- Ключ на Start = 0 % в начале.
- Через 5 секунд — Start = 100 %.
Символы будут последовательно «перещёлкиваться» по коду символа. Приём хорошо работает для цифровых и технических тем.
Per-character 3D
Отдельная возможность: Enable Per-character 3D добавляет 3D-свойства каждому символу.
Важные ограничения из документации:
- межсимвольное смешивание и опции Fill & Stroke в группе More Options для per-character 3D недоступны;
- такие слои снижают производительность рендера;
- при конвертации слоя из per-character 3D в 2D свойства и размеры, специфичные для 3D, теряются безвозвратно — повторное включение их не вернёт.
Третий пункт — причина делать копию слоя перед экспериментом.
Производительность
Текстовые аниматоры дешевле, чем эффекты, но не бесплатны:
- много групп аниматоров на одном слое считаются дольше;
- per-character 3D заметно тяжелее обычного текста;
- выражения в селекторах пересчитываются на каждом кадре.
На ноутбуке с 16 ГБ ОЗУ просадка обычно появляется при комбинации «per-character 3D + несколько аниматоров + размытие».
Как сохранить анимацию для повторного использования
Готовый набор аниматоров можно перенести на другой текст, и это экономит часы.
Способы:
- Скопируйте группу аниматора в таймлайне и вставьте её в другой текстовый слой — свойства и селекторы перенесутся.
- Сохраните анимацию как пресет: Animation → Save Animation Preset. Файл
.ffxпоявится в Effects & Presets. - Применяйте пресет перетаскиванием на текстовый слой.
Третий способ особенно удобен в команде: один раз собрали «всплытие по буквам» — и коллеги используют его без разбора структуры.
Ограничение: пресет привязан к версии After Effects. Если анимация сохранялась в новой версии, в старой она может примениться частично.
Отдельно стоит помнить про порядок групп в таймлайне: аниматоры применяются сверху вниз, и группа, стоящая выше, может «перебить» результат нижней. Если две анимации конфликтуют, проверьте порядок до того, как менять значения.
Если аниматор «не виден» вовсе, проверьте, что слой не заблокирован и что свойство действительно изменено: аниматор с нулевыми значениями выглядит как отсутствие анимации.
Для длинных титров полезно ограничивать число групп аниматоров тремя-четырьмя: больше почти всегда означает, что часть эффектов можно объединить в одну группу с общим селектором.
Частые ошибки
Ключевать свойства аниматора вместо селектора. Анимация получается «всё сразу».
Удивляться, что двигаются все буквы. Значит, селектор удалён или стоит на 0–100 %.
Забыть про Offset. Без него волна не побежит по строке.
Включить per-character 3D и потом отключить. Свойства исчезнут.
Сто аниматоров на одном слое. Медленно и нечитаемо в таймлайне.
FAQ
Чем аниматор отличается от селектора?
Аниматор задаёт, что меняется; селектор — к каким символам это применяется и насколько.
Почему анимация применяется ко всем буквам сразу?
Скорее всего, селектор удалён: без него значения действуют на весь слой.
Как сделать появление текста по буквам?
Opacity-аниматор 0 % плюс анимация Start селектора от 0 до 100 %.
Что такое Wiggly selector?
Селектор, который случайно варьирует степень воздействия во времени.
Можно ли анимировать шрифт, которого нет в списке свойств?
Да, через аниматор без селектора — документация описывает этот приём.