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

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

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

90d3ded8fb379cfc64a63 2

Шаг 1

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

1 3

Шаг 2

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

2 4

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

3 5

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

4 6

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

5 7
6 8

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

Шаг 3

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

7 9

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

8 10

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

9 11

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

10 12

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

11 13

Шаг 4

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

12 14
13 15

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

14 16

Шаг 5

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

15 17

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

16 18

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

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

17 19

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

18 20
19 21
20 22

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

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

Космическая ретушь
0 комментарий

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

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии