Создаём анимированный текст в After Effects

09/05/2011    Просмотров : 33511    Источник: videosmile.ru    Автор: Артем Лукьянов

Итак, начнём!

Шаг 1.
Первым делом создаём новую композицию (сочетание клавиш Ctrl+N). Далее при помощи инструмента Horizintal Type Tool (Ctrl+T) напишите в панели Composition желаемый текст.

Шаг 2.
Выделите слой с текстом на панели Timeline и выполните команду Layer => Create Shapes from Text (Создать формы из текста).

На панели Timeline появится новый слой с формами.

Раскройте слой с формами, далее раскройте группу Contents (Содержимое). Как Вы видите программа создала не одну форму для всего слова, а по форме для каждой из букв.

Здесь важно помнить, что некоторые буквы (такие например как i e j) могут содержать в себе не одну, а две формы. В моём случае это буква е.

Это мы немного ушли в теорию, вернёмся же к уроку.

Шаг 3.
Следующим шагом будет редактирование внешнего вида текста. Для этого выделите слой с формами на панели Timeline. Чуть выше панели Composition появится панелька для настройки заливки и обводки нового слоя.

Кликните по слову Fill (Заливка) и выберите вариант без заливки.

Далее кликните по прямоугольнику правее надписи Stroke (Обводка), чтобы выбрать цвет обводки. Выберите любой цвет (я например выбрал светло-серый D4D4D4).

Измените толщину обводки примерно на 4–6 пикселей.

Вот что я получил в итоге:

Шаг 4.
Раскройте слой с формами. Кликните по кнопке Add и выберите пункт Trim Paths.

Тем самым мы добавили к слою с формами новый параметр, который позволяет обрезать контуры форм.

Шаг 5.
Раскройте параметр Trim Paths. Переместите индикатор текущего времени в начальную позицию. Включите режим анимации для параметра End, кликнув по кнопке с секундомером. Измените значение параметра End на 0%.

Переместите индикатор на 2 секунды вперёд и измените значение параметра End на 100%.

Просмотрите анимацию. Текст эффектно прорисовывается в течении 2 секунд.

При желании можно ещё добавить анимации параметру Offset, это добавит динамики нашей анимации.

Вот, что у нас получилось в итоге:

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

Понравилось? Поделитесь с друзьями!

Комментарии: 23

Чтобы оставить комментарий или поделиться своей работой, пожалуйста, авторизуйтесь

  • 8 Мая 2020 - 19:18:21

    Здравствуйте. Не подскажите почему когда создаю путь для текста он всегда помещает под него, а не над ним?


    • Евгений Гончаров 11 Мая 2020 - 14:14:01

      Здравствуйте, странная проблема, попробуйте создать текст не простым кликом с выбранным инструментом текста, а нарисовав прямоугольник, тут рассматривался этот вопрос: https://bit.ly/3dxkZEy


  • minisolnishko 20 Марта 2020 - 18:28:44

    аааащеее класс! давно хотела научится этой анимации!\7


  • Ксюша Войнова 10 Марта 2019 - 19:45:07

    Здорово получается


  • Slemik 7 Марта 2019 - 11:23:13

    Ух ты! Здорово! Если подобрать правильный шрифт, эффект получается стильным!


  • Tatyana Elisnratova 6 Марта 2019 - 16:03:51

    Спасибо большое! Такой простой эффект! Получился сразу.


  • zlikhoded 7 Марта 2017 - 22:17:23

    Красота!Лепота)


  • Марат Гарипов 10 Декабря 2016 - 14:45:36

    Спасибо, простой и эффектный урок


  • Dmitrik Skibichevski 20 Сентября 2016 - 20:51:29

    Евгений, а можно Вас найти в какой-либо соц сети? У меня куча вопросов.


    • Евгений Гончаров 21 Сентября 2016 - 06:02:13

      Да, конечно vk.com/manntour
      Но если вопросы для широкого обсуждения - лучше создать тему на форуме.


  • Dmitrik Skibichevski 19 Сентября 2016 - 19:24:52

    http://radikal.ru/video/Bq9fDLxoyJX


    • Евгений Гончаров 19 Сентября 2016 - 23:33:43

      Изучайте плагин Element 3D, в нем можно создать такой текст и добавить подобное окружение. В идеале, конечно, использовать 3D пакет, но вы попросили совета по AE https://www.youtube.com/watch?v=WzZlF269iRU


  • Dmitrik Skibichevski 18 Сентября 2016 - 21:29:06

    Доброго времени суток!
    На одном видео видел заставку с анимацией, которая сделана в Adobe After Effects и нечто подобное бы я хотел тоже повторить. Как мне прикрепить часть этого видео, чтобы не объяснять на словах?


    • Евгений Гончаров 19 Сентября 2016 - 10:41:48

      Залейте на какой-нибудь бесплатный файлообменник


  • Зама 21 Декабря 2015 - 20:45:58

    Привет всем! как установить плагин Form для After Effects?


    • Евгений Гончаров 22 Декабря 2015 - 16:01:40

      Скачивайте с официального сайта Red Giant и следуйте инструкциям установщика


  • viktorkazaku.mail.ru 26 Апреля 2015 - 13:11:26

    Круто. Спасидо


  • rocksanta2014 18 Марта 2015 - 00:04:15

    Спасибо просто улёт)


  • Владислав Филиппов 12 Февраля 2015 - 18:07:09

    интересно - вроде все просто, пробую


  • arthur.voronec 14 Июля 2014 - 19:29:43

    Добрый вечер, помогите пожалуйста мне в создании ролика в котором по моей задумке на небе появятся буквы с признанием в любви для девушки.


    • Marsel_VideoSmile 20 Июля 2014 - 23:00:15

      А что конкретно не получается?


  • Марат Шелгунов 2 Декабря 2013 - 10:57:22

    А как сделать что бы каждая буква прописывалась друг за другом?


  • Марат Шелгунов 1 Декабря 2013 - 22:32:27

    Супер!!!!!!!!!!!


Еще уроки из рубрики "Статьи"

Готовые сборки компьютеров для работы с графикой.

Готовые сборки компьютеров для работы с графикой от VideoSmile.ru на 01.07.2014

18/07/2014. After Effects - Статьи. Автор: Артем Лукьянов
44055
57

Небольшая памятка по работе с эффектом Curves

Небольшая памятка по работе с эффектом Curves от VideoSmile™Lab

20/04/2014. After Effects - Статьи. Автор: Артем Лукьянов
20219
9

Курсы Adobe After Effects

На этой странице представлены лучшие курсы по Adobe After Effects. Пошаговые видеоуроки, видеокурсы, статьи по After Effects.

15/03/2015. After Effects - Статьи. Автор: Руслан Савченко
36104
0

Adobe After Effects – программа для видеоэффектов! Обзор и сравнение.

Программа Adobe After Effects. Обзор и сравнение с другими программами для обработки видео и создания цифровых видеоэффектов.

17/03/2015. After Effects - Статьи. Автор: Руслан Савченко
212701
23

Обучение After Effects

Лучшее обучение работе с Adobe After Effects. Статьи, бесплатные видеокурсы и видеоуроки по программе After Effects.

18/03/2015. After Effects - Статьи. Автор: Руслан Савченко
51255
16

Полезные горячие клавиши в After Effects

Использование горячих клавиш - это неотъемлемая часть работы в After Effects. Горячие клавиши значительно упрощают жизнь и повышают скорость работы. Не секрет, что в...

04/07/2013. After Effects - Статьи. Автор: Артем Лукьянов
247485
125
Наверх
Орфографическая ошибка в тексте:
своими руками В этом уроке рассказывается, как сделать складной софтбокс размером 40х40 см, который похож на

Послать сообщение об ошибке администратору? Ваш браузер останется на той же странице.

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

Окно закроется автоматически через 3 секунды