Как сделать анимацию текста в After Effects

Сделать анимацию текста в After Effects можно тремя способами: готовым пресетом с панели Effects & Presets, текстовым аниматором из меню Animate или ключевыми кадрами параметров всего слоя. Пресет проще всего, аниматор управляет каждым символом, а ключи Transform двигают текст целиком.

На Mac вместо Ctrl жмите Cmd, вместо Alt Option. Английские названия ниже совпадают с англоязычным интерфейсом программы, русские в скобках даны по русской справке Adobe, в вашей версии подпись может немного отличаться. Чтобы проходить англоязычные уроки один в один, можно поменять язык в After Effects.

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

Создайте композицию: Composition > New Composition («Композиция > Новая композиция», Ctrl + N), размер кадра и частоту выберите под видео, куда пойдёт титр. Затем возьмите инструмент Horizontal Type («Горизонтальный текст», Ctrl + T) и щёлкните по панели Composition или выберите Layer > New > Text («Слой > Создать > Текст», Ctrl + Alt + Shift + T): во втором случае точка ввода встанет в центр композиции. Наберите текст и выйдите из ввода клавишей Enter на цифровом блоке или сочетанием Ctrl + Enter.

Шрифт, размер и цвет задаются на панели Character («Символ», Ctrl + 6). Шрифт из Adobe Fonts после активации появляется в меню шрифтов всех настольных программ, подробнее о шрифтах в статье как добавить шрифт в Фотошоп. После этого сохраните проект (Ctrl + S).

Готовые пресеты анимации текста

В After Effects сотни пресетов анимации, среди них много текстовых. Они лежат на панели Effects & Presets («Эффекты и стили», Ctrl + 5) в папке Animation Presets > Text, внутри по группам: Animate In для появления, Animate Out для исчезновения, Blurs, 3D Text, Fill And Stroke, Multi-Line и другие.

1. Поставьте индикатор текущего времени туда, где текст должен начать появляться. Пресет ставит свои ключи от текущего времени.
2. Щёлкните по текстовому слою.
3. В поле поиска вверху панели Effects & Presets наберите часть названия, например Typewriter.
4. Дважды щёлкните по названию или перетащите его на слой в Timeline или Composition.
5. Нажмите пробел, чтобы посмотреть результат.

Для начала советуем Typewriter из Animate In: этот пресет проявляет текст по одному символу, а ключи ставит на селектор диапазона, как в ручном способе ниже. Если слой не выделен, двойной щелчок создаст новый слой с этим пресетом. Тот же пресет на другой титр ставится сочетанием Ctrl + Alt + Shift + F: оно повторяет последний пресет.

Сразу после применения нажмите U: откроются только параметры с ключами. Так видно, как устроен пресет, а длительность анимации меняется перетаскиванием ключей. UU показывает все изменённые параметры. Пресет со слоя целиком не снимается и не отключается: эффекты, ключи и выражения из него удаляют или отключают по отдельности.

Текстовые пресеты сделаны в композиции 720 x 480 со шрифтом Myriad Pro 72 pt. В проекте Full HD анимация, которая должна была начаться за краем экрана, может стартовать прямо в нём, а текст иногда пропадает. Чинится это значениями Position у аниматора текста на панели Timeline. Пресеты из папки Paths заменяют ваш текст своим названием и красят его белым. Пресеты Fill And Stroke работают, только если у текста задан цвет заливки или обводки, а после пресета из группы 3D Text, чтобы увидеть результат, может понадобиться повернуть слой или добавить камеру.

Как анимировать текст аниматором (Animate)

Аниматор работает в три шага: выбираете параметр, с помощью селектора диапазона (Range Selector, в русской справке «Выбор диапазона») указываете, какие символы он затрагивает, и задаёте значение. Ключевые кадры обычно ставят на селектор, а у самого параметра задают только значение.

1. Отметьте текстовый слой в Timeline.
2. Откройте меню Animate в столбце Switches / Mode у слоя («Анимация» в столбце «Переключатели / режимы») и выберите Opacity. Тот же список есть в меню Animation > Animate Text («Анимация > Анимация текста»).
3. В группе Animator 1 поставьте Opacity на 0 %. Если текст исчез, селектор Range Selector 1 выделяет весь текст: проверьте Start и End в шаге 4.
4. Раскройте Range Selector 1. Проверьте, что Start («Начало») равен 0 %, а End («Конец») 100 %.
5. В момент, когда текст должен начать появляться, щёлкните секундомер у Start: появится первый ключ со значением 0 %.
6. Затем сдвиньтесь вперёд на нужную длительность появления, например на секунду, и поставьте Start 100 %.

Пока Start растёт от 0 до 100 %, символы по очереди выходят из выделения и становятся видимыми. Если вместо Start анимировать End от 0 до 100 %, получится обратное: символы будут пропадать с начала строки.

Эффект выезда, масштаба и размытия

Выделите группу Animator 1 и добавьте в неё параметры через меню Add у группы: Position, Scale («Масштаб»), Blur («Размытие»). Новые параметры работают с тем же селектором. Задайте им значения, с которых символ начинает движение: Position по вертикали так, чтобы текст ушёл ниже строки, Scale, например, 200 %, Blur 20. Ключи на Start уже стоят, поэтому каждый символ в свою очередь приедет на место, уменьшится до обычного размера и станет резким. Отдельные ключи у Position или Blur не нужны.

Края движущихся символов сглаживает размытие в движении (Motion Blur, «Размытие в движении»). Включите переключатель Motion Blur у текстового слоя в столбце Switches на панели Timeline (если столбца не видно, нажмите Toggle Switches/Modes внизу панели), затем кнопку Enable Motion Blur вверху панели Timeline: без неё размытие не рендерится. Посимвольное 3D (Enable Per-Character 3D) включайте, только если буквы правда должны вращаться в объёме. Такой слой может рендериться медленнее, а при возврате в 2D настройки 3D у аниматора пропадают и не возвращаются.

Параметры группы Advanced

• Based On («На основе»): Characters, Characters Excluding Spaces, Words или Lines. При Based On: Characters пробелы тоже считаются символами, и между словами получается короткая пауза. Для появления по словам выберите Words.
• Units («Единицы измерения»): Index вместо Percentage, тогда Start и End задаются не процентами, а номерами символов, пробелы тоже считаются.
• Shape («Форма»): Square, Ramp Up, Ramp Down, Triangle, Round, Smooth. Форма задаёт переход между выделенными и невыделенными символами, у Square его длительность регулирует Smoothness.
• Ease High и Ease Low: скорость изменения, пока выделение символа меняется от полного (Ease High) до полностью снятого (Ease Low).
• Randomize Order («Установить случайный порядок»): буквы появляются в случайном порядке.

Аниматоров и селекторов на одном слое может быть несколько, так собирают сложную анимацию. Убрать их разом можно через Animation > Remove All Text Animators («Анимация > Удалить все средства анимации текста»).

Создание анимации слоя ключевыми кадрами

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

1. Щёлкните по текстовому слою и нажмите P (Position), S (Scale), R (Rotation) или T (Opacity): на шкале останется один нужный параметр.
2. Поставьте индикатор времени на начало движения и щёлкните секундомер. Ключ в текущем времени ставится и с клавиатуры: Alt + Shift + буква параметра, например Alt + Shift + P.
3. Сдвиньтесь вперёд, поставьте второй ключ тем же сочетанием Alt + Shift + буква параметра и задайте в нём новое значение.
4. Выделите два ключа и нажмите F9 (Easy Ease, «Плавное замедление»).

После Easy Ease скорость в ключевом кадре равна нулю: текст разгоняется на выходе из ключа и тормозит на подходе к следующему. Shift + F9 сглаживает только вход в ключ, Ctrl + Shift + F9 только выход. Кривую скорости показывает Graph Editor («Редактор диаграмм», Shift + F3), а сдвинуть ключ на один кадр влево или вправо можно сочетанием Alt + стрелка. На macOS клавиши F9-F12 могут быть заняты системой, тогда используйте меню Animation > Keyframe Assistant > Easy Ease («Анимация > Помощник в работе с ключевыми кадрами > Плавное замедление»).

Просмотр и сохранение анимации

Анимацию проверяют по пробелу. Готовый ролик выводят командой Composition > Add to Render Queue (Ctrl + M) с форматом H.264 в модуле вывода. H.264 есть в очереди рендеринга с версии 23.0, в более ранних версиях его в этом списке может не быть, тогда MP4 делают через Adobe Media Encoder. Про форматы и настройки подробно рассказано в статье как сохранить видео в After Effects. Если титр потом ляжет поверх видео в монтажке, выводите QuickTime с кодеком GoPro CineForm и каналами RGB + альфа-канал: MP4 прозрачный фон не хранит. Тот же вывод нужен для роликов, где вы убрали фон в After Effects.

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

Пресет начался не там, где нужно, или текст после него стоит в кадре: проверьте текущее время и значения Position, как описано в разделе о пресетах.

Ключи поставили на Opacity аниматора, а символы всё равно появляются все сразу. Ключевые кадры нужны на Start или End селектора.

Размер шрифта с панели Character плавно не анимируется: у Source Text работают только ключи удержания (Hold), значение меняется скачком. Для плавного изменения размера анимируйте Scale слоя (S) ключевыми кадрами, как в разделе о ключевых кадрах.

Частые вопросы про анимацию текста

Как сделать эффект печатной машинки?

Быстрее всего пресетом Typewriter из Animation Presets > Text > Animate In. Вручную то же даёт аниматор Opacity со значением 0 % и ключами Start 0-100 % у селектора.

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

В аниматоре откройте Range Selector > Advanced и выберите Based On: Words. Остальные шаги те же, что для символов.

Как сделать движение текста плавнее?

Выделите ключевые кадры и нажмите F9: скорость у ключей станет нулевой, движение будет разгоняться и тормозить плавно. Края движущихся символов сгладит Motion Blur.

Можно ли сохранить свою анимацию как пресет?

Да. Выделите на панели Timeline нужные параметры или группы, например Animator 1, и выберите Animation > Save Animation Preset («Анимация > Сохранить стиль анимации»). Файл сохраняется с расширением .ffx, а такой пресет потом применяется к любому текстовому слою. Чтобы он появился на панели Effects & Presets, сохраните его в папку Presets.

Нужен ли After Effects для простых титров?

Субтитры и неподвижные подписи можно сделать в монтажной программе, вот как сделать субтитры в Премьер Про. After Effects нужен, когда текст должен двигаться по буквам или словам.