Темы модуля:

• Текстовая анимация. Основные принципы • Шейповая анимация. Основные принципы • Полезные скрипты и пресеты для текстовой анимации

Способов анимировать текст в After Effects представлено множество. С существованием текстовой анимации знакомы все. Она важна почти в любом проекте любого направления, и сделать ее можно точно так же абсолютно по-разному. Я собрала несколько основополагающих принципов анимации текста с подробным объяснением ниже.

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

• анимация самого ввода текста
• анимация цвета, размера, обводки, шрифта
• анимация форм текста

Почти во всех из этих случаев используются Toggle hold ключи. Что это такое? Это ключи, между которыми не существует графика как такового. Они работают как переключатели состояния. В таких ключа анимация — просто резкая смена состояния объекта. Например, у нас есть 2 ключа, проставленных на масштабе текста. 1й ключ будет со значением 50, 2й со значением 100. Так вот в случае Toggle hold между ними производиться плавный рост числа от 50 к 100 не будет. В момент ключа 2 текст просто резко переключится на масштаб 100

Ввод текста — один из базовых типов анимации, иммитирующий изменение в составе символов самого текстового слоя

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

В такой анимации возможно задействовать только ключи Toggle Hold. Программа не может анимировать переход буквы «а» в букву «б» линейным способом. Это настраивается уже самим человеком, о чем мы поговорим позже в анимации форм текста

Давайте создадим простую анимацию ввода текста

• поэтапное создание ввода текста по картинкам

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

Вот что важно понимать про такого рода анимации:

— Шрифт: как и в случае с вводом текста, его можно анимировать только посредством toggle hold. — Цвет, размер и обводку анимировать линейными и любыми другими способами можно, только работа с их анимацией производится через кнопку «Animate» и выбором из всплывающего окна определенной необходимой опции.

• Анимация шрифта, цвета, размера и обводки, показанная поэтапно на картинках

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

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

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

• Анимация формы текста, показанная на картинках поэтапно.

Очень часто необходимо сделать так, чтобы текст появлялся на какое-то время в видео, а затем исчезал. Анимация появления и исчезновения может быть абсолютно точно так же любой, все зависит от стилистических особенностец проекта

Часто анимация текста сопровождается трансформами. Если вам необходимо, чтобы текст эффектно появился в кадре, нередко для этого используют всем известные параметры opacity, position, scale и rotation

Анимация текста в данном случае ничем не отличается от анимации любого другого объекта. Все делается точно так же

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

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

• Поэтапное объяснение анимации посимвольно на картинках, гифках и видео

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

• Поэтапное объяснение того, что как создавать фигуры через шецповые слои и что важно знать (картинки)

• Поэтапное объяснение того, что как создавать фигуры через шецповые слои и что важно знать (картинки)
• Поэтапное объяснение основных видов анимации фигур через меню «Add»

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

Здесь я собрала основные из них, которые выглядят достаточно базово и могут вписаться в различные задачи

ссылка

создать на свой вкус простейшую анимацию для логотипа НИУ ВШЭ (текст+шейпы)

ссылка на лого https://drive.google.com/drive/folders/1XyRdov1bD8i64uOGBw0m5XMy1oeJiLWd?usp=sharing