Как сделать эффект писания от руки в after effects

Добавил пользователь Алексей Ф.
Обновлено: 18.09.2024

Для создания различных эффектов с частицами в 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. Накладываем анимированный текст на видео

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

С настройками данного эффекта вы конечно можете ещё поэксперементировать, на своё усмотрение.

Данная статья представляет собой урок по использованию текстовых слоёв в Adobe After Effects 6.5 и ориентирована на начальный уровень пользователя. Будет рассмотрен эффект написания текста, когда буквы появляются, словно их пишут маркером, а так же использование новой возможности для анимации текста After Effects 6.5 – Text Presets Gallery. По мере создания проекта будут даны некоторые советы и пояснения, относящиеся к работе в АЕ в целом и направленные на повышение эффективности работы данной программе. Предполагается, что пользователь, читающий данный урок, свободно ориентируется в интерфейсе пакета АЕ 6.5 и владеет необходимой терминологией.

Следует обращать внимание на название композиций и не оставлять их по умолчанию 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.х.

Теперь дважды щёлкните на слое EXAMPLE Outlines на линейке Timeline, чтобы переключиться в окне Monitor с композиции All Text на окно слоя. Можно приступать к рисованию. На панели Tools выберите инструмент Brush (Ctrl+B) и установите для него следующие настройки:

Теперь нужно повторить операции по анимированию для 2-го и 3-го штрихов. Только начинать следует не с 0-го кадра, как в первом случае, а с того момента, когда завершена прорисовка предыдущего штриха. То есть для Brush 2 это будет четвертый кадр. Обратите внимание, что штрихи 2 и 3 короче первого, следовательно, и время их прорисовки должно быть меньше, - не 4, а 2 кадра.

Теперь нужно использовать слой со штрихами в качестве Track Matte (движущейся маски) для текстового слоя Example.

Нажмите num0, чтобы увидеть, как будет прорисовываться текст:

Для видеоредактора After Effects нет ничего невозможного. С помощью этой программы вы можете создавать титры для кинофильмов, делать заставки, вырезать объекты из клипов, создавать логотипы, оживлять персонажей, создать дизайн в 3D-пространстве. Это программа мечты и она научит вас воплощать любые идеи в жизнь. В этой статье мы поговорим о том, как рисовать в Афтер Эффект.

Инструкция: как рисовать в видеоредакторе After Effects

Отобразились панели Paint, Brushes и Layer.

Разные панели имеют разные функции. Панель Paint задаёт параметры рисования. Для того, чтобы выбрать нужную кисть по жёсткости и размеру, мы применяем панель Brushes. В самой панели Composition рисование не предусмотрено, поэтому для этих целей мы используем панель Layer.

Данный эффект показывает, что для данного слоя было использовано рисование и даёт лучшее понимание того, как рисовать в Афтер Эффект (After Effects). Готовый элемент отражается в свойствах слоя, в подслое Brush 1. Теперь добавим на нашу картинку листочки с лепесточками. И вот мы имеем готовый цветочек.

Обратите внимание! Главным свойством эффекта рисования является Paint of Transparent, который можно использовать для всех элементов.

Развернём вид Stoke Options. Корректировку формата рисования готового рисунка нужно производить в панели Point.

Обратите внимание! Вид Stoke Options имеет много функций по созданию рисунка. Есть возможность менять цвета кисти, диаметр, округлость, прозрачность, жёсткость, интервал и поток.

Также, что не мало важно, есть элемент стирания. Это ластик. При его выборе вам будет доступен на панели Point раздел Erase. Ластик служит не только для стирания рисунков, но и для стирания фона. Все свойства анимируемые. Сделано это для лучшего понимания того, как рисовать в After Effects.

Для создания прямой линии, можно воспользоваться инструментом линейка. Перейдите в меню View->Show Rulers. В панели Layer вы увидите две шкалы. Одна вертикальная, а другая горизонтальная. Выберите здесь нужную вам линию и курсором передвиньте её куда нужно.

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

Чтобы определить начало линии, необходимо выбрать инструмент Brush Tool, навести курсор на линию, кликнуть мышкой и поставить точку. Чтобы определить конечную точку линии, нужно переместиться курсором в нужное вам место, зажать клавишу Shift и щёлкнуть мышкой. Всё. Линия готова. Если вам нужно использовать сетку, то для её видимости нажмите комбинацию View->Show Grid.

Заключение

В этой статье вы ознакомились с первыми азами рисования в After Effects. Урок полезен для всех, а особенно для тех, кто хочет освоить рисование и свободно владеть всеми инструментами видеоредактора. И если для вас всё сказанное выше не оказалось сложным, то более углублённые уроки по теме, как рисовать в Афтер Эффект вы можете посмотреть в следующих наших статьях.

Также на нашем сайте вы найдёте много других полезных и интересных статей!

Итак, прежде всего вам понадобится хороший плагин. Называется он Saber, а найти его можно бесплатно, в свободном доступе. Скачиваем, устанавливаем. После этого заходим в программу, загружаем туда наш ролик (ну или картинку), после чего, на верхней панели меню находите значок текста (буква Т). Кликаете по ней и выделяете область, на рабочем экране, где вы хотите этот текст поместить.

После этого, на панели справа, в эффектах, вы ищите только что скачанный плагин. Как вы помните, называется он Saber.

Изначально яркость неона будет слишком высокой и текст не будет читаться. Для этого, в левой части экрана, в верхней части настроек эффекта, немного манипулируем с цифрами, чтобы слегка погасить яркость текста. Получается примерно вот так:

Там же вы можете выбрать тип освещения, его текст и т.д.

Остается только перенести наш текст на видеоролик или картинку. Для этого объединяем все наши слои, кликаем по ним правой кнопкой мышки и выбираем Pre-compose. У вас откроется маленькая табличка. Поставьте точку и галочку так, как показано на скрине ниже, после чего у вас получится крутая неоновая анимационная надпись, на изначальной картинке или видео.

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