Москва: проверенные б/у ноутбуки с гарантией и проверкой перед оплатой
+7 906 722-94-45

Главная → Статьи → Текстовые аниматоры в After Effects: аниматор, селектор, свойства

Текстовые аниматоры в After Effects: почему анимация «не та» и как это исправить

Как работают текстовые аниматоры After Effects: три шага анимации, Animator и Range Selector, удаление селектора, Wiggly и Expression, ограничения per-character 3D.

Текстовые аниматоры в After Effects: почему анимация «не та» и как это исправить

Текстовый слой в After Effects умеет больше, чем обычный слой: у него есть аниматоры, которые двигают буквы по отдельности. Но именно из-за этой дополнительной механики анимация часто ведёт себя не так, как ожидается.

Разберём три шага, которые описывает документация Adobe.

Три шага анимации

Официальная формула:

  1. Добавить аниматор — указать, какие свойства анимируются.
  2. Использовать селектор — определить, насколько сильно свойство действует на каждый символ.
  3. Настроить свойства аниматора.

Порядок важен: сначала выбирается свойство (например, Position), потом настраивается, к каким буквам оно применяется.

Как добавить аниматор

  1. Выделите текстовый слой в таймлайне или конкретные символы в композиции.
  2. Animation → Animate Text и выберите свойство.

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

Добавить свойство в существующую группу можно через меню аниматора в таймлайне или через Animation → Animate Text. Новое свойство попадёт в ту же группу и будет использовать те же селекторы.

Ключевая идея: анимируется селектор, а не свойство

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

Пример: нужно, чтобы буквы всплывали снизу.

  1. Добавьте аниматор Position.
  2. Задайте смещение по Y (например, +150 пикселей).
  3. Анимируйте 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

Официальный пример:

  1. Создайте текст «Galaxy».
  2. Animation → Animate Text → Character Offset.
  3. Поставьте Character Offset = 5.
  4. Разверните Range Selector 1.
  5. Ключ на Start = 0 % в начале.
  6. Через 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 + несколько аниматоров + размытие».

Как сохранить анимацию для повторного использования

Готовый набор аниматоров можно перенести на другой текст, и это экономит часы.

Способы:

  1. Скопируйте группу аниматора в таймлайне и вставьте её в другой текстовый слой — свойства и селекторы перенесутся.
  2. Сохраните анимацию как пресет: Animation → Save Animation Preset. Файл .ffx появится в Effects & Presets.
  3. Применяйте пресет перетаскиванием на текстовый слой.

Третий способ особенно удобен в команде: один раз собрали «всплытие по буквам» — и коллеги используют его без разбора структуры.

Ограничение: пресет привязан к версии After Effects. Если анимация сохранялась в новой версии, в старой она может примениться частично.

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

Если аниматор «не виден» вовсе, проверьте, что слой не заблокирован и что свойство действительно изменено: аниматор с нулевыми значениями выглядит как отсутствие анимации.

Для длинных титров полезно ограничивать число групп аниматоров тремя-четырьмя: больше почти всегда означает, что часть эффектов можно объединить в одну группу с общим селектором.

Частые ошибки

Ключевать свойства аниматора вместо селектора. Анимация получается «всё сразу».

Удивляться, что двигаются все буквы. Значит, селектор удалён или стоит на 0–100 %.

Забыть про Offset. Без него волна не побежит по строке.

Включить per-character 3D и потом отключить. Свойства исчезнут.

Сто аниматоров на одном слое. Медленно и нечитаемо в таймлайне.

FAQ

Чем аниматор отличается от селектора?

Аниматор задаёт, что меняется; селектор — к каким символам это применяется и насколько.

Почему анимация применяется ко всем буквам сразу?

Скорее всего, селектор удалён: без него значения действуют на весь слой.

Как сделать появление текста по буквам?

Opacity-аниматор 0 % плюс анимация Start селектора от 0 до 100 %.

Что такое Wiggly selector?

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

Можно ли анимировать шрифт, которого нет в списке свойств?

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

Похожие материалы