Подборка уроков по анимации текста в Adobe After Effects

[aeplug]

Я подготовил несколько видео уроков в помощь новичкам, изучающим After Effects, для быстрого освоения анимации текста и создания титров. Все что нужно знать для начала работы над созданием интересно анимированных титров.
Плейлист на YouTube: Работа с анимацией текста в After Effects
https://www.youtube.com/playlist?list=PL-JXfMS5pUAAScA6MkSXg4eDeGbnVfsny
Забавная анимация текста в After Effects
https://www.youtube.com/watch?v=-D9z0RyHmaw
Простой метод анимации текста в After Effects с помощью скрипта TextEvo
https://www.youtube.com/watch?v=k7c_VzNlU2k
Печатная машинка в After Effects и другое
https://www.youtube.com/watch?v=lewGkCT3Ut0
Анимация появления 3D текста в плагине Element 3D в After Effects
https://www.youtube.com/watch?v=Jnii9r2oCvQ
Уникальная ручная анимация текста по буквам в After Effects. Мастер-класс от Александра Ботезату
https://www.youtube.com/watch?v=4FaNnM6iWNc
Как сделать дрожащий текст в After Effects (Wiggly Text Selector) - Stop Motion эффект для текста
https://www.youtube.com/watch?v=3ymCQ-6HapQ

[aeplug]

Достаточно давно в After Effects появились инструменты для побуквенного изменения состояния текста, с помощью которых и создается вся анимация. Называется это дело Animator для текста.

Animator.jpg (6.08 КБ) 19222 просмотра

Animator.jpg (6.08 КБ) 19222 просмотра

Кстати, воздействовать можно не только на буквы, но и на слова или целые строки текста сразу.

Выбор режима работы Animator.jpg (12.56 КБ) 19222 просмотра

Выбор режима работы Animator.jpg (12.56 КБ) 19222 просмотра

Все очень просто - берете аниматор, назначаете на текст, выбираете любые доступные параметры для изменения и с помощью ключей, как обычно, анимируете их.
Но если заглянуть поглубже, то становится видно, что эффект работает на двух уровнях.
1. Выбор изменяемых настроек, которыми будет отличаться текст от оригинального.

Свойства для анимации.jpg (23.38 КБ) 19222 просмотра

Свойства для анимации.jpg (23.38 КБ) 19222 просмотра

2. Выбор области применения измененных настроек, так называемый Selector.

text selector.jpg (6.72 КБ) 19222 просмотра

text selector.jpg (6.72 КБ) 19222 просмотра

Например, что бы сделать самый популярный эффект печатания текста, надо выбрать свойство прозрачности (Opacity) для изменения.

Применение прозрачности на текст.jpg (6.74 КБ) 19220 просмотров

Применение прозрачности на текст.jpg (6.74 КБ) 19220 просмотров

Автоматически будет создан самый популярный и часто используемый селектор текста Range Selector. Теперь достаточно лишь задать Opacity на 0 и изменять параметр Start с помощью ключей анимации.

Быстрая настройка печатной машинки.jpg (20.57 КБ) 19220 просмотров

Быстрая настройка печатной машинки.jpg (20.57 КБ) 19220 просмотров

[aeplug]

На один текстовый слой можно применить несколько аниматоров, комбинируя их эффект воздействия. А в одном аниматоре можно использовать несколько свойств текста для изменения.

Пример комбинирвоания параметров аниматора.jpg (21.88 КБ) 19219 просмотров

Пример комбинирвоания параметров аниматора.jpg (21.88 КБ) 19219 просмотров

В данном примере каждая буква перед исчезновением так же будет увеличиваться в масштабе до 250%.
Ну и последний пример - мы сделали появление текста как на печатной машинке по буквам, и хотим его как то интересно скрыть с экрана в конце. Делаем второй аниматор, помещаем в него допустим параметр Position, как то его меняем (зависит от направления желаемого движения отдельных букв), и у второго аниматора анимируем область применения так же как в первом случае.

Пример применения двух аниматоров.jpg (59.01 КБ) 19218 просмотров

Пример применения двух аниматоров.jpg (59.01 КБ) 19218 просмотров

Результат вы можете посмотреть на картинке ниже.

Пример полученной анимации.gif (38.16 КБ) 19217 просмотров

Пример полученной анимации.gif (38.16 КБ) 19217 просмотров

Получается, что пока один аниматор занимается увеличением прозрачности от 0 до текущего значения, второй поднимает буквы вверх.

---

Вместе с программой ставится большое количество уже готовых пресетов для текста (и не только). Обычно они лежат в папке программы

Код: Выделить всё

С:\Program Files\Adobe\Adobe After Effects CC 2015\Support Files\Presets\

Пресеты для анимации текста.jpg (16.48 КБ) 19217 просмотров

Пресеты для анимации текста.jpg (16.48 КБ) 19217 просмотров

Поизучайте их на досуге, что бы понять как они работают и как лучше всего организовать анимацию. Их можно посмотреть с предпросмотром в программе Adobe Bridge, что гораздо удобнее!

Adobe Bridge.jpg (40.28 КБ) 19217 просмотров

Adobe Bridge.jpg (40.28 КБ) 19217 просмотров

Ну и, конечно, не забывайте про мои уроки выше

[aeplug]

Вот еще темка для ознакомления:
Генерирование текста со случайными цифрами с помощью выражений в After Effects