Текст на пути после эффектов

Обновлено: 03.07.2024

Сообщество коллег по поддержке для профессионалов медиапроизводства.

Драйдис

Привет, я надеюсь, что вы можете мне помочь.
Я ищу какое-то время,
мой вопрос, есть ли способ преобразовать некоторый текст в пути?

" data-theme="likebtn" data-voting_enabled="false" data-style="" data-unlike_allowed="" data-show_copyright="" data-item_url="https://creativecow.net/forums /thread/convert-text-to-paths/" data-item_title="convert text to paths" data-item_date="2007-06-26T19:56:55+00:00" data-engine="WordPress" data- plugin_v="2.6.42" data-prx="https://creativecow.net/wp-admin/admin-ajax.php?action=likebtn_prx" data-event_handler="likebtn_eh" >

Дарби Эделен

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

Дарби Эделен
Художник меню DVD
Left Coast Digital
Aptos, CA

" data-theme="likebtn" data-voting_enabled="false" data-style="" data-unlike_allowed="" data-show_copyright="" data-item_url="https://creativecow.net/forums /ответ/205585/" data-item_date="2007-06-26T20:51:00+00:00" data-engine="WordPress" data-plugin_v="2.6.42" data-prx="https:// creativecow.net/wp-admin/admin-ajax.php?action=likebtn_prx" data-event_handler="likebtn_eh" >

Драйдис

Большое спасибо, мне очень помогло

" data-theme="likebtn" data-voting_enabled="false" data-style="" data-unlike_allowed="" data-show_copyright="" data-item_url="https://creativecow.net/forums /ответ/205586/" data-item_date="2007-06-26T21:29:43+00:00" data-engine="WordPress" data-plugin_v="2.6.42" data-prx="https:// creativecow.net/wp-admin/admin-ajax.php?action=likebtn_prx" data-event_handler="likebtn_eh" >

Донте Нил

Это был самый прямой, "понятный сразу", работающий без проблем момент на форуме, который я когда-либо испытывал. Не уверен, что вы так объяснили, или я просто становлюсь лучше в AE, но все равно хотел сказать спасибо. Итак: СПАСИБО!

Автопредложение помогает быстро сузить результаты поиска, предлагая возможные совпадения по мере ввода.

Главная
Афтерэффекты
Обсуждения
Как анимировать текст вдоль контура

/t5/after-effects-discussions/how-to-animate-in-text-along-a-path/td-p/11373002 19 августа 2020 г. 19 августа 2020 г.

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

Эй! Может ли кто-нибудь указать мне учебник или помочь мне найти, какой эффект внутри After Effects может помочь мне создать эту текстовую анимацию? Я специально смотрю на текст, который, кажется, анимируется, оборачиваясь вокруг пути перевернутой арки. Это в обрезках путей? Или текстовая анимация в After Effects?

Или, что еще лучше, есть ли выражение, которое могло бы помочь мне в этом?

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

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

Проверьте текстовые аниматоры. Насколько я вижу, позиция text-y анимирована по буквам, а текст находится на этом shild-path.

Другой - невидимый - элемент представляет собой маску с тем же путем, поэтому текст может появляться/исчезать.

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

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

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

Чтобы управлять путем и редактировать его, убедитесь, что путь выбран на временной шкале. это изменит инструмент выбора со сплошного черного указателя на белый, и вы сможете перетаскивать выделение вокруг точек и маркеров Безье. С выбранным контуром также проще использовать инструмент «Перо» для изменения кривых и добавления точек с помощью клавиш-модификаторов Alt/Option и Ctrl/Cmnd.

Еще один способ анимировать векторные контуры — использовать скрипт пользовательского интерфейса «Создать пустые значения из контуров», который находится в нижней части меню «Окно». Выберите путь, выберите точки, чтобы следовать за нулями, затем вы можете анимировать положение нулей, чтобы изменить форму пути.

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

Одной из самых интересных и привлекательных анимаций, которые вы можете создать в After Effects, является анимация текста по контуру, которая позволяет вам выйти за рамки встроенных стилей текста из Adobe Bridge и создать что-то уникальное

Вот как это сделать

Мы возьмем эту технику с нуля и сначала создадим новую композицию, 1920 x 1080 пикселей и 29,97 кадра в секунду.

Layer-New — Solid, назовем его BG и установим темно-синий цвет

Далее мы нажмем текстовую кнопку и введем образец текста

Затем, выбрав инструмент "Перо", мы нарисуем линию формы, покрывающую всю ширину экрана.

Далее мы отключим параметры текста и в параметрах пути выберем «Маска1»

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

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

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

Идем дальше

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

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

Далее мы переместим индикатор времени вперед и установим новый ключевой кадр для последнего поля, и на этот раз мы разместим текст в середине экрана.

Мы продублируем ключевой кадр, чтобы текст некоторое время оставался в поле зрения, затем переместим индикатор времени вперед и увеличим значение последнего свойства поля до тех пор, пока текст не перестанет быть видимым и не исчезнет из поля зрения.< /p>

Далее мы выберем 2 средних ключевых кадра и нажмем F9, чтобы применить динамику легкого замедления.

Теперь мы перейдем в анимированное меню и выберем «Отслеживание». Мы добавим два ключевых кадра со значением 0 и -16.

Мы продублируем этот ключевой кадр, как и раньше, и добавим последний с начальным значением 0.

Далее мы выберем первый и третий ключевой кадр и применим легкое замедление, нажав F9

Наконец, мы добавим выражение инерции к отслеживаемой сумме, чтобы придать ей больше жизни, поэтому мы щелкнем ALT по секундомеру и добавим выражение.

Сегодня мы поговорим о том, как анимировать иллюзию рисования/рисования текста на экране в After Effects с помощью Trim Paths. Это довольно простой процесс, поэтому это будет краткое руководство. В этом руководстве предполагается, что вы уже знаете, как настроить композицию в After Effects, и уже сделали это. Давайте углубимся.

Шаг 1. Создайте новый текстовый слой

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

Шаг 2. Создайте новый слой-фигуру

Щелкните правой кнопкой мыши в любом месте панели слоев и создайте новый слой-фигуру. Я рекомендую переименовать слой во что-то вроде «Маска контура обрезки текста», но напишите то, что имеет для вас наибольший смысл. Для правильной работы этот слой должен находиться НАД текстовым слоем.

Шаг 3. Инструмент "Перо"

Выбрав слой формы, используйте инструмент «Перо» (горячая клавиша G на клавиатуре), чтобы примерно обвести текст. Начните слева и продвигайтесь вправо. Цель состоит в том, чтобы воспроизвести естественные движения руки при письме, поэтому обязательно помните об этом. Возможно, вам придется сохранить пересекающиеся буквы T для другого слоя. Просто повторите эти шаги, а затем выполните предварительную композицию (Command Shift C) слоев маски в конце.

Шаг 4. Подтяните и скорректируйте путь из шага 3

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

Шаг 5. Обрежьте путь

Допинг. Все идет нормально. Теперь давайте приведем вещи в движение. На слое с фигурой прокрутите вниз «Содержимое» и нажмите маленькую кнопку воспроизведения с надписью «Добавить». Выберите «Обрезать пути» в меню. Это добавит к вашему слою новый свернутый селектор с тем же именем.

Шаг 6. Добавьте ключевые кадры в контур обрезки

Перейдите к желаемому времени начала на временной шкале (я бы дал себе передышку — не запускайте анимацию сразу). Прокрутите вниз селектор Trim Paths 1 на слое формы. Вы увидите три атрибута: Start, End и Offset. Это может немного сбивать с толку; даже я все еще путаю эту часть. Атрибуты представлены в процентах. Этот процент показывает, насколько «завершена» линия пути от имени атрибута. Смещение — это процент смещения «полноты» на пути. Я собрал гифку, чтобы лучше объяснить эти атрибуты:

Обязательно добавьте Easy Ease к ключевым кадрам, чтобы придать им более четкое движение.

Шаг 7. TrackMatte

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

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