Самый простой способ начать работу с кинетической типографикой – это Adobe After Effects. Это самая простая программа для перемещения по вашему тексту, и ее можно легко сделать с помощью ключевых кадров. В After Effects встроен инструмент, который делает кинетический тип лучше и динамичнее, одновременно облегчая вашу работу.
Создание кинетической типографии в Adobe After Effects
-
Открыв After Effects, создайте новую композицию. Примером размера для начала является 1920 на 1080 при длине 2 секунды.
-
Далее вы захотите отредактировать текст. На данный момент лучше всего работать без закадрового или звукового сопровождения и просто сосредоточиться на изучении работы текстового аниматора.
-
Выберите текстовый инструмент на панели инструментов в верхней части экрана или нажмите Command + T . Если вы хотите изменить шрифт или цвет текста, откройте окно символов.
Окно Персонажа не открывается по умолчанию в макете анимации. Но чтобы открыть его, вы можете выбрать Окно , а затем Персонаж , чтобы включить эту панель инструментов. С этим открытым, вы можете выбрать свой любимый шрифт и цвет.
-
Затем щелкните в вашей композиции, и появится новое текстовое поле. Введите то, что вы хотите сейчас, а затем, когда вы закончите, нажмите на другое окно в After Effects, чтобы отключить ввод. Одним из способов является щелчок по временной шкале, но вы можете щелкнуть в любом месте за пределами окна композиции.
-
Теперь, когда ваш текст находится там, где вы можете анимировать его с помощью ключевых кадров, вам нужно что-то, чтобы добавить к нему немного изящества, используя текстовые аниматоры. Чтобы найти текстового аниматора, нажмите стрелку раскрывающегося меню , чтобы отобразить атрибуты текстового слоя на временной шкале. Вы увидите еще два раскрывающихся меню: Текст и Преобразование. В той же строке вы увидите, что раскрывающийся список Текст включен, а справа – «одушевленный» с маленькой стрелкой в кружке рядом с ним. Это текстовые аниматоры.
-
Нажав на эту стрелку, вы откроете параметры текстового аниматора и увидите множество параметров, таких как положение, масштаб, поворот и непрозрачность. Текстовый аниматор будет анимировать текст отдельно в текстовых аниматорах и позволяет вам применять столько аниматоров, сколько вы захотите.
-
Чтобы попробовать пример, выберите вращение , чтобы добавить аниматор вращения к вашему тексту. Вы увидите Range Selector 1 и Rotation под Animator 1 на вашей временной шкале. Аниматор работает так, как будто вы применяете вращение или другой атрибут к своему тексту, а затем селектор диапазона управляет анимацией. Если щелкнуть раскрывающийся список выбора диапазона, отобразятся значения «Начало конца» и «Смещение».
-
Измените вращение текста так, чтобы все буквы лежали на боку. Но не беспокойтесь о необходимости анимации с помощью ключевого кадра. Вот для чего предназначен селектор диапазона. Сделав это, нажмите 0% рядом со смещением и сдвиньте его вперед и назад. Видишь, как твои письма оживляют от того, чтобы лежать и вставать? Нулевой процент – это начало анимации, а 100 процентов – это конец. Затем добавьте два ключевых кадра в смещение, один для 0 и один для 100.
-
Это уже проще, чем анимировать все это вручную, но в действительности это удобно, когда вы добавляете другие атрибуты. Рядом с Аниматором 1 будет Добавить с другой стрелкой. Нажмите на эту стрелку и выберите «Непрозрачность». Установите непрозрачность 0 и снова посмотрите анимацию.
Преимущества использования текстовых аниматоров
Текстовые аниматоры значительно упрощают создание кинетической типографии. Используя приведенный выше пример, просто нажав одну кнопку, вы добавили анимацию непрозрачности в свой текст, не делая ничего, кроме изменения одного значения. Преимущество текстовых аниматоров заключается в том, что они могут легко настраивать и изменять анимацию, а также изменять текст без необходимости настраивать анимацию. Если вы хотите изменить слово, просто введите новое слово, и анимация и время останутся прежними.
