Текущие версии программ: After Effects CC 2017 v14.0.1  Premiere Pro CC 2017 v11.0.1

не стесняйтесь создавать новые темы для новых вопросов

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

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

Автор темы
aeplug
Санта
Санта
Сообщения: 850
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 2 раза
Поблагодарили: 82 раза

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

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

Я подготовил несколько видео уроков в помощь новичкам, изучающим After Effects, для быстрого освоения анимации текста и создания титров. Все что нужно знать для начала работы над созданием интересно анимированных титров.
Забавная анимация текста в 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 http://www.youtube.com/AEPlug
Платные консультации по работе в программах


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

Автор темы
aeplug
Санта
Санта
Сообщения: 850
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 2 раза
Поблагодарили: 82 раза

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

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

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

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

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

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

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

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

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

Автор темы
aeplug
Санта
Санта
Сообщения: 850
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 2 раза
Поблагодарили: 82 раза

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор темы
aeplug
Санта
Санта
Сообщения: 850
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 2 раза
Поблагодарили: 82 раза

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

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

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


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Подборка уроков по созданию "шурешек" в After Effects Вложения
    aeplug » 19 июн 2016 13:20 » в форуме Мои уроки
    0
    1522
    aeplug
    19 июн 2016 13:20
  • Срывание поверхности с объекта в Cinema 4D - Подборка уроков Вложения
    aeplug » 07 май 2016 19:26 » в форуме Мои личные заметки о программе
    1
    647
    aeplug
    06 сен 2016 22:08
  • Создание анимации появления 3D текста в After Effects с плагином Element 3D Вложения
    aeplug » 17 июн 2016 19:18 » в форуме Мои уроки
    0
    834
    aeplug
    17 июн 2016 19:18
  • Генерирование текста со случайными цифрами с помощью выражений в After Effects Вложения
    aeplug » 25 май 2016 03:36 » в форуме Мои уроки
    0
    914
    aeplug
    25 май 2016 03:36
  • Появление мятых бумажных букв или текста в After Effects (скрипт Origami) Вложения
    aeplug » 28 сен 2016 18:34 » в форуме Мои уроки
    0
    219
    aeplug
    28 сен 2016 18:34

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

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

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