Простой способ анимации огня в After Effects

2083

В этом уроке будет рассказано, как создать огонь в три несложных действия в After Effects. Финальный вариант вроде этого:

Финальный вариант огня в After Effects

1. Базовая форма

Нужно сделать новый композишн. На новом слое рисуем простую форму с помощью инструмента Pen. Для начала цвет формы может быть светло желтый. Выравниваем по вертикали опорные точки формы:

Начальная форма огня
Рис 1. Начальная форма огня

К текущему слою применяем эффект Wave Warp. Anchor point должен быть расположен в основании объекта; настройки эффекта на рисунке ниже:

Настройка Wave Warp
Рис 2. Настройка Wave Warp

На данный момент анимация будет похоже на плывущую рыбку (вид сверху). Текущий слой дублируем (CTRL+D). Заметно удлиняем и делаем тоньше форму на верхнем слое и самое важное: меняем параметр Wave Height на -26. Теперь это похоже на две рыбки. Меняем Track Matte нижнего слоя:

Меняем Track Matte
Рис 3. Меняем Track Matte

Базовая форма готова и будет выглядеть приблизительно так:
Начальная форма огня

2. Подготовка огня

  1. Дублируем два существующих слоя
  2. Смещаем их левее
  3. И растягиваем до завершения композишн
Дублируем слои
Рис 4. Дублируем и растягиваем слои

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

Если есть большие видимые зазоры, то для "огня" необходимо сделать ядро. Для этого дублируем нижний слой с формой, убираем у него Track Matte, уменьшаем Wave height. Также уменьшаем форму в размере, визуально подгоняем для красоты между образовавшимися языками пламени.

Создаем pre-comp изо всех слоев. Добавляем инвертированную маску для нижней части огня. На данном этапе стилизованный огонь выглядит так:
Стилизованный огонь After Effects

3. Последние штрихи

На существующий pre-comp добавляем эффект Glow:
 

Настройки Glow для огня
Рис 5. Настройки Glow для огня

На этом этапе создание огня завершено, но при желании можно добавить эффект Fill выше эффекта Glow. Это делается больше для красоты и природной схожести. Если эффект Fill добавляется, то необходимо будет задать цвет, близкий к оранжевому, и поменять Glow Threshold эффекта Glow, увеличив значение на несколько пунктов. Финальный вариант:
Финальный вариант огня в After Effects

Прикрепленные файлы
fire5.zip (11.13 КБ)

Ограниченный 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-адреса преобразовываются в ссылки автоматически.
CAPTCHA