Adobe after effects анимация текста

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

Содержание

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

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

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

Нам необходимо создать новую композицию. Переходим в раздел «Composition» – «New Composition».

Добавим какую-нибудь надпись. Инструментом «Текст» выделяем область, в которой вводим нужные символы.

Отредактировать его внешний вид можно в правой части экрана, в панели «Character». Мы можем изменить цвет текста, его размер, положение и т. п. Выравнивание задается в панели «Paragraph».

После того, как внешний вид текста отредактирован, переходим в панель слоев. Она находится в левом нижнем углу, стандартной рабочей области. Здесь совершается вся основная работа по созданию анимации. Видим, что у нас появился первый слой с текстом. Скопируем его комбинацией клавиш «Ctr+d». Напишем второе слово в новом слое. Отредактируем по своему усмотрению.

А теперь применим к нашему тексту первый эффект. Ставим бегунок «Тайм-Лайн» на самое начало. Выделяем нужный слой и жмем клавишу «R».

В нашем слое видим поле «Rotation». Изменяя его параметры, текст будет крутиться по указанным значениям.

Нажимаем на часики (это значит что анимация включена). Теперь меняем значение «Rotation». Это делается путем ввода числовых значений в соответствующие поля или при помощи стрелочек, которые появляются при наведении на значения.

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

Теперь мы передвигаем бегунок «Тайм-Лайн» в нужное место и меняем значения «Rotation», продолжаем так столько, сколько вам нужно. Просмотреть как анимация будет отображена можно при помощи бегунка.

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

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

Теперь создадим для нашего текста другой эффект. Для этого удалим наши метки на «Тайм-Лайн» от предыдущей анимации.

Выделим первый слой и нажмем клавишу «P». В свойствах слоя видим, что появилась новая строка «Pozition». Первое ее знание изменяет положение текста по горизонтали, второе — по вертикали. Теперь мы можем проделать то же самое, что и с «Rotation». Можно сделать первому слову горизонтальную анимацию, а второму — вертикальную. Будет довольно эффектно.

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

Помимо этих свойств, можно применять и другие. Расписать все в одной статье проблематично, поэтому можно поэкспериментировать самостоятельно. Найти все эффекты анимации можно в главном меню (верхняя строка), раздел «Animation» – «Animate Text». Все, что здесь есть можно использовать.

Иногда бывает, что в программе Adobe After Effects все панели отображены по-другому. Тогда зайдите в «Window» – «WorkSpace» – «Resent Standart».

А если не отображаются значения «Position» и «Rotation» необходимо нажать на значок в нижней части экрана (показано на скриншоте).

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

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

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

Автор статей по дизайну. В веб-дизайн пришел в 2013 году, осознанно начал заниматься с 2015 года.

Параллельно освоил верстку. Время от времени публикую переводы на Хабре.

В After Effects 1 есть большая коллекция готовых текстовых эффектов. Они могут оказаться полезными, когда вам нужно сделать анимацию быстро: анимировать логотип для демонстрации клиенту или оживить слайды. Дальше — пошаговая инструкция по применению и созданию таких эффектов.

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

Вот что у вас получится в конце урока:

Программа из пакета Adobe, предназначенная для редактирования видео, создания анимации и спецэффектов. Используется в том числе в кинопроизводстве.

Шаг 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!

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

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

Читайте также: Газ 24 ком форум

Slemik 7 Марта 2019 — 11:23:13

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

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

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

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

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

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

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

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

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

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