Как сделать исчезновение текста в after effects
В композицию можно добавлять текст, используя текстовые слои. Текстовые слои удобны для многих целей, включая создание анимированных заголовков, бегущей строки, титров в нижней трети экрана и динамической печати.
Можно анимировать свойства целых текстовых слоев или свойства отдельных символов, например цвет, размер и положение. Анимация текста осуществляется с помощью свойств текстовой анимации и инструментов выбора. 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.
При создании текста на мониторе компьютера он может смотреться хорошо, но его качество может существенно ухудшиться при просмотре в конечном фильме. Причина этому может заключаться в различии параметров устройств для просмотра фильма, а также схем кодирования при сжатии фильма. Такой же эффект может проявиться и в случае с другими элементами векторной графики, например на фигурах в слоях-фигурах. В действительности эти проблемы могут возникнуть и в растровых изображениях, но мелкие и резкие детали векторной графики приводят к таким искажениям чаще всего.
В процессе создания и анимирования текста и векторной графики для видео нужно иметь в виду следующие аспекты.
Необходимо всегда предварительно просматривать фильм, используя видеоустройства, на которых предполагается его демонстрация в дальнейшем, например на видеомониторе NTSC. (См. раздел Предпросмотр на внешнем видеомониторе).
Следует избегать резких цветовых переходов, особенно от высоко насыщенного цвета к его дополнительному цвету. Многие схемы сжатия, например MPEG и JPEG, с трудом кодируют резкие цветовые переходы. Эти схемы сжатия могут привести к появлению визуального шума в местах резких переходов. В аналоговом телевидении такие же резкие переходы могут вызвать импульсные всплески за пределами допустимого диапазона сигнала, что также приводит к появлению шума.
Если текст должен размещаться поверх движущегося изображения, он должен иметь контрастные края (такой эффект достигается с помощью свечения или обводки), в таком случае он останется различимым при появлении фона такого же цвета.
Следует избегать использования тонких горизонтальных элементов, так как они могут исчезать из кадра при нахождении на четной линии сканирования при нечетном поле или наоборот. Например, толщина горизонтальной планки в прописной букве H должна быть не менее трех пикселей. Можно увеличить толщину горизонтальных элементов с помощью увеличения размера шрифта, полужирного (или псевдополужирного) стиля или обводки. (См. раздел Форматирование символов с помощью панели «Символ».)
При перемещении текста по вертикали (например, при прокрутке титров), обеспечьте скорость прокрутки в пикселах в секунду, которая является четным кратным от скорости смены полей в формате видео с чересстрочной разверткой. Выбор такой скорости перемещения позволяет предотвратить искажения в результате расфазировки перемещения текста со строками развертки. Для NTSC оптимальными будут значения 0, 119,88 и 239,76 пикселей в секунду; для PAL — 0, 100 и 200 пикселей в секунду.
С помощью шаблона настроек анимации «Автопрокрутка — по вертикали» в категории «Поведение» можно быстро создать эффект вертикальной прокрутки текста (например, титров фильма).
- Для предотвращения дрожания, связанного с вертикальной прокруткой и наличием узких графических элементов и полей, смонтируйте титры как последовательность текстовых блоков с переходами между ними, например через затемнение.
К счастью, многие проблемы с текстом в видео и сжатых видеоформатах можно решить одним простым методом — применением размытия к текстовому слою. Легкое размытие сглаживает переходы между цветами и увеличивает видимую толщину горизонтальных элементов. Эффект «Уменьшить мерцание в чересстрочной развертке» лучше всего подходит для уменьшения дрожания; эффект заключается в применении вертикального направленного размытия, при этом в горизонтальном направлении размытия не происходит. Это позволяет лучше сохранить качество изображения, чем при использовании других видов размытия.
Полезные советы Филипа Ходжеттса (Philip Hodgetts) для получения хороших результатов при создании текстовой или векторной графики для видео можно найти на веб-сайте Creative COW.
В этом разделе перечислены методы создания сценариев для работы с текстом и приведены ссылки на популярные сценарии и учебные пособия.
Создание одного или нескольких текстовых слоев на основе содержимого текстового файла
Кристофер Грин (Christopher Green) предлагает на своем веб-сайте сценарий (crg_Text_from_File.jsx), который позволяет создавать один текстовый слой из всего текста, так и по одному слою для каждой строки в текстовом файле. Сценарий также содержит параметры для пробелов между словами и начальных пробелов.
Доступ к опорным линиям текста из сценариев
Можно считывать местоположения базовой линии (x,y) для текста, создавая сценарии с помощью обновления After Effects CC 2015 (13.6). Новый атрибут 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, lineN-1.end_y
Если строка не содержит символов, то координаты (x,y) начала и конца соответствуют максимальному значению с плавающей запятой (3,402823466e+38F).
Улучшения сценариев для текстовых слоев
Благодаря разработке сценариев теперь можно прочитать дополнительную информацию о шрифте и стиле, используемых для текстового слоя, включая местоположение файла шрифта на диске.
Ниже приводятся атрибуты объекта textDocument, доступные только для чтения:
- fontLocation : возвращает строку с путем к файлу шрифта, которая указывает его расположение на диске (нет гарантии, что будут возвращены все типы шрифтов; возвращаемое значение может быть пустой строкой для некоторых типов шрифтов)
- fontStyle : возврат строки со сведениями о стиле, например полужирное начертание или курсив
- fontFamily : возврат строки с именем семейства шрифтов
Возвращается значение для первого символа в текстовом слое в заданный момент времени.
Редактирование исходного текста текстовых слоев
Этот сценарий выводит на экран палитру для редактирования текста текстовых слоев в форме без стиля. Если в текстовом слое используется сложная анимация, или доступ к нему осложнен, или в настоящее время этот слой скрыт, рекомендуется редактировать текст, когда анимация или стиль отключены.
Загрузите сценарий с сайта Джеффа Алмасола (Jeff Almasol): Redifinery.
Сопоставление текстового файла с маркерами
Этот сценарий сопоставляет строки из текстового файла как ключевые кадры исходного текста на выделенном текстовом слое с последовательными маркерами на слое. Можно управлять нужной строкой текста, указывая номер строки в комментарии маркера.
Загрузите сценарий с сайта Джеффа Алмасола (Jeff Almasol): Redifinery.
Интеллектуальные функции
Этот сценарий показывает панель с элементами управления для вставки пунктуации «обычного текста» в «интеллектуальные» типографские представления (например, (c) преобразуется в символ авторского права ©).
Загрузите сценарий с сайта Джеффа Алмасола (Jeff Almasol): Redifinery.
Другие сценарии для работы с текстом
Тодд Коприва (Todd Kopriva) предоставляет на веб-сайте Adobe пример сценария, демонстрирующего функции форматирования текста, доступные в интерфейсе сценариев.
На веб-сайте After Effects Scripts Салахуддин Таха (Salahuddin Taha) предлагает сценарий для ввода арабского текста (направление письма справа налево).
На веб-сайте After Effects Scripts представлен сценарий Михаэля Кардейро (Michael Cardeiro), создающий несколько версий композиции с использованием информации из электронной таблицы или базы данных. Сценарий просматривает строка за строкой электронную таблицу и создает новые версии композиции с текстовыми слоями композиции, считываемыми автоматически из электронной таблицы.
На веб-сайте After Effects Scripts можно найти много других сценариев для работы с текстом. Пол Терслей (Paul Tuersley) предлагает на веб-сайте After Effects Scripts сценарий для поиска и редактирования текстовых слоев в проекте After Effects, создания собственных текстовых шаблонов настроек и применения их к нескольким слоям.
На форуме AE Enhancers Пол Терслей (Paul Tuersley) разместил сценарий для импорта файлов караоке Substation Alpha (SSA) и автоматического создания на их основе текстовых слоев.
При вводе строчного текста каждая строка является независимой, т. е. при редактировании увеличивается или уменьшается длина строки, но переноса на другую строку не происходит.
Небольшая черта через указатель инструмента «Текст» указывает на положение базовой линии текста. Для горизонтального текста базовая линия отмечает линию, на которой лежит текст; для вертикального текста базовая линия проходит через центральную ось символов.
Строчный текст создается с использованием свойств, установленных на панели символов. Эти свойства можно впоследствии изменить, выделив текст и изменив параметры на панели символов.
Из этого урока Вы узнаете, как можно создать потрясающую заставку с огненным исчезновением. В данном уроке мы будем использовать плагин Particular, при помощи которого создадим летающие частицы и искры.
Для выполнения урока понадобится: плагин Trapcode Particular, плагин Optical Flares (необязательно).
По заданным фильтрам ничего не найдено
Попробуйте изменить критерий поиска, или сбросить фильтры.
Комментарии 342
Подскажите пожайлуста, после создания камеры пропал луч, питаюсь заново вставить, а его не видно, что делать?
Попробуйте подвигать камеру в пространстве по Z оси, возможно она слишком близко или слишком далеко
Добрый день в настройках мода Particular / Rendering нету параметра Trasfer Mode, я понимаю что у меня более новая версия куда его перенесли:?
мастерство на высшем уровне. Интересно, что бы самому всё это понять и сделать, сколько лет нужно сидеть за программой?)
Подскажите пожалуйста, почему наложение эффекта particular получилось не на весь радиус логотипа, а только на 50-60% от него.
Все делал по туториалу.
Ребят, а почему вы говорите, что слой со светом не влияет ни на что? Я там полазил и очень даже интересно он влияет. Правда испортил всё, но тем не менее:) Хорошо было бы узнать, как его настраивать.
Помогите плиз, у меня в настройках мода Particular / Rendering нету параметра Trasfer Mode как у Вас на 27й минуте видео, как мне выставить этот режим наложения Add?
У меня та все почти иначе, вот прикрепляю скрин!
Помогите, когда ставлю эффект"particular" настраиваю как в видео, а цвет задать не могу(
Скиньте скриншот или видео с демонстрацией проблемы
Здравствуйте. Сделал по вашему уроку интро. Для меня конечно, как для начинающего, результат хороший. Но присмотревшись увидел что надпись получилась как будто не в фокусе.
Добрый вечер! Нет плагина particular, что делать кроме как обновить affter effects? Скачивал с сайта red giant - не помогло. Скачал ваш проект - тоже без этого плагина не работает
Хороший эффект и автор молодец, показал как приладить его к другим эффектам!
А где музыка? Вы говорили что в описании будет подходящая музыка.
Ну уроки и прочее может и полезно, у меня не хватает плагина, чтобы завершить эту анимацию, дайте лучше качнуть бесплатно плагин cc vector blur, будет больше пользы .
Это встроенный в After Effects эффект. Просто установите его актуальную версию
спасибо за этот урок , огромное спасибо )) Вот только сказано было ч то аудио файл будет на сайте в описании к видео , развод на регистрацию xD
в общем не могу найти этот звук , а вытаскивать его из этого видео так лень ((
Спасибо ещё раз за урок , огонь реально крутой получился , не ожидал от партикуляра такого ))
Добрый день подскажите где скачать аудио файл сгорания огня
А ЧТО ДАЛЬШЕ ДЕЛАТЬ когда я создал композицию как мне в нормальное видео это сделать пробовал рендер но кроме музыки ничего не создалось
Большое спасибо за уроки)) все более чем понятно) Были проблемы правда с частицами и зеленым цветом, но решения в комментариях помогли) Жду новых уроков)
Блин, а у меня что-то очень темные искры получились.
Не совсем понятно как синхронизировать звук и видео в After Effects, я обычно это делаю в Adobe Premiere. За урок большое спасибо!
Спасибо за познавательное видео, но есть пара вопросов: 1) Как сделать эффект появления текста из огня? 2) Допустим я хочу сделать текст, которые будет состоять из картинок (игровой тематики) в фотошопе, так вот, можно ли как то "сжечь" такой текст (сделать анимацию огненного исчезновения)?! И да, сам текст тоже будет анимированный (ну как бы в планах). Эх, объяснил называется. В любом случае спасибо за информативные видео! :)
Для начала работы с текстом активизируем инструмент Horizontal Type Tool, для горизонтального ввода текста. При повторном нажатии комбинации клавиш включется режим вертикального ввода текста, Vertical Type Tool.
При выборе данного инструмента автоматически открываются панели Character и Paragraph. Это произойдет, если стоит галочка в поле Auto-Open Panels, если панели не открылись нажмите на кнопку Togglethe Character and Paragraph panels.
Панель Paragraph предназначена для управления внешним видом абзаца. то есть задания отступов, и выравнивания текста.
Цвет букв, тип шрифта, размер, межстрочное и межбуквенное расстояние все это задается в панели Character.
Все шрифты установленные на Вашем компьютере отображаются в открывающемся меню Set the font family.
Ниже расположено меню в котором устанавливается стиль шрифта: курсив(Italic), жирный(Bold) или жирный курсив(Bold Italic). Regular, соответственно — обычный.
Цвет шрифта устанавливается в палитре, которая открывается нажатием на образец цвета, или же можно установить цвет пипеткой(Eyedropper).
Ниже задается размер шрифта и межбуквенное расстояние.
Задав нужные настройки кликаем мышкой в том месте изображения на панели Composition, где хотим начать ввод текста. Программа создаст тектовый слой, а мы можем приступить к созданию надписи.
Завершив ввод нажмите Enter на цифровом блоке клавиатуры, либо снимите выделение с текстового слоя кликнув в пустой области панели Timeline. При нажатии на основную клавишу Enter ввод текста будет переведен на новую строку. Будьте внимательны.
Края текста ограничены восемью маркерами. Используя инструмент выделения (Selection Tool, клавиша) потяните за правый верхний маркер по диагонали вверх. Таким образом мы увеличили масштаб текстового слоя. Но качество самого текста не ухудшилось. Это происходит из-за того, что текст сохранен программой в векторной форме. И сколько бы мы его не увеличивали качество ухудшаться не будет.
Давайте взглянем на свойства слоя.
Кроме группы свойств Transform, есть так же группа свойств Text, где содержатся некоторые дополнительные настройки. Обратите внимание на меню Animate справа от группы свойств Text. Это меню содержит группы аниматоров которые можно применять к тексту. О них мы поговорим отдельно. А сейчас перейдем к текстовым шаблонам. Откройте панель Effects & Presets. В боковом меню панели кликните на пункт Browse Presets.
Запустилась программа Adobe Bridge.
В окне «Содержимое» откройте папку Text.
Затем откройте любую папку с шаблонами, например «Animate in» и просмотрите ее содержимое.
Выделив какой-либо шаблон он будет отображаться в окне «Просмотр».
Для того чтобы применить шаблон, дважды щелкните по нему мышкой. Выберем например шаблон Characters Suffle In. Шаблон будет применен с текущего положения маркера времени, на выделенный слой.
Возможно Вы обратили внимание что заготовка в окне просмотра в Adobe Bridge выглядит немного плавнее. Чтобы наш текст двигался так же плавно поставим флажок в поле Motion Blur и нажмем на кнопку Enable Motion Blur.
Так же можно применить заготовку не запуская программу Adobe Bridge. В панели Effects & presets раскроем пункт Animation Presets. Находим группу заготовок Text. Там находим пункт Animate in и выбираем шаблон Characters Suffle In и перетаскиваем его на нужный слой.
Напоследок рассмотрим способ редактирования шрифта при помощи кривых Бизье. Это может пригодиться при создании эксклюзивных заголовков.
Для начала выделим текстовый слой. Затем выполняем команду Layer->Create Masks from Text. Готово! Создан новый слой с масками для каждой буквы. Видимость текстового слоя автоматически отключается.
Чтобы отобразить все маски выделите новый слой и нажмите на клавишу на клавиатуре. Дальше дело Вашей фантазии. Как будет выглядеть текст зависит только от Вас! В следующих уроках мы продолжим обучение After Effects.
After Effects имеется множество возможностей для создания эффектной и креативной анимации 2D- и 3D-текста. Приведенные здесь ресурсы и примеры содержат подробные инструкции по анимации текста в After Effects.
На веб-сайте Digital Arts Online Гарри Франк (Harry Frank) представляет руководство по анимации текста с помощью текстовых аниматоров.
Стив Холмс дает учебник по веб-сайте Layers Magazine видеоруководство по созданию текстовой анимации с использованием трех аниматоров и посимвольных 3D-свойств текста.
Колин Брэйли предоставляет учебное пособие и пример проекта по своем веб-сайте Колин Брейли (Colin Braley) предлагает руководство и пример проекта, показывающие, как можно применять выражения к свойству «Исходный текст» для анимирования и преодоления некоторых ограничений, свойственных эффекту «Числа».
На веб-сайте Creative COW Эран Штерн (Eran Stern) предлагает видеоруководство, которое демонстрирует использование посимвольной 3D-анимации текста по контуру в форме трехмерного торнадо.
Энджи Тейлор (Angie Taylor) предлагает руководство по использованию посимвольной 3D-анимации текста в сочетании с некоторыми общими приемами для симуляций выдавленного 3D-текста веб-сайте Digital Arts.
Эран Стерн предоставляет видеоурок. веб-сайте Artbeats Эран Штерн (Eran Stern) разместил руководство по использованию системы текстовой анимации After Effects как системы частиц.
Рич Янг (Rich Young) представляет коллекцию из нескольких ресурсов и руководств для создания «штампованного» 3D-текста в After Effects.
На веб-сайте ProVideo Coalition Крис и Триш Мейер (Chris и Trish Meyer) делятся несколькими полезными советами для анимирования текста в After Effects.
На веб-сайте MacProVideo Тоби Питман (Toby Pitman) демонстрирует приемы использования слоев-фигур для анимации текста.
В этом примере показано, как можно легко анимировать отдельные символы в 3D таким образом, чтобы каждый символ выступал из строки и делал поклон.
В программе After Effects вы можете добавить текст различными путями, и делается это при помощи добавления нового слоя. О том, как работать со слоями, вы можете узнать из урока про слои в After Effects.
Вставка текста в After Effects
Самый простой способ, это зайти в меню Layer, выбрать пункт New, и затем Text, или, еще проще, нажмите Ctrl+T.
Далее, в окне предпросмотра, выберите, куда именно вы хотите вставить текст. После этого вы сможете набрать нужный вам текст. Вот собственно и все.
Но я сомневаюсь, что это всё, что вы хотели знать, а потому, давайте пройдемся дальше.
Как изменить свойства текста в After Effects
Для начала давайте изменим шрифт. Чтобы выбрать новый шрифт, выделим наш текст (только наполовину), а затем снова перейдем к нашей вкладке Character и выберите новый шрифт. Здесь же вы сразу можете увидеть, как будет выглядеть выбранный вами шрифт. Я собираюсь выбрать шрифт под названием Bebes Neue, но вы можете выбрать любой другой.
Теперь вы можете заметить, что только выделенная часть текста изменила шрифт. Дело в том, что для любых операций с текстом, вы должны его выделить.
Прямо под выбором шрифта, вы можете выбрать его стиль: жирный, тонкий, курсив. Это очень похоже на то, что вы делаете в программе Word или в почти любом другом текстовом редакторе.
Справа от выбора шрифта и стиля, вы можете выбрать цвет шрифта.
В следующем блоке вы можете изменить размер шрифта, межстрочный интервал, интервал между двумя соседними символами, и межсимвольный интервал.
Ниже мы имеем ширину окантовки. Этот параметр, определяет, какая будет ширина ее, также вы можете задать ее цвет. Для выбора цвета вам нужно «развернуть цвет», щелкнув на двойную стрелочку и выбрав другой цвет.
Далее идет блок со свойствами параграфа, в котором вы можете задать выравнивание абзаца, отступ и другие параметры.
Добавление анимации к тексту в After Effects
Поскольку мы все таки имеем дело с программой для создания эффектов в видео, то мы можем добавить и некоторые эффекты. Для этого выберите кнопку Animate в свойствах текста, и выберите соответствующий эффект
Тут довольно много различных эффектов, попробуйте различные из них, в том числе, используя ключевые кадры для создания анимации. Есть много действительно простых и мощных эффектов, которые вы можете придать своему тексту только из этого меню.
Добавление фона к тексту.
Теперь давайте попробуем добавить свой фон к тексту. Для этого, нажмите клавишу Q, и мышкой проведите за текстом. Вы должны получить что-то вроде этого. Это так называемый Shape Layer.
Переместите его на слой ниже слоя с текстом.
Измените цвет фона.
И теперь, объедините текстовый слой и его фон в один слой. Для этого выделите оба слоя, вызовите контекстное меню, и выберите пункт – Pre-compose.
Великолепно! Вот вы и смогли добавить свой текст в ваш проект в программе After Effects. А также вы теперь знаете, как придать ему некоторые свойства, и как сделать анимацию.
Читайте также: