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

Ссылки, описания, дополнительная информация для моих уроков на YouTube
Аватара пользователя

Автор темы
aeplug
Санта
Санта
Сообщения: 2802
Зарегистрирован: 18 мар 2016, 23:20
Откуда: С Ютуба
Благодарил (а): 18 раз
Поблагодарили: 274 раза
Контактная информация:

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


Теги:

Сообщение #1 aeplug » 19 апр 2016, 15:39

Я подготовил несколько видео уроков в помощь новичкам, изучающим 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


Видео уроки для After Effects http://www.youtube.com/AEPlug
Платные консультации по работе в программах

Теги:


Аватара пользователя

Автор темы
aeplug
Санта
Санта
Сообщения: 2802
Зарегистрирован: 18 мар 2016, 23:20
Откуда: С Ютуба
Благодарил (а): 18 раз
Поблагодарили: 274 раза
Контактная информация:

Основы создания анимации текста

Сообщение #2 aeplug » 19 апр 2016, 19:17

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

Кстати, воздействовать можно не только на буквы, но и на слова или целые строки текста сразу.
Выбор режима работы Animator.jpg
Выбор режима работы Animator.jpg (12.56 КБ) 18347 просмотров
Выбор режима работы Animator.jpg
Выбор режима работы Animator.jpg (12.56 КБ) 18347 просмотров

Все очень просто - берете аниматор, назначаете на текст, выбираете любые доступные параметры для изменения и с помощью ключей, как обычно, анимируете их.
Но если заглянуть поглубже, то становится видно, что эффект работает на двух уровнях.
1. Выбор изменяемых настроек, которыми будет отличаться текст от оригинального.
Свойства для анимации.jpg
Свойства для анимации.jpg (23.38 КБ) 18347 просмотров
Свойства для анимации.jpg
Свойства для анимации.jpg (23.38 КБ) 18347 просмотров

2. Выбор области применения измененных настроек, так называемый Selector.
text selector.jpg
text selector.jpg (6.72 КБ) 18347 просмотров
text selector.jpg
text selector.jpg (6.72 КБ) 18347 просмотров

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

Автоматически будет создан самый популярный и часто используемый селектор текста Range Selector. Теперь достаточно лишь задать Opacity на 0 и изменять параметр Start с помощью ключей анимации.
Быстрая настройка печатной машинки.jpg
Быстрая настройка печатной машинки.jpg (20.57 КБ) 18345 просмотров
Быстрая настройка печатной машинки.jpg
Быстрая настройка печатной машинки.jpg (20.57 КБ) 18345 просмотров
Видео уроки для After Effects http://www.youtube.com/AEPlug
Платные консультации по работе в программах

Аватара пользователя

Автор темы
aeplug
Санта
Санта
Сообщения: 2802
Зарегистрирован: 18 мар 2016, 23:20
Откуда: С Ютуба
Благодарил (а): 18 раз
Поблагодарили: 274 раза
Контактная информация:

Комбинирование нескольких аниматоров текста

Сообщение #3 aeplug » 19 апр 2016, 19:34

На один текстовый слой можно применить несколько аниматоров, комбинируя их эффект воздействия. А в одном аниматоре можно использовать несколько свойств текста для изменения.
Пример комбинирвоания параметров аниматора.jpg
Пример комбинирвоания параметров аниматора.jpg (21.88 КБ) 18344 просмотра
Пример комбинирвоания параметров аниматора.jpg
Пример комбинирвоания параметров аниматора.jpg (21.88 КБ) 18344 просмотра

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

Результат вы можете посмотреть на картинке ниже.
Пример полученной анимации.gif
Пример полученной анимации.gif (38.16 КБ) 18342 просмотра
Пример полученной анимации.gif
Пример полученной анимации.gif (38.16 КБ) 18342 просмотра

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

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

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

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

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

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

Ну и, конечно, не забывайте про мои уроки выше :yarr:
Видео уроки для After Effects http://www.youtube.com/AEPlug
Платные консультации по работе в программах

Аватара пользователя

Автор темы
aeplug
Санта
Санта
Сообщения: 2802
Зарегистрирован: 18 мар 2016, 23:20
Откуда: С Ютуба
Благодарил (а): 18 раз
Поблагодарили: 274 раза
Контактная информация:

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

Сообщение #4 aeplug » 23 июн 2016, 23:19

Видео уроки для After Effects http://www.youtube.com/AEPlug
Платные консультации по работе в программах


Вернуться в «Мои уроки»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей