Cd-m.ru

ПК Журнал СД-М
3 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать анимацию из текста в Adobe After Effects

Как сделать анимацию из текста в Adobe After Effects

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

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

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

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

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

Создание новой композиции в Adobe After Effects

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

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

Создание новой надписи в Adobe After Effects

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

Работа с панелью слоев Adobe After Effects.

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

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

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

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

Меняем значение Rotation в Adobe After Effects

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

Передвигаем ползунок Тайм Лайн для изменения позиции в Adobe After Effects

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

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

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

Удаление меток анимации в Adobe After Effects

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

Изменение Position в Adobe After Effects

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

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

Все эффекты для анимаций в Adobe After Effects

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

Сброс настроек до стандартных в Adobe After Effects

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

Включить числовые значения эффектов в Adobe After Effects

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

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

Помимо этой статьи, на сайте еще 12368 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.

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

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

Читать еще:  Как изменить поисковую систему в Опере

WWW.IURAF.RU Уроки видеомонтажа в Adobe

Для работы с текстом активизируем инструмент Horizontal Type Tool, для ввода горизонтального текста. При повторном нажатии комбинации клавиш включится режим вертикального ввода текста, Vertical Type Tool.

При выборе данного инструмента автоматически открываются панели Character и Paragraph. Это произойдет, если включена опция Auto-Open Panels на панели инструментов, если панели не открылись автоматически, нажмите на кнопку Toggle the Character and Paragraph panels слева от опции Auto-Open Panels на панели инструментов.

Панель Character предназначена для настройки шрифтов, цвета букв, цвета обводки, тип шрифта, размер, межстрочное и межбуквенное расстояние и тд. Панель Paragraph предназначена для настройки абзаца, то есть задания отступов, и выравнивания и тд.

Рассмотрим панель Character:

  • Set the font family — выбор начертания шрифта;
  • Set the font stile — выбор стиля шрифта;
  • Fill color — выбор цвета шрифта, и цвета обводки. Цвет шрифта устанавливается в палитре, которая открывается нажатием на образец цвета, или же можно установить цвет пипеткой(Eyedropper).;
  • Set the font size — размер шрифта;
  • Set the leading — межстрочное расстояние;
  • Set the kerning — межбуквенное расстояние;
  • Set the tracking — общая ширина текста;
  • Set the stroke width — ширина обводки, справа от параметра тип обводки;
  • Vertically scale — масштаб по вертикали;
  • Horizontally scale — масштаб по горизонтали;
  • Set the baseline shift — базовый уровень;
  • Set Tsume for selected charasters — плотность выбранного текста;
  • ниже строка для быстрого выбора начертания.

Содержимое панели Paragraph интуитивно понятно.

2. Ввод текста.

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

Завершив ввод нажмите Enter на цифровом блоке клавиатуры, либо снимите выделение с текстового слоя кликнув в пустой области панели Timeline. ВНИМАНИЕ! При нажатии на основную клавишу Enter ввод текста будет переведен на новую строку.

Края текста ограничены восемью маркерами. Используя инструмент выделения Selection Tool измените масштаб текстового слоя, при этом качество текста не ухудшится т.к. текст в Adobe After Effects сохраняется в векторной форме, и при масштабировании качество не изменяется.

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

3. Свойства текста.

Если развернуть свойства текстового слоя на панели Timeline, то кроме группы стандартных свойств Transform, появится группа свойств Text. Обратите внимание на меню Animate справа от группы свойств Text. Это меню содержит группы аниматоров, которые можно применять к тексту.

Рассматривать все свойства мы не будем, так как проще для работы использовать готовые Текстовые шаблоны или, как их еще называют — текстовые аниматоры.

4. Шаблоны текста.

В панели Effects & Presets найдем Текстовые шаблоны анимации — Animation Presets/Text. Это библиотека текстовой анимации. Здесь откроем папку с шаблонами Animate In, выберем шаблон «Вброс снизу», перетащим его на текстовый слой и нажмем Play для прсмотра.

В свойствах слоя в группе свойств «Text», появится подгруппа параметров «Animator 1». Можно поэкспериментировать с параметрами в этой подгруппе.

Если к слою применить еще один шаблон — появится подгруппа параметров «Animator 2» и т.д.

ВНИМАНИЕ! При перетаскивании нескольких анимаций на один слой они накладываются друг на друга и эффекты анимации складываются. Поэтому, если Вы хотите избежать путаницы, удаляйте предыдущую анимацию перед добавлением следующей.

Для удаления аниматора выделите его в свойствах слоя на панели Timeline и нажмите клавишу Delete.

5. Редактирование шрифта при помощи кривых Безье.

Удалим все аниматоры, выделим текстовый слой, в меню Layer/Create Masks from Text создадим новый слой с масками для каждой буквы, при этом видимость текстового слоя отключится, на панели Composition будет отображаться только слой с масками. Хватаем мышью точки Безье на маске и тянем. Убираем выделение слоя и любуемся на результат.

Читать еще:  Как проверить температуру видеокарты

6. Редактирование шрифта при помощи Шейпов.

  • Создаём новую композицию (Ctrl+N);
  • При помощи инструмента Horizontal Type Tool (Ctrl+T) набираем в панели Composition желаемый текст;
  • Выделяем слой с текстом и выполните команду меню Layer/Create Shapes from Text (Создать формы из текста — Шейпы).

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

Некоторые буквы (такие, например, как i и j) могут содержать в себе не одну, а две формы.

Выделите слой с формами на панели Timeline. Над панелькой Composition появится панелька для настройки заливки и обводки нового слоя. В ней всего три опции: Заливка, Обводка и толщина обводки.

Кликните Fill (Заливка), появится панелька Fill Options — выберите цвет заливки.

Кликните Stroke (Обводка), появится панелька Stroke Options — выберите цвет обводки.

Как анимировать текст в After Effects

Доброго времени суток, дорогие читатели. Вы наверняка знаете, что After Effeсts является одним из лучших видео-редакторов современности. Но главное – эта программа позволяет создавать просто невероятные анимации, в том числе и анимации текста, и в сегодняшней статье мы расскажем вам, как это сделать.

Итак, изначально вам нужно будет зайти в программу и создать новую композицию. Когда она будет готова (после выставления необходимых настроек), вам нужно будет выбрать инструмент текста (буква Т, на верхней панели или комбинацией горячих клавиш Ctrl+T). После этого вводим текст, который нам будет нужен на анимации.

анимировать текст After Effects

Как вы видите, текст получился далеко не по центру рабочего стола. Чтобы анимация вышла красивой и стильной, текст нужно отцентровать. Для этого на правой панели находим пункт «Alighn», выбираем наш слой и регулируем его так, чтобы он стоял строго по центру рабочего стола и по горизонтали, и по вертикали.

как анимировать текст в афтер эффект

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

анимировать текст афтер эффект

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

как анимировать текст афтер эффект

Передвигаемся на нашу основную композицию, перетаскиваем на нее текст, кликаем на нее правой кнопкой мышки и выбираем функцию «Pre-compose». У вас откроется маленькая табличка, в которой нужно будет выбрать второй формат.

анимировать текст афтер эффект

Далее открываем новую композицию. Нам нужно повернуть ее на 90 градусов. Для этого выбираем композицию и нажимаем на «R». На рабочем столе, в нижнем левом углу экрана, вы увидите пункт Rotation. Поставьте значение в 90 градусов.

текст After Effects

После этого нажмите кнопку «S», чтобы уменьшить текст настолько, чтобы он вписывался в размер картинки по высоте.

after effects текст

После этого вам нужно будет перейти в раздел эффектов. Вам понадобится эффект Motion Tile. Дважды кликните по нему и он применится на вашу композицию.

adobe after effects текст

Единственный момент – в левой части экрана обратите внимание на пункт Output Height. Таким образом вы сможете создать новые слои непосредственно на композиции с текстом.

появление текста в after effects

После этого вам нужно будет вернуться на первую композицию и добавить на нее эффект «CC Сylinder». Ваш текст свернется теперь в цилиндр, что уже выглядит достаточно круто и стильно.

появление текста в after effects

Можно немного подкорректировать позицию и изменение по осям X/Y/Z. Можем вернуть текст в изначальную позицию, поставив значение изображения угла в -90 градусов. Остается лишь косметические штрихи, которые можно сделать тут же.

Читать еще:  Почему не удается активировать Windows 10

Теперь остается сделать саму анимацию. Для этого переводим строку на таймлайне на начало ролика и на позиции Rotation Y устанавливаем ключевой кадр. После этого перемещаем ползунок на таймлайне на некоторое время вперед, и ставим второе значение в графе Rotation Y.

3d текст в after effects

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

Как добавить текст в After Effects и изменить его некоторые свойства

В программе After Effects вы можете добавить текст различными путями, и делается это при помощи добавления нового слоя. О том, как работать со слоями, вы можете узнать из урока про слои в After Effects.

Вставка текста в After Effects

Самый простой способ, это зайти в меню Layer, выбрать пункт New, и затем Text, или, еще проще, нажмите Ctrl+T.

Добавление текста в After Effects

Далее, в окне предпросмотра, выберите, куда именно вы хотите вставить текст. После этого вы сможете набрать нужный вам текст. Вот собственно и все.

Добавление текста в After Effects

Но я сомневаюсь, что это всё, что вы хотели знать, а потому, давайте пройдемся дальше.

Как изменить свойства текста в After Effects

Для начала давайте изменим шрифт. Чтобы выбрать новый шрифт, выделим наш текст (только наполовину), а затем снова перейдем к нашей вкладке Character и выберите новый шрифт. Здесь же вы сразу можете увидеть, как будет выглядеть выбранный вами шрифт. Я собираюсь выбрать шрифт под названием Bebes Neue, но вы можете выбрать любой другой.

Добавление текста в After Effects

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

Прямо под выбором шрифта, вы можете выбрать его стиль: жирный, тонкий, курсив. Это очень похоже на то, что вы делаете в программе Word или в почти любом другом текстовом редакторе.

Добавление текста в After Effects

Справа от выбора шрифта и стиля, вы можете выбрать цвет шрифта.

Добавление текста в After Effects

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

Добавление текста в After Effects

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

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

Добавление текста в After Effects

Добавление анимации к тексту в After Effects

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

Добавление текста в After Effects

Добавление текста в After Effects

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

Добавление фона к тексту.

Теперь давайте попробуем добавить свой фон к тексту. Для этого, нажмите клавишу Q, и мышкой проведите за текстом. Вы должны получить что-то вроде этого. Это так называемый Shape Layer.

Добавление текста в After Effects

Переместите его на слой ниже слоя с текстом.

Добавление текста в After Effects

Измените цвет фона.

Добавление текста в After Effects

И теперь, объедините текстовый слой и его фон в один слой. Для этого выделите оба слоя, вызовите контекстное меню, и выберите пункт – Pre-compose.

Добавление текста в After Effects

Великолепно! Вот вы и смогли добавить свой текст в ваш проект в программе After Effects. А также вы теперь знаете, как придать ему некоторые свойства, и как сделать анимацию.

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector