Самый простой способ начать работу с кинетической типографикой — это Adobe After Effects. Это самая простая программа для перемещения по вашему тексту, и ее легко выполнить с помощью ключевых кадров. After Effects предлагает встроенный инструмент, который делает кинетический тип лучше и динамичнее, одновременно облегчая вашу работу.
Эта процедура применяется к Adobe After Effects CC 2020. Предыдущие версии After Effects CC работают аналогично.
Как создать кинетическую типографику в Adobe After Effects
-
Создать новую композицию.
-
Редактировать текст На данный момент лучше всего работать без закадрового или звукового сопровождения и просто сосредоточиться на изучении работы текстового аниматора.
-
Выберите текстовый инструмент на панели инструментов в верхней части экрана или нажмите Cmd + T на Mac или Ctrl + T в Windows. Чтобы изменить шрифт или цвет текста, откройте окно символов.
Окно Персонажа не открывается по умолчанию в макете анимации. Чтобы открыть его, выберите « Окно», а затем « Символ», чтобы включить эту панель инструментов.
-
Затем щелкните в вашей композиции, чтобы создать новое текстовое поле. Введите то, что вы хотите сейчас, а затем, когда вы закончите, нажмите на другое окно в After Effects, чтобы отключить ввод. Одним из способов является щелчок по временной шкале, но вы можете щелкнуть в любом месте за пределами окна композиции.
-
Добавьте немного стиля в ваш текст с помощью текстовых аниматоров. Чтобы найти аниматора текста, нажмите стрелку раскрывающегося списка, чтобы отобразить атрибуты вашего текстового слоя на временной шкале. Вы увидите еще два раскрывающихся меню: Текст и Преобразование . В той же строке вы должны увидеть, что раскрывающийся список Текст включен, а справа «одушевлен» с маленькой стрелкой в кружке рядом с ним. Это текстовый аниматор.
-
Нажав на эту стрелку, вы откроете опции текстового аниматора и увидите множество опций, таких как положение , масштаб , вращение и прозрачность . Текстовый аниматор анимирует текст отдельно в текстовых аниматорах и позволяет вам применять столько аниматоров, сколько вам нужно.
-
Чтобы попробовать пример, выберите вращение , которое добавляет аниматор вращения к вашему тексту. Вы увидите, что Range Selector 1 и Rotation появятся под Animator 1 на вашей временной шкале. Аниматор работает так, как будто вы применяете вращение или другой атрибут к своему тексту, а затем селектор диапазона управляет анимацией. При щелчке по раскрывающемуся списку Range Selector отображается Start End и Offset .
-
Измените вращение текста так, чтобы все буквы лежали на боку. Не беспокойтесь о необходимости анимировать с помощью ключевого кадра — для этого предназначен селектор диапазона. Нажмите 0 процентов рядом со смещением и сдвиньте его вперед и назад. Видишь, как твои письма оживляют от того, чтобы лежать и вставать? Нулевой процент — это начало анимации, а 100 процентов — это конец. Затем добавьте два ключевых кадра в смещение, один для 0 и один для 100.
Преимущества использования текстовых аниматоров
Текстовые аниматоры значительно упрощают создание кинетической типографии. Используя приведенный выше пример, просто нажав одну кнопку, вы добавили анимацию непрозрачности в свой текст, не делая ничего, кроме изменения одного значения. Преимущество текстовых аниматоров заключается в том, что они могут легко настраивать и изменять анимацию, а также изменять текст без необходимости настраивать анимацию. Если вы хотите изменить слово, просто введите новое слово, и анимация и время останутся прежними.