Как сделать переливающийся текст в after effects
Для создания различных эффектов с частицами в After Effects, существует мощный плагин Trapcode, но данный плагин платный и стоит он не мало, поэтому более подробно мы рассмотрим его как-нибудь в другом, отдельном уроке. А в данном случае мы разберём способ создания эффекта с частицами, при помощи лишь стандартных эффектов и инструментов After Effects. Данный эффект можно использовать для какой-нибудь видео-заставки, слайдшоу, сделать из него гифку, ну думаю вы найдёте куда его можно применить.
1. Создаём новый проект
Для начала создаём новый проект, для этого в верхнем меню выбираем "File" - "New" - "New project". Настройки я оставлю по умолчанию: размер композиции - FullHD, Frame Rate - 25 кадров в секунду, продолжительность - одна минута и цвет фона - чёрный.
2. Пишем текст для дальнейшей анимации
Первым делом пишем текст, на который будем накладывать эффект. Берём инструмент "Текст", устанавливаем нужный шрифт, цвет, размер и печатаем что-нибудь, ну допустим "After Effects".
Теперь нужно сделать дубликат этого слоя. Для этого выделяем слой с текстом, нажимаем комбинацию клавишь "Ctrl+C", то есть копируем его и нажимаем комбинацию "Ctrl+V" -
вставляем копию.
3. Накладываем эффект и настраиваем
Теперь на верхний слой наложим эффект "Parcticle Systems". Для этого открываем панель эффектов и пресетов и ищем в ней данный эффект. Берём его и перетаскиваем на наш верхний слой.
Для того, чтобы убедиться, что эффект подключился к слою, можно просто переместить ползунок по тайм-лайн, в результате должен наблюдасться такой эффект, типа фейерверка.
Он появился в параметрах эффекта и мы просто берём его мышкой и ставим поверх всех других эффектов, перетаскиваем вверх.
Получаем вот такой результат.
Теперь нужно настроить параметры эффекта "Parcticle Systems". Начнём с самого первого "Birth Rate" - это так называемый, уровень рождаемости частиц. По умолчанию его
значение - четыре и если попробовать изменить это значение, то можно увидеть, что изменяется плотность потока частиц. Чем больше значение мы выставим, тем плотнее будет
выглядеть эффект. В данном случае, нам нужен очень плотный поток и мы в ручную укажем значение "25".
Далее идет параметр "longevity" - это время жизни частиц. Если мы его убавим, то соответственно, время жизни частиц уменьшится и они будут пропадать не долетая до конца
экрана. Этот параметр мы выставим примерно на значение 0.5. Затем настраиваем радиус полёта частиц. По оси X выставим единицу, а по оси Y установим где-нибудь двадцать. В результате получается вот такой эффект.
4. Анимируем движение эффекта
Теперь, с помощью параметра "Position", мы сделаем перемещение эффекта частиц слева направо, так как у нас текст будет разлетаться на частици именно в таком направлении.
Устанавливаем на тайм-лайн ползунок на время с которого будет начинаться эффект распада текста, я поставлю на первую секунду и выкручиваем у параметра "position" положение по горизонтали на ноль.
Перемещаем ползунок немного вперёд, допустим эффект будет длиться до 6-й секунды и устанавливаем позицию на 1920, т.е. на всю ширину нашей сцены. Таким образом, у нас получается вот такой эффект.
Если нужно сделать его быстрее или медленнее, просто перемещайте точки дальше друг от друга или наоборот ближе.
Следующим шагом мы верхний слой сделаем источником альфа-наследования нижнего слоя. Говоря простыми словами, верхний слой с эффектом наложем на нижний слой с текстом. Для этого открываем параметр "Particle" и у значения "Sourse alpha inpherit" ставим галочку. Теперь, если проиграть результат, то можно наблюдаем эффект разлетающихся частиц, проходящий по тексту. Цвет частицам сразу зададим белый, так как текст у нас белый.
Сам эффект частиц можно тоже настроить по разному, задать ему разные формы. Сейчас вот у нас просто такие частицы, типа фейерверка. В настройках эффекта можно изменить их на что-нибудь другое, тут есть много вариантов можете сами поэксперементировать. Вот например, звёзды, пузыри и другие. Я же оставлю эффект по умолчанию "Line".
В параметрах "Physics" можно настроить сам процесс полёта частиц, т.е. их анимацию. Вот сейчас стоит значение "Explosive" т.е. взрыв. Можно выставить другой, например вот
"Twirl" и теперь частицы закручиваются.
Ну и еще несколько эффектов анимации тут имеются, под свою задачу можно что-нибудь подобрать. Я оставлю анимацию взрыва, которая была по умолчанию.
Есть еще интересный параметр "Гравитация", с помощью него можно настроить силу притяжения частиц к нижней части экрана, т.е. к земле. Я выставлю этот параметр на -1, чтобы частицы наоборот взлетали при исчезновении, а не падали, как искры от сварки.
Кстати, по поводу цвета, я выставил оба значения белым, но тут можно делать интересные вещи. Первый цвет - это цвет частиц, при их зарождении, а второй при исчезании. Если, к примеру, первый цвет оставить белым, а второй выставить красным, то получится вот такой эффект.
С настройками эффекта мы закончили и теперь остаётся сделать так, чтобы текст исчезал по ходу движения частиц. Для этого в панели эффектов нужно найти эффект "Linear Wipe" и наложить его на наш нижний слой с текстом.
Теперь мы видим, что текст вообще исчез. Перейдём к параметрам этого эффекта, открыв их мы видим, что ключевые точки стоят слишком далеко от нашего эффекта с частицами, да и работают они по умолчанию не так как нам нужно.
Мы их просто удаляем и создаём заново с нужными параметрами. Для того, чтобы это было точно, удерживая "Shift" ведём ползунок к первой точке и он встаёт точно над ней. Теперь ставим первый ключ и настраиваем параметр на 0%.
Затем перемещаем ползунок ко второй точке, удерживая "Shift", ставим второй ключ и выставляем значение параметра на 100%.
5. Накладываем анимированный текст на видео
Ну и теперь можно наложить наш текст с эффектом на видео. Импортируем видео-файл, помещаем его в композицию, ставим слой с видео под слои с текстом и получаем видео-заставку.
С настройками данного эффекта вы конечно можете ещё поэксперементировать, на своё усмотрение.
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 таким образом, чтобы каждый символ выступал из строки и делал поклон.
В композицию можно добавлять текст, используя текстовые слои. Текстовые слои удобны для многих целей, включая создание анимированных заголовков, бегущей строки, титров в нижней трети экрана и динамической печати.
Можно анимировать свойства целых текстовых слоев или свойства отдельных символов, например цвет, размер и положение. Анимация текста осуществляется с помощью свойств текстовой анимации и инструментов выбора. 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) и автоматического создания на их основе текстовых слоев.
При вводе строчного текста каждая строка является независимой, т. е. при редактировании увеличивается или уменьшается длина строки, но переноса на другую строку не происходит.
Небольшая черта через указатель инструмента «Текст» указывает на положение базовой линии текста. Для горизонтального текста базовая линия отмечает линию, на которой лежит текст; для вертикального текста базовая линия проходит через центральную ось символов.
Строчный текст создается с использованием свойств, установленных на панели символов. Эти свойства можно впоследствии изменить, выделив текст и изменив параметры на панели символов.
Шаг 1.
Первым делом создаём новую композицию (сочетание клавиш Ctrl+N). Далее при помощи инструмента Horizintal Type Tool (Ctrl+T) напишите в панели Composition желаемый текст.
Шаг 2.
Выделите слой с текстом на панели Timeline и выполните команду Layer => Create Shapes from Text (Создать формы из текста).
На панели Timeline появится новый слой с формами.
Раскройте слой с формами, далее раскройте группу Contents (Содержимое). Как Вы видите программа создала не одну форму для всего слова, а по форме для каждой из букв.
Здесь важно помнить, что некоторые буквы (такие например как i e j) могут содержать в себе не одну, а две формы. В моём случае это буква е.
Это мы немного ушли в теорию, вернёмся же к уроку.
Шаг 3.
Следующим шагом будет редактирование внешнего вида текста. Для этого выделите слой с формами на панели Timeline. Чуть выше панели Composition появится панелька для настройки заливки и обводки нового слоя.
Кликните по слову Fill (Заливка) и выберите вариант без заливки.
Далее кликните по прямоугольнику правее надписи Stroke (Обводка), чтобы выбрать цвет обводки. Выберите любой цвет (я например выбрал светло-серый D4D4D4).
Измените толщину обводки примерно на 4–6 пикселей.
Вот что я получил в итоге:
Шаг 4.
Раскройте слой с формами. Кликните по кнопке Add и выберите пункт Trim Paths.
Тем самым мы добавили к слою с формами новый параметр, который позволяет обрезать контуры форм.
Шаг 5.
Раскройте параметр Trim Paths. Переместите индикатор текущего времени в начальную позицию. Включите режим анимации для параметра End, кликнув по кнопке с секундомером. Измените значение параметра End на 0%.
Переместите индикатор на 2 секунды вперёд и измените значение параметра End на 100%.
Просмотрите анимацию. Текст эффектно прорисовывается в течении 2 секунд.
При желании можно ещё добавить анимации параметру Offset, это добавит динамики нашей анимации.
Вот, что у нас получилось в итоге:
Надеюсь у Вас всё получилось. Увидимся в следующих уроках и курсах по Adobe After Effects!
Итак, изначально вам нужно будет зайти в программу и создать новую композицию. Когда она будет готова (после выставления необходимых настроек), вам нужно будет выбрать инструмент текста (буква Т, на верхней панели или комбинацией горячих клавиш Ctrl+T). После этого вводим текст, который нам будет нужен на анимации.
Как вы видите, текст получился далеко не по центру рабочего стола. Чтобы анимация вышла красивой и стильной, текст нужно отцентровать. Для этого на правой панели находим пункт «Alighn», выбираем наш слой и регулируем его так, чтобы он стоял строго по центру рабочего стола и по горизонтали, и по вертикали.
Уже после этого вы можете выбирать шрифт, размер, цвет и другие мелкие детали. После этого нам необходимо подровнять высоту композиции под высоту нашего текста. На рабочем столе, в нижнем левом углу, кликаем правой кнопкой мышки по композиции и выбирает функцию «Composition Srttings».
Корректируйте, в основном, высоту, но многое будет зависеть и от объема текста, так что тут все сугубо индивидуально. У вас должно получиться примерно так, как на скрине ниже.
Передвигаемся на нашу основную композицию, перетаскиваем на нее текст, кликаем на нее правой кнопкой мышки и выбираем функцию «Pre-compose». У вас откроется маленькая табличка, в которой нужно будет выбрать второй формат.
Далее открываем новую композицию. Нам нужно повернуть ее на 90 градусов. Для этого выбираем композицию и нажимаем на «R». На рабочем столе, в нижнем левом углу экрана, вы увидите пункт Rotation. Поставьте значение в 90 градусов.
После этого нажмите кнопку «S», чтобы уменьшить текст настолько, чтобы он вписывался в размер картинки по высоте.
После этого вам нужно будет перейти в раздел эффектов. Вам понадобится эффект Motion Tile. Дважды кликните по нему и он применится на вашу композицию.
Единственный момент – в левой части экрана обратите внимание на пункт Output Height. Таким образом вы сможете создать новые слои непосредственно на композиции с текстом.
После этого вам нужно будет вернуться на первую композицию и добавить на нее эффект «CC Сylinder». Ваш текст свернется теперь в цилиндр, что уже выглядит достаточно круто и стильно.
Можно немного подкорректировать позицию и изменение по осям X/Y/Z. Можем вернуть текст в изначальную позицию, поставив значение изображения угла в -90 градусов. Остается лишь косметические штрихи, которые можно сделать тут же.
Теперь остается сделать саму анимацию. Для этого переводим строку на таймлайне на начало ролика и на позиции Rotation Y устанавливаем ключевой кадр. После этого перемещаем ползунок на таймлайне на некоторое время вперед, и ставим второе значение в графе Rotation Y.
Можно дополнительно поиграться с настройками, добавив ключевые кадры не только по одной оси, а по всем трем. Вот так вот, буквально за несколько минут, у вас будет готовая, крутая и стильная анимация текста.
Читайте также: