Как сделать надпись в after effects

Добавил пользователь Владимир З.
Обновлено: 04.10.2024

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

Приблизительно все это можно описать следующими словами:
Track camera — отслеживать движение камеры
Track motion — отслеживать движение
Warp stabilizer — сглаживать колебания
Stabilize motion — стабилизировать движение

И возможности чекбоксов:
Position — отслеживать движение
Rotation — отслеживать вращение
Scale — отслеживать масштабирование

Каждое из окошек нацелено на выделение зоны, которую нужно отследить. В связи с тем, что мы будем использовать наше отслеживание к нулевому объекту, можно отслеживать не конкретно нужную нам точку, а что-то близкое. В моем случае это будут границы круга (смотрим скрин чуть выше)

где каждый из квадратиков — ключевая точка. Применяем анализ нажатием кнопки Apply в окне Трекера.
Дальше все совсем просто — используя нулевой слой (напомню, этот слой уже знает, как ему нужно двигаться) привязываем к нему текст. Добавляем текстовый слой:
Layer — New — Text

таким образом текст четко привязывается к нулевому объекту. Собственно … на этом все 🙂

Более подробно все это можно посмотреть в видеоуроке — всего две минуты:

Готовый пример вы можете посмотреть ниже (за смайликом прячется кружка с пивом):

И вот (за смайликом спрятали голову гонщика — как раз этот пример рассмотрен в видеоуроке выше):

Кстати, в качестве исходного видео взято видео с канала моего сына 🙂 Подписывайтесь, ставьте лайки — ему будет приятно!

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

Создание анимации в программе Adobe After Effects

Создадим две произвольные надписи и применим к одной из них эффект вращения. То есть надпись будет вращаться вокруг своей оси, по заданной траектории. Потом удалим анимацию и применим другой эффект, который будет перемещать наши надписи в правую сторону, за счет чего получим эффект выезжающего текста из левой части окна.

Создание вращающегося текста при помощи Rotation

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

То же самое сделаем со вторым слоем.

Создание эффекта выезжающего текста

Применение других эффектов

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создадим новую композицию размером 1920×1080 px.
Количество кадров по желанию, здесь ставлю 30fps. И время видео ролика 10 секунд.

Дальше загружаем в проект картинку с фоном, на котором будем делать анимацию текста. Картинку скачайте ниже:

Шаг 2 Как создать текстовый слой?

В верхнем меню выбираем Layer / New / Text Layer. На панели слоев появляется красный слой для текста. Курсором нажимаем на место где появится текст и пишем. Я использую заготовленный текст.

“How typing on a manual typewriter
can start the flow of your writing”

Шаг 3 Как сделать эффект печатной машинки?

Справа в меню выбираем строку Effects & Presets и в поиске пишем Typewriter. Находим эффект Typewriter и переносим его на слой с текстом.

Далее заходим в настройки слоя с текстом Text / Animator 1 / Range Selector. Видим, что у строчки Start уже стоят 2 ключа с анимацией от 0 до 100. Собственно эти ключи и анимируют появление текста по буквам. 0 — нет текста, 100 — полное заполнение.

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

Шаг 4 Как сделать появление текста по словам?

В строке Range Selector заходим в настройки Advanced, далее находим строку Based on и меняем в меню с Character на Words. Теперь видим как программа проявляет текст по словам.
Еще один эффект. Ниже находим строку Smoothness и увеличиваем настройки до 100%. Видим что в конце написанной буквы появляется полупрозрачная следующая буква. Сворачиваем настройки используя клавишу U и давайте добавим звук печатной машинки. Звук доступен для скачивания ниже.

Звук печатной машинки

Звук клавиатуры

Как скачать?

Шаг 5 Как добавить звук печатной машинки?

Переносим звуковой файл в проект на область слоев. Ставим в вниз. Заходим в настройки / Audio / Waveform. Видим как появился график аудиозаписи. Находим на графике нужный участок звука, подходящий по длине написания текста. Ставим индикатор Timeline на месте, где будем разрезать дорожку. Нажимаем сочетание клавиш Ctrl + Shift + D. Такой командой программа разделяет выделенные слои (если слои не выделены, разделяет все слои.) Также подгоняем ключи анимации текста под длину звука и смотрим результат.

Продлим звуковую дорожку двигая за правый край. Оставим только маленький фрагмент звука и к нему подтягиваем ключи анимации текста. Таким образом анимация и звук стали короче. Вы можете настраивать звуковую дорожку любой длины используя график Waveform.

Как сделать эффект набора текста на клавиатуре со звуком?

Дублируем текст с анимацией появления используя сочетание клавиш Ctrl + D. Загружаем в проект звук набора текста на клавиатуре. Открываем настройки / Audio / Waveform и находим нужный участок со звуком клавиатуры.
Справа в меню открываем строку Character и меняем шрифт на Open Sans или другой прямой шрифт без засечек. Подстраиваем расположение ключей под картинку звука. Отрезаем лишний звук и смотрим результат.

Как сделать ввод текста с мигающим курсором?

Создадим новый векторный слой. В верхнем меню выбираем Layer / New / Shape Layer. Как переименовать слой? Выделяем векторный слой и нажимаем клавишу Enter для того, чтобы переименовать текст. Подпишем слой “Курсор”. Вверху на панели выбираем цвет заливки черный а фигуру рисунка прямоугольник.

Увеличиваем изображение используя scroll колесико мышки и рисуем фигуру курсора. Размер курсора должен получится по размеру текста. Как сделать центр вращения слоя? Выбираем слой и нажимаем на него правой кнопкой мыши. Выбираем Transform / Center Anchor Point in Layer Content.
Вернемся в настройки текста и отключим полупрозрачное появление следующей буквы (ставим 0%). Теперь текст стал четким и переносим курсор в начало первого слова.

Как сделать ввод текста с мигающим курсором?

Выбираем слой с курсором. Нажимаем клавишу T и открываем анимацию прозрачности. Ставим ключи 100 — 0 — 100 — 0% через небольшие интервалы.
Также вы можете копировать ключи используя клавиши Ctrl + C и Ctrl + V для вставки.

Далее заходим в анимацию позиции используя клавишу P. Выставляем timeline в начало ролика. Нажимаем на часики и ставим первый ключ анимации. На ключ нажимаем правой кнопкой мыши и в всплывающем меню выбираем Toggle Hold Keyframe.

Начинаем сдвигать картинку курсора к концу где появляется следующий текст. Для отступа интервала видео используйте синий индикатор на панели Timeline. После того как поставили ключи позиции подтягиваем край композиции ролика, чтобы убрать лишнее время. Оставшееся время без анимации курсора заполним эффектом мигания курсора. Для этого скопируйте предыдущие ключи.

Вот такая анимация набора текста в стиле печатной машинки со звуками получилась.

Как вписать текст в границы не прямоугольной формы? Предположим, я хочу чтобы текст обтекал фото. С прямоугольной формой нет проблем. Но как в неё добавить точки? Даже word это может, Неужели в АЕ нет такой возможности?

eddy445

Active Member

Так делайте видео в ворде. Неужели там нет такой возможности?
Ае не текстовый редактор. Обтекания текстом и других сугубо верстальных функций там нет. Еще он не готовит кофе и не приносит тапочки.
Готовте ваши текстовые композиции в, например, Иллюстраторе и импортируйте в АЕ.

Gold Expert

1.На слоем с изображением создать текстовый слой
2.Написать нужный текст
3.На слое с изображением создать контур-маску, выделить ее и скопировать (Ctrl+C)
4.Перейти на текстовый слой и вставить маску (Ctrl+V)
5.В свойствах текста развернуть Path Options и в меню Path выбрать вставленную маску
6.Текст расположится по контуру маски. Маску на слое с изображением можно удалить
7.Изменить позиции начали и окончания текста изменяя значения First Margin и Last Margin

eddy445

Active Member

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

Читайте также: