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