Как сделать рассыпающиеся буквы в after effects
Данная статья представляет собой урок по использованию текстовых слоёв в Adobe After Effects 6.5 и ориентирована на начальный уровень пользователя. Будет рассмотрен эффект написания текста, когда буквы появляются, словно их пишут маркером, а так же использование новой возможности для анимации текста After Effects 6.5 – Text Presets Gallery. По мере создания проекта будут даны некоторые советы и пояснения, относящиеся к работе в АЕ в целом и направленные на повышение эффективности работы данной программе. Предполагается, что пользователь, читающий данный урок, свободно ориентируется в интерфейсе пакета АЕ 6.5 и владеет необходимой терминологией.
Готовый файл проекта, который будет создан в процессе урока, доступен здесь.
Вместе с версией 6.5 поставляются библиотеки предустановок для анимации текста. Существующую теперь возможность использования готовых анимаций сложно переоценить, поскольку раньше текст приходилось анимировать «вручную» и на повторение отдельных пресетов, содержащихся в библиотеке уходило очень много времени, а исполнение некоторых было вовсе невозможно без знания алгоритмических выражений. Рассмотрим на практике, как можно использовать предустановки анимаций текста. Создайте проект и, нажав Ctrl+N, новую композицию со следующими настройками:
Следует обращать внимание на название композиций и не оставлять их по умолчанию Comp1, Comp2… В конкретном проекте это, может быть, и не важно, но число композиций проекта зачастую насчитывает несколько десятков и разобраться в просто пронумерованных композициях очень сложно.
Выбрав инструмент Text панели Tools (Ctrl+T), щёлкните им в окне Monitor. На Timeline автоматически появится текстовый слой. Введите произвольное словосочетание.
В главном меню выполните команду Help>Text Presets Gallery.
Далее следует выбрать любой из представленных разделов. Вашему вниманию будет предоставлена таблица из AnimatedGIF изображений с названиями каждого пресета, где можно визуально ознакомиться с той или иной анимацией текста.
Просмотрите все разделы, чтобы составить общее представление о возможностях анимации текста с помощью готовых библиотек.
Для того чтобы применить любой из пресетов следует запомнить его название, а также название раздела, в котором этот пресет находится. Далее, при выделенном текстовом слое, выполните команду главного меню Animation>Apply Animation Preset. Откроется директория Text из каталога установленной программы АЕ, где нужно будет выбрать тот пресет, который вы запомнили при просмотре библиотеки. Названия директорий в открывшейся папке Text соответствует названиям разделов Text presets gallery. Выбранная анимация будет применена к выделенному текстовому слою. Альтернативным способом применения предустановок может служить вызов окна Effects & Presets (Ctrl+5), где в разделе Animations presets можно найти все доступные предустановки. Для применения любой из них достаточно дважды щёлкнуть на пресете при выделенном текстовом слое или просто перетащить предустановку на слой.
Нажмите num0 для просмотра анимированного текста в окне Monitor. Не сложно вообразить возможности применения такого объёма готовых анимаций текста.
Теперь отмените применение последней анимации или удалите слой и создайте новый. Примените к нему пресет Current Time Format из директории Expressions. Обратите внимание, что в этом случае не важно, какой именно текст содержался в слое. Этот пресет построен на основе алгоритмического выражения (Expression), формирующего текстовые символы (цифры) в зависимости от положения линия редактирования и визуализирует, так сказать, текущее положение последней. В палитре Characters поставьте размер текста, равный 30 и поместите сам текст в левый нижний угол изображения.
В качестве Background используется композиция, созданная в рамках этого же проекта и к непосредственной теме урока не относящаяся.
Далее создаётся ещё один текстовый слой, который будет имитировать текст, написанный маркером. Можно использовать любой шрифт, напоминающий подобную надпись. В данном случае использовался шрифт Freeport с размером 170. Набор текстовых символов вполне соответствует теме статьи.
Теперь задача состоит в том, чтобы заставить этот текст появляться постепенно, как при реальном написании. Существует несколько способов достичь подобного результата, здесь будут использованы возможности инструмента Brush, появившегося в АЕ версий 6.х.
Данным инструментом нельзя воспользоваться непосредственно в окне композиции, - он действует только в окне слоя. Поэтому создаётся дополнительный слой, на котором будет производиться рисование. Для этих целей выделите на Timeline текстовый слой «EXAMPLE» и выполните команду главного меню Layer>Create Outlines. Образовался новый слой (Solid) белого цвета с масками, контуры которых в точности повторяют контуры надписи, который так и называется – EXAMPLE Outlines.
Теперь дважды щёлкните на слое EXAMPLE Outlines на линейке Timeline, чтобы переключиться в окне Monitor с композиции All Text на окно слоя. Можно приступать к рисованию. На панели Tools выберите инструмент Brush (Ctrl+B) и установите для него следующие настройки:
Для более комфортного достижения результата следует увеличить масштаб изображения в окне Monitor до 200% однократным нажатием на клавишу «>».
Задача состоит в том, чтобы последовательно «закрасить» весь текст «EXAMPLE», а затем анимировать штрихи кисти. Причём делать это нужно в той последовательности и направлениях, как если бы вы писали этот текст маркером. То есть буква «Е», например, должна состоять из трех штрихов.
Первый штрих – сверху и направо, по вертикальному и нижнему сегменту буквы «Е», затем по среднему и по верхнему коротким сегментам. Просто вообразите, как бы вы писали эти буквы маркером и в той же последовательности закрашивайте их инструментом Brush. Имейте в виду, что в какой последовательности и в каких направлениях вы будете наносить штрихи, по такому же принципу потом будут «писаться» буквы. При использовании инструмента Brush внутри того слоя, на котором производится рисование, образуются так называемые вложенные слои, причём их число равно количеству штрихов. Пока у нас только три штриха (закрашенная буква «Е»).
В дальнейшем число штрихов и, соответственно, вложенных слоёв Brush1, 2, 3… в данной композиции достигнет 14, и чтобы совершенно в них не запутаться, можно анимировать их по мере закрашивания каждой буквы. Итак, чтобы добиться «прорисовки» штрихов нужно анимировать параметр «End» в группе Stroke Options на Timeline. Для этого щёлкните последовательно на соответствующих треугольниках на Timeline.
Теперь измените «End» со 100% до 0 и поставьте первый ключевой кадр принудительно, нажав на изображение часов в строке «End». Обратите внимание, что линия редактирования должна находиться на нулевом кадре Timeline.
Логично, что сам штрих, параметр «End» для которого равен 0, исчез в окне Monitor. Теперь переместитесь по шкале времени на 4 кадра вперёд, четырежды нажав Page Down, и введите значение равное 100% для параметра «End». Ключевой кадр сформируется автоматически, обеспечивая плавное изменение параметра «End» между 0-вым и 4-тым кадром от 0 до 100%. Что и обеспечит прорисовку 1-го штриха.
Теперь нужно повторить операции по анимированию для 2-го и 3-го штрихов. Только начинать следует не с 0-го кадра, как в первом случае, а с того момента, когда завершена прорисовка предыдущего штриха. То есть для Brush 2 это будет четвертый кадр. Обратите внимание, что штрихи 2 и 3 короче первого, следовательно, и время их прорисовки должно быть меньше, - не 4, а 2 кадра.
Обратите внимание, что на закрашивание букв «М» и «L» понадобилось по одному штриху, поскольку при реальном написании этих букв так же не пришлось бы отрывать маркер от бумаги. Подготовка закончена. Можно удалить все маски со слоя Example outlines. Для этого нажмите М при выделенном слое и, выделив все маски, нажмите Delete. Не снимая выделения со слоя, нажмите Shift+Ctrl+T, чтобы получить доступ к палитре Effect Control слоя Example outlines. Поставьте галку Paint on Transperent, чтобы сделать прозрачным слой Example outlines. Переключите закладку окна Monitor c Example outlines на All Text. На нулевом кадре вы должны наблюдать такую картину:
Теперь нужно использовать слой со штрихами в качестве Track Matte (движущейся маски) для текстового слоя Example.
Нажмите num0, чтобы увидеть, как будет прорисовываться текст:
Урок закончен. Подобным образом можно анимировать не только текстовые слои, созданные в АЕ, но и любой текст или рисунок на Альфа канале. Например, для поздравления с юбилеем можно использовать размашистые буквы шрифта Calligrath из «золотого» материала, подготовленные в 3D пакете. А для фильма о ребёнке прекрасно подойдёт анимированный рисунок мелком или маркером, которые в бесчисленном множестве содержатся в клипартах к программам векторной графики. Хотелось бы обратить внимание на использование горячих клавиш в АЕ. В тексте статьи они приведены вместо аналогичных команд меню не случайно. Как начинающие, так и опытные пользователи зачастую недооценивают эффективность работы с клавиатуры. Привыкайте к этому с самого начала, - со временем вы поймёте, насколько это удобней и эффективней. Кроме того, существуют команды, которые вообще не дублируются и выполняются только с клавиатуры. Успехов!
В этом уроке мы будем работать над композицией с надписью из песка, которая потихоньку будет осыпаться. Потрясающий урок по After Effects, который Вам обязательно понравится!
Пробную версию плагина Trapcode Particular Вы можете скачать здесь.
По заданным фильтрам ничего не найдено
Попробуйте изменить критерий поиска, или сбросить фильтры.
Комментарии 41
Спасибо огромное за уроки, все получается! Но если можно немного поподробнее про настройки в плагинах которые Вы делаете, что бы было понятнее что за что отвечает. Просто тупое повторение за Вами не приносит удовлетворение от сделанной работы.
ОК, мы вас услышали
мэджик. спасипа за урок\63
вы гении и еще гении
Добрый день! Проект не скачивается, выдает ошибку. Спасибо за урок!
Все работает, попробуйте в другом браузере или при помощи Download Master
Вот так выглядит нарисованная маска на тексте
Большое спасибо за урок. Возник один вопрос - не получается перенести маску из композиции с Текстом на Нулевой объект в итоговой композиции. Т.е. она копируется и анимация частицами есть, но частицы рисуют только отдельные узлы маски, соединяют их прямыми линиями - букв не получается, хотя изначально маска прорисована. В чем ошибка? Картинку прилагаю. Буду очень признательна за ответ!
Используйте качалку Download Master или браузер Chrome
Почему когда мы меняем дистанцию у слоя свет(эмиттер) то идет дефокус частиц, а когда на 0 то они сгущенные в пучке и ровно идкт по траектории
Все, досмотрел до конца, понял, чтобы часть частиц оставалась на надписи, как определить какая часть осыпется, а какая прилипнет?
Ну там как раз для этого и выкручивают Velocity у Emittera, чтобы был разлет, а так как слой с Emitterом и слой со стеной небольшой(где автор ставил отрицательную разницу, тобишь в нашу сторону сдвигал) то прилипает n-ое количество частиц.
Понятно? Просто я сам думал над всеми действиями автора(который не утрудился объяснить, либо сам не понял) и пришел к такому выводу)
Зачем создали слой стена?
У меня ничего не получается!
Что то конкретное?
Извините, у меня не получается , когда мы уже сделали маску, сделали ключи , что бы убрать лишние линии в тексте , потом мы начинаем настраивать particular. У меня каждая буква обводится этим эффектом , частицы под гравитацией падают вниз , но предыдущие буквы не остаются , а падают вместе с частицами вниз. Пересматривал пару раз урок, делал все точь в точь, но не получается, помогите плз. Надеюсь объяснил доступно :)
Для создания различных эффектов с частицами в 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, чтобы создать стилизованное видео (элементы). Я видел достаточно много роликов, где применяли данный эффект: поверх всего видео или использовали в качестве стилизации каких-либо элементов. Cделать это можно различными способами, я расскажу про один из них. Не стоит путать это дрожание с обычным wiggle по позиции, это совсем другое.
Сделать это просто, для этого в вашей композиции, должны уже быть текстовые слои или какие-нибудь элементы, которые необходимо расшатать, далее создаем adjustment layer и кидаем на него плагин Turbulance Displace:
После этого, крутим настройки: чем меньше size у Turbulance Displace, тем более мелкие детали вы получите при дрожании. Параметр Amout влияет на силу дрожания, я оставил 15. Далее анимируем это дрожание, для этого я вписал в параметр Evolution выражение time*2500. Сделал такое адско-быстрое выражение, потому что далее мы будем использовать Posterize Time, для создания пропуска кадров.
Пропуск кадров на дрожащих слоях усиливает этот эффект. Сделать низкий fps у композиции можно разными способами, как выражениями, так и плагинами. Я буду использовать плагин Posterize Time для понижения количества кадров в секунду. Вы можете создать новый adjustment слой, а можете сделать прекомпоз, в любом случае вам стоит накинуть плагин time -> posterize time. Я выставил 15 кадров в секунду, чем меньше это значение тем большее количество кадров будет «уходить».
Для шейпов отдельно можно использовать модификатор wiggle path. Кроме того, вы можете отдельно накидывать на слои Turbulance Displace для создания рандомного дрожания.
Кроме этого лпагина вы можете использовать Roughen Edges, плюс этого варианта в том, что он этот плагин действует на края слоя, а не полностью на весь слой.
В данном уроке мы создадим мегакрутую заставку из частиц! Такая заставка прекрасно подойдет к любому логотипу. Заставку, в этом уроке, мы будем делать при помощи плагина Trapcode Form.
По заданным фильтрам ничего не найдено
Попробуйте изменить критерий поиска, или сбросить фильтры.
Комментарии 253
Никак не пойму как все же сделать проигрывание в обратном направлении..
Уже все перекликал (Physics Time Factor в том числе), нет у него обратного движения В центр, а не от него. Ну или я какой-то тупой.
Последняя версия плагина
Здравствуйте еще раз, хочу сделать точно также как и в видео уроке но увы Quick Maps нету чем его заменить?
Здравствуйте, можете подсказать какие настройки нужно использовать в АЕ 2018 вместе Quick Maps которого нету на новых версиях. Вы говорите что есть в Layer Maps, а там что нужно менять? Какие настройки нужно менять?
Здравствуйте, зависит от того, что вы хотите сделать. Уточните вопрос и скажем, какие настройки надо менять
Как называется form в русской версии ?
Здравствуйте! Подскажите, пожалуйста, у меня в финале на лого остаются следы частиц, какой параметр может на это влиять?
Здравствуйте, подскажите пожалуйста в AE 2019 CC нет эффекта Quick Maps, чем его заменить? По уроку пока всё получается, только вот нет именно этого параметра и я в ступоре
Есть ли возможность в particular сделать стандартное движение частиц в обратном направлении, от краёв к центру? (эффект всасывания).
Может немного не в тему вопрос, но очень хочется чайнику прояснить для себя, какова же нормальная скорость работы After Effects.
Повторял именно этот урок, только к появлению текста добавил еще его исчезновение. Вся сцена растянулась на 1мин 20сек. Жму на клавишу "0" для просчета и. ждал где-то 17 мин пока полностью появится зелененькая полоса. Малейшие изменения в сцене(чуть передвинул слой, к примеру) и снова надо ждать 5мин пока просчитает участок секунд в пять.
Вопрос: Такая медленная работа это нормально для AE? Ведь здесь применен всего лишь один Trapcode Form. А что же будет если попробовать какие-то сложные 3D сцены?
PS Железо вроде не самое убогое
Процессор Intel Core i7 - 7700K
Видеокарта GeForce GTX1050 Palit StormX 2048Mb
Ж. диск 250Gb SSD Samsung 960 EVO
нет Quick Maps в trapcode form
Артем привет. как делается вот такой эффект в авторе ?
делал по вашему уроку давно но потерял ,скачал у вас )
Trapcode Form 3.0.1
Как быть? Ставить другую версию плагина?
Ребят, версия Trapcode Form 3.0.1 нет Quick Maps :( AE версии 2017
Эффект , хороший, а как сменить анимацию, т.е. что бы текст не появлялся, а наоборот исчезал.
Потрясающий урок ! Спасибо! Все на столько доходчиво объяснено, что получилось с первого раза, хотя занимаюсь этим всего неделю.
Можно ли сделать так, что бы после того, как на шестой секунде, исчезают частицы, оживало отражение букв, в виде обратной, быстрой волны?
Или это сложный проект получиться?
Спасибо Вам огромное!
На шестой секунде чего?
Огромное спасибо за урок!
Подскажите пожалуйста, как быть. Моя заставка предполагает появление букв из снежинок на фоне футажа. Размер снежинок в композиции для совпадения с футажом должен быть 3 (а не как 1 в композиции). Количество частиц я тоже, соответственно, уменьшил в 3 раза относительно разрешения композиции. Вылет снежинок и формирование букв получились шикарно, но сами буквы отображаются грубо. Причинно-следственная связь понятна (буквы имеют в 3 раза меньшее разрешение), но как её изящно обойти: чтобы из больших, толстых частиц получался изящный текст?
Наверное, надо, чтобы частицы, сложившись в букву, сразу исчезали, а вместо них проявлялось оригинальное изображение. но как этого достичь?!
Заранее огромное спасибо!
Добрый вечер! Есть беда: сделал лого в AE 2017, но рендер 6-ти секунд шел 3 часа. Хотя комп вроде не слабый: lenonvo y700-17 - intelcore i7 6700, gefororce 960m, оперативки 12 гб.
Можете подсказать, в чем может быть проблема?
GPU for CUDA в преференсах ставил.
Добрый вечер, у меня в эффектах нет Form - Trapcode, что делать?
Здравствуйте.С камерой не очень понял как второй ключ поставить. Первый на часики нажали а вот второй как?
Всем привет, первый раз прошу помощи на вашем сайте. Я создал полностью Текст из частиц как показано в данном уроке, всё прекрасно получилось, только хотелось бы узнать как можно поменять фон на прозрачный, вместо чёрного. Очень хотелось бы использовать этот текст в виде GIF Анимации в другом проекте. Или если возможно в Photoshop когда создаёшь гиф анимацию как-то изменить фон на прозрачный. Буду благодарен))
Читайте также: