Анимация текста без плагинов в After Effects

Посмотреть видео-урок

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

1. Создаём новый проект

Для начала создаём новый проект, для этого в верхнем меню выбираем "File" - "New" - "New project". Настройки я оставлю по умолчанию: размер композиции - FullHD, Frame Rate - 25 кадров в секунду, продолжительность - одна минута и цвет фона - чёрный.

Эффект текста в After Effects

2. Пишем текст для дальнейшей анимации

Первым делом пишем текст, на который будем накладывать эффект. Берём инструмент "Текст", устанавливаем нужный шрифт, цвет, размер и печатаем что-нибудь, ну допустим "After Effects".

Эффект текста в After Effects

Теперь нужно сделать дубликат этого слоя. Для этого выделяем слой с текстом, нажимаем комбинацию клавишь "Ctrl+C", то есть копируем его и нажимаем комбинацию "Ctrl+V" -
вставляем копию.

Эффект текста в After Effects

3. Накладываем эффект и настраиваем

Теперь на верхний слой наложим эффект "Parcticle Systems". Для этого открываем панель эффектов и пресетов и ищем в ней данный эффект. Берём его и перетаскиваем на наш верхний слой.

Эффект текста в After Effects

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

Эффект текста в After Effects

Но он выглядит не красиво, потому что ограничен прямоугольным полем. Для того, чтобы это исправить ищем в панели эффектов "Composite" и так же подключаем его к первому слою.

 разлетающийся на частицы текст в after effects

Он появился в параметрах эффекта и мы просто берём его мышкой и ставим поверх всех других эффектов, перетаскиваем вверх.

 разлетающийся на частицы текст в after effects

Получаем вот такой результат.

 разлетающийся на частицы текст в after effects

Теперь нужно настроить параметры эффекта "Parcticle Systems". Начнём с самого первого "Birth Rate" - это так называемый, уровень рождаемости частиц. По умолчанию его
значение - четыре и если попробовать изменить это значение, то можно увидеть, что изменяется плотность потока частиц. Чем больше значение мы выставим, тем плотнее будет
выглядеть эффект. В данном случае, нам нужен очень плотный поток и мы в ручную укажем значение "25".

Далее идет параметр "longevity" - это время жизни частиц. Если мы его убавим, то соответственно, время жизни частиц уменьшится и они будут пропадать не долетая до конца
экрана. Этот параметр мы выставим примерно на значение 0.5. Затем настраиваем радиус полёта частиц. По оси X выставим единицу, а по оси Y установим где-нибудь двадцать. В результате получается вот такой эффект.

 разлетающийся на частицы текст в after effects

4. Анимируем движение эффекта

Теперь, с помощью параметра "Position", мы сделаем перемещение эффекта частиц слева направо, так как у нас текст будет разлетаться на частици именно в таком направлении.
Устанавливаем на тайм-лайн ползунок на время с которого будет начинаться эффект распада текста, я поставлю на первую секунду и выкручиваем у параметра "position" положение по горизонтали на ноль.

 разлетающийся на частицы текст в after effects

Перемещаем ползунок немного вперёд, допустим эффект будет длиться до 6-й секунды и устанавливаем позицию на 1920, т.е. на всю ширину нашей сцены. Таким образом, у нас получается вот такой эффект.

анимация текста After Effects

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

Следующим шагом мы верхний слой сделаем источником альфа-наследования нижнего слоя. Говоря простыми словами, верхний слой с эффектом наложем на нижний слой с текстом. Для этого открываем параметр "Particle" и у значения "Sourse alpha inpherit" ставим галочку. Теперь, если проиграть результат, то можно наблюдаем эффект разлетающихся частиц, проходящий по тексту. Цвет частицам сразу зададим белый, так как текст у нас белый.

анимация текста After Effects

Сам эффект частиц можно тоже настроить по разному, задать ему разные формы. Сейчас вот у нас просто такие частицы, типа фейерверка. В настройках эффекта можно изменить их на что-нибудь другое, тут есть много вариантов можете сами поэксперементировать. Вот например, звёзды, пузыри и другие. Я же оставлю эффект по умолчанию "Line".

анимация текста After Effects

В параметрах "Physics" можно настроить сам процесс полёта частиц, т.е. их анимацию. Вот сейчас стоит значение "Explosive" т.е. взрыв. Можно выставить другой, например вот
"Twirl" и теперь частицы закручиваются.

анимация текста After Effects

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

Есть еще интересный параметр "Гравитация", с помощью него можно настроить силу притяжения частиц к нижней части экрана, т.е. к земле. Я выставлю этот параметр на -1, чтобы частицы наоборот взлетали при исчезновении, а не падали, как искры от сварки.

урок по анимации текста After Effects

Кстати, по поводу цвета, я выставил оба значения белым, но тут можно делать интересные вещи. Первый цвет - это цвет частиц, при их зарождении, а второй при исчезании. Если, к примеру, первый цвет оставить белым, а второй выставить красным, то получится вот такой эффект.

урок по анимации текста After Effects

С настройками эффекта мы закончили и теперь остаётся сделать так, чтобы текст исчезал по ходу движения частиц. Для этого в панели эффектов нужно найти эффект  "Linear Wipe" и наложить его на наш нижний слой с текстом.

урок по анимации текста After Effects

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

урок по анимации текста After Effects

Мы их просто удаляем и создаём заново с нужными параметрами. Для того, чтобы это было точно, удерживая "Shift" ведём ползунок к первой точке и он встаёт точно над ней. Теперь ставим первый ключ и настраиваем параметр на 0%.

урок по анимации текста After Effects

Затем перемещаем ползунок ко второй точке, удерживая "Shift", ставим второй ключ и выставляем значение параметра на 100%.

урок по анимации текста After Effects

В результате у нас получается эффект исчезающегося текста, но текст исчезает не слева направо, а наоборот. Для того чтобы это исправить, нам нужно перевернуть этот эффект. Для этого вот в этих настройках, вместо -90 градусов выставим -270.

урок по анимации текста After Effects

5. Накладываем анимированный текст на видео

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

урок по анимации текста After Effects

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

Поделиться:

Комментарии ()

  1. Nativel 17 ноября 2020, 11:22 # 0
    Класс! Спасибо, то что надо :)
    1. Klukva B 17 ноября 2020, 11:22 # 0
      Продолжайте раскрывать тему анимации теста пожайлуста. Текст вездесущ: реклама, амв ролики, композиции всех сортов, в отличие от понятных гайдов.
      1. Дядя Саша 17 ноября 2020, 11:23 # 0
        Дмитрий, подскажите пожалуйста, а как сделать эффект появления текста из частиц (как-будто из потока ветра или пыли)?
        1. Дмитрий 17 ноября 2020, 11:24 # 0
          Такое делается с помощью плагина trapcode particular, я его упоминал в данном уроке. Плагин очень классный, но платный и не дешевый. Крякнутые версии можно найти, если постараться.
        684
        Посмотреть видео-урок Смотреть видео-урок Скачать исходники урока Скачать исходники урока