Новогодняя акция! До 1 февраля стоимость консультации составляет 300р/час.

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

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

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

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

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

Подборка уроков по анимации текста в 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
Санта
Санта
Сообщения: 913
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 2 раза
Поблагодарили: 89 раз

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

Сейчас этот форум просматривают: CommonCrawl [Bot]