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

Екатерина Гронь
0 комментарий

Всем привет! Продолжаем разбираться в нюансах работы с программой After Effects. В этом уроке я расскажу вам про создание анимированного текста. Готовьте чаек и погнали учиться!

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

Шаг 1

Первым делом создаём новую композицию (сочетание клавиш Ctrl+N). Далее при помощи инструмента Horizintal Type Tool (Ctrl+T) напишите в панели Composition желаемый текст.

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

Шаг 2

Выделите слой с текстом на панели Timeline и выполните команду Layer => Create Shapes from Text (Создать формы из текста).

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

На панели Timeline появится новый слой с формами.

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

Раскройте слой с формами, далее раскройте группу Contents (Содержимое). Как видите программа создала не одну форму для всего слова, а по форме для каждой из букв.

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

Здесь важно помнить, что некоторые буквы (такие например как i, e, j) могут содержать в себе не одну, а две формы. В моём случае это буква е.

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

Это мы немного ушли в теорию, вернёмся же к уроку.

Шаг 3

Следующим шагом будет редактирование внешнего вида текста. Для этого выделите слой с формами на панели Timeline. Чуть выше панели Composition появится панелька для настройки заливки и обводки нового слоя.

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

Кликните по слову Fill (Заливка) и выберите вариант без заливки.

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

Далее кликните по прямоугольнику правее надписи Stroke (Обводка), чтобы выбрать цвет обводки. Выберите любой цвет (я например выбрал светло-серый D4D4D4).

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

Измените толщину обводки примерно на 4–6 пикселей.

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

Вот что я получил в итоге:

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

Шаг 4

Раскройте слой с формами. Кликните по кнопке Add и выберите пункт Trim Paths.

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

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

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

Шаг 5

Раскройте параметр Trim Paths. Переместите индикатор текущего времени в начальную позицию. Включите режим анимации для параметра End, кликнув по кнопке с секундомером. Измените значение параметра End на 0%.

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

Переместите индикатор на 2 секунды вперёд и измените значение параметра End на 100%.

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

Просмотрите анимацию. Текст эффектно прорисовывается в течении 2 секунд.

При желании можно ещё добавить анимации параметру Offset, это добавит динамики нашей анимации.

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

Вот, что у нас получилось в итоге:

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

На этом у меня все. До скорого!

Подписывайтесь на канал Видеогуру, чтоб не пропускать новые интересные уроки.

0 комментарий
0

Похожие статьи