Перейти на новую версию сайта https://iuraf.ru

Adobe After Effects. Урок 13

Текст в Adobe After Effect.
Параметры текста. Шаблоны. Аниматоры.

1. Параметры текста.

Для работы с текстом активизируем инструмент 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 - выберите цвет обводки.

В поле Stroke Width - введите толщину обводки.



7. Пример дополнительных опции анимации текста.

Для примера рассмотрим использование аниматора "Trim Paths":

  • Создаём новую композицию (Ctrl+N);
  • При помощи инструмента Horizontal Type Tool (Ctrl+T) набираем в панели Composition желаемый текст;
  • Выделяем слой с текстом и выполните команду меню Layer/Create Shapes from Text;
  • Раскройте слой с формами. Кликните по кнопке Add и выберите пункт Trim Paths. Тем самым мы добавили к слою с формами новый параметр, который позволяет обрезать контуры форм;
  • Раскройте параметры Trim Paths. Переместите Курсор воспроизведения в t=5 сек. и включите режим анимации для параметра End, кликнув по кнопке с секундомером;
  • Переместите Курсор воспроизведения в t=0 сек. и измените значение параметра End на 0%.

Просмотрите анимацию.



Скачать проект Adobe After Effects текущего урока (0.14 Мб)



Теперь мы можем переходить к следующему уроку.

Урок 14. 3D текст в Adobe After Effects.