Уроки Моушн дизайн VideoSmile 9 мая 2011

Сложность: Легкий

Создаём анимированный текст в 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

Надеюсь у Вас всё получилось. Увидимся в следующих уроках и курсах по Adobe After Effects!

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Crt_input_label_help

После добавления работы:


Запланировать публикацию

{{pub_dates[pub_date]}}
Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адресе, помогающих нам сделать его удобнее для вас.