Как анимировать текст в After Effects
Обновлено: 21.11.2024
After Effects имеет ряд инструментов типографики, самым мощным из которых является аниматор текста. Давайте посмотрим, как анимировать буквы с помощью этого инструмента.
Текстовые аниматоры представляют собой группы селекторов и свойств, которые находятся внутри текстового элемента. Используйте селекторы, чтобы изолировать определенную область текста, затем добавьте свойства для анимации. Вы можете анимировать эти свойства с помощью любого из параметров в аниматоре. Они позволяют создавать довольно сложные движения, в том числе корректировать отдельные буквы, слова и строки текстового слоя.
Чтобы понять, как они работают, давайте пошагово рассмотрим, как воссоздать эту простую анимацию цитаты.
< /p>
Добавить селекторы текста
Для первого шага я разобью свой текст на определенные части, которые я хочу анимировать. Сюда входят кавычки, слово вода, цитата и название. Я также создам группу под названием Animate IN. Опять же, прелесть этого метода в том, что я могу делать все свои анимации в пределах одного текстового слоя.
Я буду использовать селекторы диапазона, чтобы изолировать каждый элемент, который я добавлю через Animate > Добавить селектор текста > Диапазон. Это автоматически создаст селектор диапазона внутри новой группы Text Animator.
Изолируйте каждый элемент с помощью селекторов диапазона.
Селекторы диапазона состоят из трех основных параметров: "Начало", "Конец" и "Смещение". Используйте раскрывающееся меню «Дополнительно», чтобы указать, хотите ли вы ориентироваться на символы, слова или строки текста. Диапазон также можно изменить вручную на панели композиции, щелкнув и перетащив соответствующие полосы начала и конца. Чтобы все было организовано, я переименую каждого аниматора в соответствии с выбором.
Сохраняйте порядок, переименовывая каждого аниматора.
Укажите свойства
Теперь, когда все мои ресурсы выбраны в их собственных группах текстовых аниматоров, я готов добавить некоторые свойства для анимации. Чтобы добавить свойство в аниматор, я нажимаю кнопку «Добавить» справа от аниматора и перехожу к подменю «Свойства».
Добавить свойства для анимации.
Для анимации воды я добавлю «Цвет заливки» > «RGB» и переключу цвет на синий. Я добавлю Position к остальным группам. Я добавлю Непрозрачность к кавычкам и Перекос к имени. И последнее, но не менее важное: я добавлю непрозрачность и положение в свою группу Animate IN. Теперь я готов к анимации!
Анимация элементов
Многие пользователи AE считают текстовые аниматоры сложными и запутанными. Скорее всего, это связано с количеством доступных параметров ключевых кадров. Однако большинство текстовых аниматоров моей анимации довольно просты.
Для группы «Вода» я перейду к разделу «Дополнительно» селектора диапазона и создам ключевой кадр для параметра «Количество» от 0 % до 100 %. Для обеих групп Quote и Name требуются простые ключевые кадры свойства Position. В то время как группа «Кавычки» требует двух селекторов диапазона, это простая анимация «Положение» и «Непрозрачность», чтобы оживить оба этих выбора.
Вы обнаружите, что текстовые аниматоры очень просты в реализации.
Анимация положения
Чтобы получить плавный переход позиции, мне нужно создать ключевой кадр для смещения селектора диапазона, указать форму, а затем настроить свойства Ease High и Ease Low.
Возможно, вам придется поэкспериментировать с различными параметрами, чтобы привыкнуть к ним.
Свойство Shape указывает, как средство выбора диапазона обрабатывает переходы между каждым символом, словом или строкой. Квадрат по умолчанию придаст изменчивый, блочный вид. Я переключусь на Ramp Up, а затем установлю Ease High и Ease Low примерно на 50%. Параметры Shape и Ease High/Low, как правило, вызывают большую путаницу, когда речь идет о текстовых аниматорах, поэтому поэкспериментируйте с этими параметрами, чтобы привыкнуть к ним.
После того, как все мои свойства анимированы, нужно синхронизировать ключевые кадры, чтобы получить желаемый внешний вид.
Расширенные методы
Этот пример — лишь верхушка айсберга текстовых аниматоров. Вы можете получить гораздо больше информации с помощью анимации. Как вы видели, вы можете добавить несколько селекторов и свойств к каждому аниматору, а затем несколько аниматоров к каждому текстовому слою. У каждого селектора диапазона также есть свой режим наложения, который может дать довольно интересные результаты при работе с несколькими селекторами.
Как всегда, практика помогает. Если вы ищете другой интересный проект, взгляните на это руководство, в котором я покажу, как использовать текстовые аниматоры для создания графики для караоке.
Если вы новичок в Adobe After Effects, у вас будет множество новых интересных приемов, подключаемых модулей, настроек, параметров, предустановок и инструментов, о которых можно будет узнать. Со временем вы увидите, что этому нет конца, даже если вы профессиональный пользователь AE. Изучение творческих способов анимации текста очень поможет вам в создании приятных, красивых видеороликов.
Благодаря инструменту текстовой анимации After Effects позволяет создавать множество способов добавить изюминку вашим видео. Это не единственный способ создавать красивые текстовые анимации. В этой статье я подготовил 7 креативных способов анимации текста в After Effects. Я буду использовать основные элементы управления трансформацией, выражения, инструмент аниматора и пресеты. Итак, приступим.
Анимация текста в After Effects с помощью основных элементов управления преобразованием и выражений
Это, вероятно, самый простой способ анимировать текст в After Effects. С помощью ключевых кадров вы можете просто играть с вращением, положением, опорной точкой, масштабом или непрозрачностью, чтобы придумать какую-то анимацию. Хитрость заключается в том, чтобы быть творческим.
Я создам две анимации, похожие на штампы, и покажу вам, как использование выражений может легко изменить результат вашей работы.
Как видите, я использовал 2 выражения вместе с основными параметрами преобразования и создал эти креативные текстовые анимации. Вы можете использовать этот метод с любым типом слоя — это не обязательно должен быть текстовый слой. Одно выражение — "Покачивание", а другое – "Инерционный отскок".
Чтобы лучше управлять анимацией покачивания, я связал ползунок с выражением. Только так вы сможете создавать подобные анимации. На этой же странице из-за большой инерции движения пришлось изменить параметр выражения.
Анимация текста в After Effects с помощью инструмента Text Animator и пресетов
С помощью инструмента для анимации текста и стилей текста вы можете создавать анимацию текста в различных стилях. Инструмент дает вам свободный контроль над всеми возможными параметрами, используйте свое воображение и придумывайте красивые, креативные анимации.
С другой стороны, пресеты дают вам определенные стили текстовой анимации. Они также создаются с помощью текстового инструмента, поэтому, если хотите, можете изменить их.
Анимация покачивания текста внутри After Effects
Чтобы создать анимацию покачивающегося текста в After Effects, вам нужно открыть параметры текстового слоя, перейти в «Анимация» и выбрать «Вращение».
Перейдите к «Animator 1» и нажмите «Добавить», выберите «Селектор» и нажмите «Волнистый».
Откройте «Аниматор 1», выберите «Вращение» и вставьте небольшое значение, например, значение 9. Это заставит каждый символ текста случайным образом плавно покачиваться.
Анимация всплывающего текста внутри After Effects
Анимация всплывающего текста идеально подходит для динамичного вступления. Я покажу, как вы можете использовать текстовый инструмент, чтобы вы могли сделать такую вещь. Чтобы создать эту анимацию, прежде всего, вам нужно перейти к текстовому слою, выбрать анимацию и активировать «Включить 3D для каждого персонажа». Во-вторых, вы должны выбрать «Положение», перейти к «Добавить», «Свойства» и выбрать «Вращение». С этого момента я покажу вам короткое видео с дальнейшими шагами:
Вы можете делать этот тип анимации разными способами, играть с настройками и придумывать что-то оригинальное, добавляя больше параметров в «Аниматор 1».
Анимация пишущей машинки внутри After Effects
Этот тип анимации идеально имитирует эффект рукописного ввода — вы можете сделать это двумя способами.
Способ 1
Для первого способа добавьте «Непрозрачность» в «Аниматор» и установите его на 0. Перейдите к селектору диапазона и установите начальную и конечную точки анимации с помощью ключевых кадров, выберите «Дополнительно» и опустите Гладкость до 0.
Метод 2
Для второго способа введите в окне «Эффекты и пресеты» слово «Пишущая машинка».Затем перетащите пресет на текст, настройте ключевые кадры по своему усмотрению и все.
Предустановки текстовой анимации внутри After Effects
Доступ ко всем анимациям можно получить в окне «Анимации и пресеты». Откройте папку предустановок анимации, а затем откройте текстовую папку, чтобы просмотреть все предустановки текстовой анимации.
Чтобы применить их, вы можете перетащить предпочитаемую анимацию или, если выбран слой, дважды щелкнуть предустановку, и она будет применена автоматически.
Затем вы можете отрегулировать скорость анимации, перетащив один из ключевых кадров так, как считаете нужным. Один из моих любимых пресетов — «Скоростной поезд». Он создает анимацию типа размытия, которая без особых усилий привлекает внимание зрителя.
При желании вы можете предварительно просмотреть предустановку анимации в Adobe Bridge. Выберите слой, к которому хотите применить пресет, перейдите в раздел «Анимация» и выберите «Обзор пресетов».
Появится новое окно, выберите текстовую папку и нужный пресет. Ваша анимация появится в окне предварительного просмотра справа.
Что осталось сделать, так это дважды щелкнуть предустановку, и она будет применена к вашему слою. Я рекомендую вам просмотреть все пресеты — вы должны знать, какие инструменты у вас есть, верно?
Анимация рукописного текста внутри After Effects
Если вы хотите создать рукописную анимацию в After Effects, вы должны знать, что быстрого способа сделать это не существует.
Используя инструмент "Перо", вы должны нарисовать линии внутри текста, а затем использовать подключаемый модуль "Обводка", чтобы анимировать незамкнутую маску, чтобы открыть текст. Я покажу вам, как в видео ниже.
Если вы имеете дело с толстыми шрифтами, подобными этому, обратите внимание на поля и толщину кисти — не делайте ее слишком толстой, иначе появятся куски других символов, и это будет выглядеть плохо.
Конечно, в After Effects есть много других креативных способов анимации текста. Пожалуйста, не стесняйтесь, дайте мне знать, что вы думаете об этой статье в разделе комментариев ниже и какие другие творческие текстовые анимации вы придумали. Кроме того, вы можете прочитать мою статью о том, как сделать 3D-текст в After Effects. Здесь вы увидите еще один хороший пример творческих способов анимации текста.
Дополнительные руководства по After Effects
Михай Сесса
Проработав 6 лет в студии постпродакшна, Михай решил поделиться своими мыслями о редактировании видео и компьютерах.
Дополнительное чтение.
Почему я не могу переместить видео с дорожки 1 на дорожку 2? Решимость Да Винчи
7 необычных приемов, которые должен знать каждый пользователь After Effects
Как создавать анимацию в DaVinci Resolve
1 комментарий
Али Наджаф
Спасибо за такое хорошее объяснение. давно искал такую штуку. Продолжайте в том же духе.
Посмотрите первое видео, чтобы узнать, как использовать инструменты текстовой анимации для создания потрясающих текстовых анимаций для ваших видеопроектов. Дэйв Боде шаг за шагом проведет вас через процесс анимации текста в After Effects.
Во втором видео мы упростим задачу, начав со стильного шаблона текстовой анимации After Effects. Вы увидите, как можно настроить шаблон для создания различных стилей анимации текста.
Даже если вы новичок, вы сможете создавать безупречные текстовые эффекты для своих видео после просмотра этого подробного руководства по текстовой анимации After Effects. Так что просто выделите полчаса или около того, а затем откиньтесь на спинку кресла, посмотрите видео и узнайте все секреты анимации текста в After Effects и создания профессионально выглядящих текстовых эффектов, которые вам нужны.
Лучшие шаблоны текстовой анимации After Effects
Даже если вы освоили приемы анимации текста в After Effects, все равно здорово иметь библиотеку эффектов анимации текста на выбор для будущих проектов. Текстовая анимация — довольно трудоемкий процесс, и сокращение рутинной работы освобождает больше времени для добавления творческих завитков, которые сделают ваши текстовые эффекты выделяющимися.
Вы уже видели один шаблон в действии, но существуют тысячи других, каждый из которых создает немного разные эффекты текстовой анимации. Вот несколько шаблонов текстовой анимации After Effects от Envato Elements, на которые стоит обратить внимание.
1. Пакет из 70 пресетов для анимации титров с ошибками
Да, вы правильно прочитали. Этот единственный пакет содержит колоссальные 70 готовых текстовых анимаций After Effects, все в популярном стиле глюков. Он включает звуковые эффекты, работает с любым шрифтом и поставляется с видеоруководством, которое поможет вам настроить его.
2. Коллекция типографики
Каждый хороший дизайнер знает, что правильная типографика может помочь вам рассказать свою историю более эффективно, и это справедливо как для видео, так и для полиграфического дизайна. Включенные здесь стильные эффекты помогут вам создать широкий спектр впечатляющих текстовых анимаций в After Effects с высоким разрешением, подходящим для трансляции.
3. Титулы знаменитостей
Для некоторых проектов вам просто нужен эффект «вау», и эта текстовая анимация After Effects обеспечивает его. Мигающие огни и яркие цвета перенесут вас прямо к блеску и гламуру премьеры фильма или вечера награждения, когда знаменитости улыбаются на красной дорожке и вспыхивают камеры папарацци. Если это то, что вам нужно, вы не ошибетесь с этим шаблоном анимации After Effects.
4. Заголовки от руки
Или что-то более художественное? Посмотрите, как ваш текст и изображения появляются из пятен черных чернил, нанесенных на текстурированный бумажный фон. Это отличный пример того, как можно использовать текстовую анимацию в After Effects и простой шаблон для создания чего-то, что не будет выглядеть неуместно в начальных титрах голливудского фильма.
5. 30 анимированных минимальных титров
Давайте закончим чем-нибудь более простым, но не менее эффективным. Этот пакет минималистичных текстовых эффектов для After Effects может быть именно тем, что вам нужно. Текстовые анимации легко настраиваются и быстро визуализируются, поэтому теперь, когда вы знаете, как анимировать текст в After Effects, вы можете использовать их для создания самых разных конечных результатов.
Подробное изучение After Effects
Теперь, когда вы освоили текстовую анимацию After Effects, почему бы не перейти к изучению других навыков и подробному изучению использования After Effects? Adobe After Effects for Beginners — это объемный восьмичасовой сборник всего, что вам нужно знать об этом мощном программном обеспечении для создания анимированной графики и композитинга.
Получите целую серию руководств по After Effects, охватывающих все: от поиска путей в приложении до использования ключевых кадров, масок, отслеживания движения и многого другого. Вы даже сможете попрактиковаться в работе с After Effects, создав нижнюю треть с нуля.
Следуйте вместе с Дейвом Боде, который покажет вам, как именно использовать After Effects, в 43 простых видео. Весь курс можно посмотреть совершенно бесплатно.
Если вы еще не являетесь подписчиком Envato Elements: за небольшую ежемесячную плату вы получаете доступ к неограниченным курсам, таким как этот, а также неограниченное количество загрузок профессиональных шаблонов видео, видеоматериалов, анимированной графики и многого другого млн других объектов дизайна. Зарегистрируйтесь сегодня!
Прошли те времена, когда редакторы просто редактировали видео. Из-за высоких требований в отрасли редактор превратился из простого рассказчика в команду из одного человека: моушн-дизайнера, аудиомикшера и видеоредактора. Теперь вам как редактору необходимо использовать Adobe After Effects в своих проектах, чтобы получить преимущество, иначе вы рискуете остаться позади своих конкурентов, и одним из наиболее распространенных применений AE является текстовая анимация.
Текстовая анимация, даже простая, может сделать ваши видео более динамичными. В After Effects текстовые слои можно анимировать с помощью наборов настроек анимации, текстовых аниматоров, свойств преобразования и выражений. В этом руководстве мы рассмотрим создание текстовых слоев, анимацию текста с помощью свойств преобразования, применение наборов настроек анимации текста и использование текстовых аниматоров для анимации текста.
Создание текста
Открыв композицию, выберите инструмент «Горизонтальный текст» на панели инструментов. Вы также можете использовать сочетание клавиш Cmd+T. В этом примере я использую в качестве фона красочное боке от Louderick.
Нажмите внутри панели «Композиция» и введите любое слово по вашему выбору. Когда вы закончите, не забудьте нажать Enter на цифровой клавиатуре, чтобы выйти из режима редактирования текста. Если вы нажмете Enter или Return на обычной клавиатуре, начнется новая строка или абзац. Если у вас нет цифровой клавиатуры, вы также можете выбрать имя слоя, чтобы закончить ввод и выйти из режима редактирования текста.
Откройте панель «Символ» и панель «Абзац». Использовать эти панели очень просто, особенно если вы знакомы с Photoshop или Illustrator, потому что они очень похожи. Выделите текст и выберите шрифт, который вам нравится, а также размер текста. Вы также можете изменить выравнивание текста на панели «Абзац». Для своих настроек я выбрал шрифт Century Gothic. Я изменил размер шрифта на 210 и выровнял абзац по центру.
Применение набора настроек анимации текста
After Effects поставляется с множеством предустановок. Вы можете получить к ним доступ через панель «Эффекты и пресеты». Откройте папки, чтобы увидеть все пресеты текстовой анимации.
Но лучше всего просматривать наборы настроек анимации через Adobe Bridge. Для этого убедитесь, что у вас установлен Bridge, а затем внутри AE выберите «Анимация» > «Обзор пресетов». Это автоматически откроет Adobe Bridge и покажет, как выглядит каждая из анимаций.
Откройте папку «Текст» внутри Bridge, и вы увидите несколько разных стилей предустановок анимации. Просмотрите пресеты и выберите тот, который вам нравится. Я выбрал 2D Flutter в случайном порядке внутри папки 2D Text.
После того, как вы сделали свой выбор, вы можете вернуться в After Effects, затем снова перейти на панель «Эффекты и шаблоны», чтобы открыть ту же папку и перетащить стиль в свой текст — или просто выделите текст и дважды щелкните, чтобы применить его.
В идеале вы можете просто выбрать предустановку в Adobe Bridge, в то время как ваш текст выделен в AE. Когда вы дважды щелкнете пресет, он автоматически применит анимацию к вашему тексту. Но на момент написания этой статьи каждый раз, когда вы это делаете, возникает ошибка сценария. Сразу отметим, что, несмотря на ошибку, анимация все равно работает. Так что вам решать, применять ли пресет через Adobe Bridge и игнорировать его или просто сделать это в After Effects.
Нажмите «0» на цифровой клавиатуре, чтобы создать предварительный просмотр RAM и посмотреть свою работу. Вы можете расширить ключевые кадры, если анимация покажется вам слишком быстрой или слишком медленной.
Выберите текстовый слой и нажмите «U». Это быстро покажет ключевые кадры определенного слоя. Убедитесь, что вы используете инструмент выделения. Выберите последний ключевой кадр и перетащите его влево, чтобы увеличить скорость анимации, или вправо, чтобы замедлить ее.
Я увеличил продолжительность анимации до трех секунд. Теперь осталось только отрендерить это или импортировать в Premiere Pro.
Анимация с помощью текстовых аниматоров
Несмотря на то, что в After Effects есть много действительно хороших предустановок анимации, бывают случаи, когда вы не можете найти нужную анимацию. Вот почему важно научиться анимировать текст вручную с помощью текстовых аниматоров.
Для этого создайте новый текстовый слой и поместите его под своим первым словом. В моем случае я создал «Licious», используя шрифт Bodoni 72 с размером шрифта 100 и отслеживанием 972. Пока слой выбран, поместите индикатор текущего времени на двухсекундную отметку и нажмите «[» — это обрежет ваш текстовый слой и запустите его через две секунды.
Разверните текстовый слой. Справа вы увидите меню «Анимация». Нажмите на всплывающий треугольник. Это покажет вам список свойств, которые вы можете анимировать. Выберите «Отслеживание».
Мы хотим, чтобы буквы текста были развернуты и сближены, поэтому мы анимируем их свойства отслеживания. Введите «40» в качестве суммы отслеживания. Разверните селектор диапазона 1, убедитесь, что индикатор текущего времени все еще находится на двухсекундной отметке, и нажмите секундомер на свойстве «Начало», чтобы создать ключевой кадр.
Переместите индикатор текущего времени примерно на пятисекундную отметку, затем измените значение параметра «Начало» на 100. Разверните свойство «Дополнительно» и измените «На основе» с «Символы» на «Слова».
Это изменение определяет, как будет анимироваться текст. Вы хотите, чтобы он анимировался на букву? За слово? Попробуйте анимировать текст, используя не менее двух слов в предложении, чтобы увидеть, как выглядит каждая анимация.
Закройте Animator 1 и переименуйте его в «Отслеживание». Для этого выберите слова «Animator 1», затем нажмите Enter и введите новое имя. Переименование ваших аниматоров поможет организовать ваш проект и упростить идентификацию каждого аниматора.
Выделите текст еще раз и убедитесь, что не выбрано ни одно свойство, затем добавьте аниматор размытия. Переименуйте это в «Размытие», со значением 20 в качестве значения размытия. Опять же, убедитесь, что вы находитесь на двухсекундной отметке, затем добавьте ключевой кадр в свойство «Начало». Переместите индикатор текущего времени на четырехсекундную отметку, а затем измените его на 100. Также измените «На основе» с «Символы» на «Слова».
Теперь нам нужно добавить затухание, чтобы текст не появлялся просто так. На этот раз мы анимируем одно из свойств преобразования слоя.
Перейдите к началу слоя, затем закройте свойства текста и разверните свойства преобразования. Измените непрозрачность на ноль, чтобы добавить ключевой кадр. Перейдите к четырехсекундной отметке и измените непрозрачность на 100.
Снова выберите текстовый слой и нажмите «U», чтобы отобразить все ключевые кадры, затем нажмите F9. Это изменит все ваши типы ключевых кадров на Easy Ease. Это означает, что анимация начинается медленно и медленно завершается, чтобы она не выглядела линейной или механической.
На последнем этапе включите размытие в движении на временной шкале и на самом текстовом слое. Это сделает вашу анимацию более естественной, потому что движущиеся объекты имеют естественное размытие при движении.
После того, как вы закончите, сделайте предварительный просмотр RAM и посмотрите свою работу. Это наш конечный продукт:
Помните, что существует множество способов анимации текста в After Effects. Ключ в том, чтобы практиковать методы и играть с программным обеспечением. Много экспериментируйте, и вы удивитесь, насколько легко создавать сложную анимацию в After Effects.
Чтобы получить больше вдохновения, изучите тысячи текстовых шаблонов After Effects в коллекции Pond5 и посмотрите, что вы можете создать!
Читайте также: