Как работать с текстом в After Effects

Обновлено: 23.11.2024

Познакомьтесь со всеми возможностями создания текстовой анимации с использованием подложек в After Effects. Учебник включает в себя бесплатный файл проекта!

В этом уроке мы рассмотрим несколько возможностей анимации текста с использованием подложек дорожек в After Effects. Мы узнаем, что такое подложка дорожки и как мы можем использовать ее для создания нескольких различных текстовых анимаций.

Готовы к руководству? Поехали! Обязательно загрузите бесплатный файл проекта!

Загружая, вы соглашаетесь не перепродавать и не распространять эти бесплатные ресурсы.

Что такое подложка дорожки?

Подложки дорожки, также называемые подложками, создают «вырезание» другой формы. Вырезанная форма может быть графикой, текстом или даже кадрами. Давайте посмотрим, как это будет работать с текстом в After Effects.

Пример того, как работает базовая подложка текстовой дорожки.

Сначала мы начнем с текста, а затем используем этот текст в качестве подложки. Это дает нам идеальное «вырезание» исходной формы текста. Затем мы можем добавить эффекты и кадры за этой текстовой подложкой, чтобы создать нашу текстовую анимацию.

Создание простой анимации матового текста

Начнем с создания простой матовой текстовой анимации. Сначала создайте текст в композиции After Effects. Затем создайте сплошной слой и поместите его под текстовый слой. (Цвет сплошного слоя может быть любым по вашему желанию. Он будет служить фоном.)

На сплошном слое установите для параметра «Подложка дорожки» значение «Подложка с инвертированным альфа-каналом».

Затем в параметрах Track Matte установите сплошной слой на Alpha Inverted Matte. (Если вы не видите параметры Track Matte, переключите F4 на клавиатуре.) Теперь видимый текст должен стать прозрачным. Это потому, что теперь мы создали матовую «вырезанную» часть текста на сплошном слое.

Текст теперь прозрачен.

Теперь мы можем поместить несколько анимационных каракулей под сплошной слой. (Видеозаписи включены в файл проекта.)

Анимационный клип Scribble.

Мы можем видеть сквозь «вырезанный» текст на сплошном слое и видеть анимированные кадры с каракулями на нем. Это, в свою очередь, раскрывает форму нашего исходного текста!

Анимация каракулей теперь показывает контур исходного текста.

Использование видеоряда за текстом

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

Вы можете использовать кадры реального мира за подложкой текста.

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

Поэкспериментируйте с эффектами и текстурами за матовым слоем.

Креативная матовая текстовая анимация, которую стоит попробовать

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

Смещение дубликата исходного текстового слоя, используемого для подложки.

Наконец, вы можете поэкспериментировать с трехмерным параллаксом на матовом тексте. Для этого сделайте текст и матовые сплошные 3D-слои, а затем добавьте дополнительные слои позади них. Также сделайте эти слои трехмерными и сдвиньте их дальше на разное расстояние.

Слои 3D-фона на разном расстоянии от слоя подложки.

Теперь создайте 3D-камеру и создайте тонкую анимацию движения. Вы можете видеть сквозь подложку текста, как через окно, создавая аккуратный эффект глубины параллакса.

Пример трехмерного параллакса.

Заинтересованы в бесплатных треках, которые мы использовали для создания этого видео? Послушайте их еще раз:

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

Вы можете анимировать свойства целых текстовых слоев или свойства отдельных символов, такие как цвет, размер и положение. Вы анимируете текст, используя свойства и селекторы текстового аниматора. Трехмерные текстовые слои могут дополнительно содержать трехмерные подслои, по одному для каждого символа. (См. раздел Анимация текста с помощью текстовых аниматоров и Посимвольные свойства 3D-текста.)

Текстовые слои – это синтетические слои. Это означает, что текстовый слой не использует элемент видеоряда в качестве источника, хотя вы можете преобразовать текстовую информацию из некоторых элементов видеоряда в текстовые слои. Текстовые слои также являются векторными слоями. Как и в случае со слоями-фигурами и другими векторными слоями, текстовые слои всегда непрерывно растрируются, поэтому при масштабировании слоя или изменении размера текста он сохраняет четкие края, не зависящие от разрешения. Вы не можете открыть текстовый слой на его собственной панели «Слой», но вы можете работать с текстовыми слоями на панели «Композиция».

After Effects использует два типа текста: точечный текст и абзацный текст. Точечный текст удобен для ввода одного слова или строки символов; Текст абзаца удобен для ввода и форматирования текста как одного или нескольких абзацев.

Текст по вертикали и горизонтали (слева) и текст абзаца в ограничивающей рамке (справа)

Вы можете скопировать текст из других приложений, таких как Adobe Photoshop, Adobe Illustrator, Adobe InDesign или любого текстового редактора, и вставить его в текстовый слой в After Effects. Поскольку After Effects также поддерживает символы Unicode, вы можете копировать и вставлять эти символы между After Effects и любым другим приложением, которое также поддерживает Unicode (включая все приложения Adobe).

Форматирование текста включено в свойство "Исходный текст". Используйте свойство Исходный текст для анимации форматирования и изменения самих символов (например, замените букву b на букву c).

After Effects автоматически синхронизирует отсутствующие шрифты, используя доступные шрифты. Диалоговое окно «Разрешить шрифты» отображается при открытии проекта, в котором используются неустановленные шрифты. Если шрифты доступны в Adobe, вы можете выбрать их автоматическую синхронизацию с вашей учетной записью Creative Cloud и установку. After Effects заменяет шрифты, недоступные в Интернете, шрифтом по умолчанию.

В выпуске After Effects CC от апреля 2017 г. при установке After Effects не устанавливается набор шрифтов. Те же шрифты, которые были установлены в предыдущих версиях After Effects, таких как Adobe Myriad Pro, доступны в рамках вашей подписки Creative Cloud через Adobe Fonts.

Последовательные кадры, в которых был анимирован исходный текст

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

При создании и анимации текста и векторной графики для видео учитывайте следующее:

Вы всегда должны предварительно просматривать свой фильм на том же устройстве, которое ваша аудитория использует для его просмотра, например, на видеомониторе NTSC. (См. Предварительный просмотр на внешнем видеомониторе.)

Избегайте резких цветовых переходов, особенно от одного очень насыщенного цвета к его дополнительному цвету. Многим схемам сжатия, таким как схемы сжатия в стандартах MPEG и JPEG, сложно кодировать резкие цветовые переходы. Эти схемы сжатия могут вызвать визуальный шум вблизи резких переходов. Для аналогового телевидения те же самые резкие переходы могут вызывать всплески сигнала за пределами допустимого диапазона, что также вызывает шум.

Если текст будет находиться поверх движущихся изображений, убедитесь, что текст имеет контрастную рамку (например, свечение или обводку), чтобы текст оставался читаемым, когда что-то того же цвета, что и заливка, проходит за текстом.< /p>

Избегайте тонких горизонтальных элементов, которые могут исчезнуть из кадра, если они окажутся на четной строке сканирования в нечетном поле или наоборот. Например, высота горизонтальной полосы в заглавной H должна составлять три пикселя или больше.Вы можете увеличить толщину горизонтальных элементов, увеличив размер шрифта, используя жирный (или полужирный) стиль или применяя обводку. (См. Форматирование символов с помощью панели «Символ».)

При анимации текста для вертикального перемещения — например, для прокрутки титров — перемещайте текст по вертикали со скоростью в пикселях в секунду, которая кратна скорости поля для чересстрочного видеоформата. Такая скорость движения предотвращает своего рода щебетание, которое может исходить от движения текста, не совпадающего по фазе со строками сканирования. Для NTSC хорошие значения включают 0, 119,88 и 239,76 пикселей в секунду; для PAL хорошие значения включают 0, 100 и 200 пикселей в секунду.

Примените набор настроек Автопрокрутка – вертикальная анимация в категории "Поведение", чтобы быстро создать вертикальное сканирование текста (например, прокрутку кредита).

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

К счастью, многие проблемы с текстом в форматах видео и сжатых фильмов можно решить с помощью одного простого приема: применить размытие к текстовому слою. Небольшое размытие может смягчить цветовые переходы и вызвать расширение тонких горизонтальных элементов. Эффект «Уменьшить мерцание чересстрочной развертки» лучше всего подходит для уменьшения щебета; он применяет размытие по вертикали, но не размывает по горизонтали, поэтому ухудшает качество изображения меньше, чем другие виды размытия.

Филип Ходжеттс предлагает на веб-сайте Creative COW советы по достижению наилучших результатов при создании текстовой или векторной графики для видео.

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

Создать один или несколько текстовых слоев на основе содержимого текстового файла

Кристофер Грин предоставляет на своем веб-сайте сценарий (crg_Text_from_File.jsx), который позволяет создать один текстовый слой из всего текста или создать по одному слою для каждой строки в текстовом файле. Сценарий также предоставляет параметры для интерлиньяжа и других интервалов.

Сценарий доступа к базовым линиям текста

В обновлении After Effects CC 2015 (13.6) вы можете прочитать расположение базовой линии (x,y) для текстового слоя с помощью сценариев. Новый атрибут sourceText.value.baselineLocs для объектов TextDocument возвращает массив чисел с плавающей запятой, указывающих начальную позицию каждой строки текста с базовыми значениями x и y.

Перенос строк в текстовом поле абзаца рассматривается как несколько строк.

Массив возвращает значения с плавающей запятой в виде:

line0.start_x, line0.start_y, line0.end_x, line0.end_y, line1.start_x, line1.start_y, line1.end_x, line1.end_y … lineN-1.start_x, lineN-1.start_y, lineN-1 .end_x, строкаN-1.end_y

Если в строке нет символов, значения x и y для начала и конца являются максимальным значением с плавающей запятой (3,402823466e+38F).

Улучшения сценариев для текстовых слоев

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

Ниже приведены доступные только для чтения атрибуты объекта textDocument:

  • fontLocation : возвращает строку с путем к файлу шрифта, указав его расположение на диске (не гарантируется, что он будет возвращен для всех типов шрифтов; возвращаемое значение может быть пустой строкой для некоторых типов шрифтов)
  • fontStyle : возвращает строку с информацией о стиле, например полужирный или курсив
  • fontFamily: возвращает строку с названием семейства шрифтов.

Возвращаемое значение относится к первому символу текстового слоя в текущий момент времени.

Редактировать исходный текст текстовых слоев

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

Загрузите этот скрипт с веб-сайта Джеффа Алмасола: Redifinery.

Сопоставить текстовый файл с маркерами

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

Загрузите этот скрипт с веб-сайта Джеффа Алмасола: Redifinery.

Стать умнее

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

Загрузите этот скрипт с веб-сайта Джеффа Алмасола: Redefinery.

Другие скрипты для работы с текстом

Тодд Коприва предоставляет пример сценария на веб-сайте Adobe, демонстрирующий функции форматирования текста, доступные через интерфейс сценариев.

Салахуддин Таха предоставляет скрипт на веб-сайте After Effects Scripts, который позволяет вводить арабский текст (который идет справа налево).

Майкл Кардейро предоставляет сценарий на веб-сайте сценариев After Effects, который создает несколько версий ваших композиций с использованием информации из электронной таблицы или базы данных. Скрипт просматривает вашу электронную таблицу построчно, создавая новую версию вашей композиции с текстовыми слоями в композиции, автоматически получая текст из электронной таблицы.

На веб-сайте After Effects Scripts представлено множество сценариев для работы с текстом. Пол Терсли предоставляет сценарий на веб-сайте сценариев After Effects, который позволяет искать и редактировать текстовые слои в проекте After Effects, создавать собственные наборы стилей текста и применять их к нескольким слоям.

Пол Терсли предоставляет на форуме AE Enhancers сценарий для импорта караоке-файлов Substation Alpha (SSA) и автоматического создания из них анимированных текстовых слоев.

При вводе точечного текста каждая строка текста независима: длина строки увеличивается или уменьшается по мере редактирования текста, но не переносится на следующую строку.

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

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

В этой статье мы обсудим структуру текста в After Effects. Текст — очень важная опция в каждом приложении; без текста не сконструировано ни одно приложение; в каждом графическом программном обеспечении есть опция для текста, которая в основном используется для заголовков. В After Effects текст очень важен, потому что большинство людей предпочитают After Effects для анимации заголовков, а After Effects у нас есть много предустановок и эффектов анимации, в After Effects текстовую анимацию очень легко и удобно создавать, но прежде Создавая анимацию, нам нужно изучить основные понятия текста, например, что такое текст, какие все варианты текста и как он работает? Давайте посмотрим на основные параметры текста в After Effects.

Этапы создания текста в After Effects

Ниже подробно описаны шаги по созданию текста в After Effects.

3D-анимация, моделирование, симуляция, разработка игр и другое

Шаг 1. Откройте новую композицию.

Я всегда советую вам работать с HD, который имеет хорошую четкость; здесь я выбираю предустановку HD 1080.

Шаг 2. Перейдите на панель инструментов и выберите текстовый инструмент; сочетание клавиш Ctrl+T.

Шаг 3. Введите текст.

Шаг 4. У нас есть разные типы шрифтов в After Effects; мы меняем текст в соответствии с нашим требованием, у нас есть панель символов, здесь, на этой панели, у нас есть варианты текста. Выделите текст и измените шрифты.

Шаг 5. Здесь у нас есть еще один вариант: обычный и черный; обычный означает обычный, а черный означает, что текст выделяется жирным шрифтом.

Шаг 6. Здесь мы можем изменить размер текста; удерживая правый и левый щелчок, мы можем контролировать размер текста, или у нас есть раскрывающееся меню размера, с помощью которого мы можем выбрать размер.

Шаг 7. Мы можем оставить пространство между шрифтами; для этого у нас есть опция под названием отслеживание; в некоторых случаях нам нужен пробел между символами, здесь мы можем использовать эту опцию.

Обучение After Effects (1 курс, 3+ проекта) 1 онлайн-курс | 3 практических проекта | 20+ часов | Поддающийся проверке сертификат об окончании | Пожизненный доступ
4,5 (3951 оценка)

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

Шаг 8. Мы можем выровнять текст из абзаца; мы можем установить текст справа, слева или по центру.

Шаг 9. В некоторых случаях нет необходимости равномерно увеличивать текст; нам может понадобиться увеличить высоту или ширину, для этого у нас есть возможность масштабирования по вертикали; в этом варианте мы можем масштабировать текст только по вертикали.

Если нам нужно увеличить определенный символ по вертикали, выберите символ и увеличьте параметр масштаба по вертикали таким образом, чтобы увеличивался только выбранный символ.

Шаг 10. У нас есть еще один параметр, называемый горизонтальным масштабом; в этом варианте мы можем масштабировать текст только по горизонтали.

Мы можем увеличить размер определенного символа, выбрав этот символ и увеличив размер.

Шаг 11. Здесь у нас есть несколько вариантов текста; очень полезно сделать текст красивым.

Шаг 12. Первый вариант выделен жирным шрифтом; С помощью этой опции можно сделать наш текст жирным и четким.

Шаг 13. Следующий вариант выделен курсивом. Как мы знаем, курсив означает, что текст слегка искривлен; в основном используется текстовый эффект.

Если мы хотим выделить курсивом начальный символ, выберите только конкретный символ и примените курсив.

Шаг 14. Следующий вариант — все заглавные, который может заменить весь текст заглавными. Это три важных текстовых эффекта, которые мы часто используем.

Шаг 15. Следующий вариант – маленькие заглавные. Малые заглавные буквы означают, что первая буква будет немного больше, чем остальные шрифты, но все шрифты только в верхнем регистре; этот тип текста в основном используется в строке тегов для основных заголовков.

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

Шаг 16. Мы можем изменить цвет текста с помощью параметра цвета заливки.

Нажав на заливку, мы получим меню цветов, из которого мы можем выбрать цвет и нажать "ОК".

Шаг 17. За параметром цвета заливки у нас есть параметр обводки; с помощью этой опции мы можем обрамлять текст.

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

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

Если мы выбираем вариант стандартной заливки, обводка перекрывает цвет заливки.

Шаг 18. Здесь мы можем увеличить ширину обводки; щелкнув ширину обводки и перетащив ее, мы можем контролировать ширину обводки.

Выберите конкретный шрифт и измените значения ширины обводки, после чего будет изменена обводка определенного символа.

Шаг 19. Теперь давайте посмотрим на вариант сдвига базовой линии; мы можем перемещать текст вверх и вниз с помощью этой опции с этой опцией.

Выберите конкретный шрифт и измените значение; тогда летать сможет только выбранный персонаж.

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

Шаг 20. Теперь давайте посмотрим, что представляют собой все параметры текстовой анимации в After Effects и как они работают.

Обычно нам нужно анимировать текст, используя построенные ключевые кадры; у нас есть несколько пресетов текстовой анимации в After Effects. Перейдите к эффектам и пресетам, затем выберите анимации и нажмите на текст; затем мы нашли кучу пресетов текстовой анимации, просто примените к тексту и посмотрите анимацию.

Есть много папок с текстовыми пресетами; в каждой папке есть куча пресетов, если нужно; мы также можем загрузить новые пресеты с онлайн-сайтов; каждая папка имеет разные стили анимации в зависимости от нашего требования, мы можем выбрать параметры.

Шаг 21. Просто перейдите к пресету и перетащите эффект на текст; оно применяется автоматически.

Вот как анимация работает с текстом.

Работа анимации над текстом.

Предварительный просмотр анимации текста.

Шаг 22. Это предустановленная анимация, и у нас есть некоторые параметры ручной анимации, такие как стирание и затухание лайнера и т. д.; в этих опциях нам нужно применить эффект и управлять анимацией с помощью ключевых кадров. Перейдите к эффектам и пресетам, выберите лайнер Wipe.

Шаг 23. Здесь у нас есть варианты стирания вкладыша; мы можем установить ангела и начало и конец транзакции. Установите начальный ключевой кадр 100 и конечный кадр 0.

В этом процессе мы увидели параметр текста в After Effects и то, как использовать текстовые эффекты и параметры.

Заключение

Что мы узнаем? Инструмент «Текст» в After Effects и ярлык для создания текста, размера и цвета текстовых эффектов и пресетов. Типы анимации, как это работает и как применять анимацию по ключевым кадрам для текстовой анимации. Надеюсь, мы обсудили интересную тему

Рекомендуемые статьи

Это руководство по работе с текстом в After Effects. Здесь мы обсуждаем Введение и шаги по созданию текста в After Effects вместе с его примерами. Вы также можете прочитать следующие статьи, чтобы узнать больше –

Если вы новичок в 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 лет в студии постпродакшна, Михай решил поделиться своими мыслями о редактировании видео и компьютерах.

Дополнительное чтение.

Как записать голос за кадром или аудио в DaVinci Resolve

Как создавать анимацию в DaVinci Resolve

Как сделать обратный отсчет в After Effects

1 комментарий

Али Наджаф

Спасибо за такое хорошее объяснение. давно искал такую ​​штуку. Продолжайте в том же духе.

Читайте также: