29.01.20 - 10:48 1 просмотр

Клубы дыма в After Effects (Мультяшный вариант)

Здесь мы будем делать что-то вроде этого:

Клубы дыма в After Effects
Клубы дыма в After Effects

1. Создаем новую композицию

Делаем новый композишн и добавляем на нее слой Solid (Горячие клавиши Ctrl+Y). Выбираем любой цвет, в итоге можно оцифровать без фона. Сейчас это просто для удобства. Далее добавляем новый слой (Shape Layer) и рисуем на нем форму будущего клуба дыма в виде облака. Еще есть вариант: нарисовать облако в Illustrator и вставить path (ctrl+c/ctrl+v) непосредственно в After Effects:

Рисуем клубы дыма
Рис 1. Рисуем клубы дыма

Важно: необходимо поставить Anchor point в центр объекта (клуба дыма).

Делаем простую линейную анимацию с увеличением масштаба от 0 до некоторой критичной величины. Добавляем Easy Ease (F9) на последний кадр и меняем в Graph Editor направляющие по своему желанию. Ищем и добавляем эффект Rougen Edges. Настройки этого эффекта плюс-минус такие:

Настройки Rougen Edges
Рис 2. Настройки Rougen Edges

Нужно добавить несложную анимацию Evolution (Рис 3) для этого эффекта, а также выводим последний кадр за край текущего слоя (Shape Layer)

Анимация Evolution
Рис 3

Вырезаем и дублируем текущий Shape Layer

Вырезаем и дублируем
Рис 4

Удаляем продублированный выше слой с обрубленной концовкой. И, скопировав, дублируем оставшийся. Таким образом, у нас получилось два коротких Shape Layer один над другим. Перемещаем верхний слой немного вправо.

Track Matte
Рис 5. Поменяли Track Matte нижнего слоя

При необходимости - увеличили значение масштаба верхнего слоя на последнем кадре. Это можно сделать, если анимация не плавно затухает. Для красоты можно добавить анимацию вращения на обоих слоях. Также добавить прозрачность (предварительно Pre-Compose) для большей реалистичности. С помощью масок можно скрывать часть дыма, если он на земле или на любой другой поверхности. Готовый результат:

Клубы дыма в After Effects
Клубы дыма в After Effects

Restricted HTML

  • Допустимые HTML-теги: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Строки и абзацы переносятся автоматически.
  • Адреса веб-страниц и email-адреса преобразовываются в ссылки автоматически.