Как сделать огненный текст в After Effects

Обновлено: 03.07.2024

Вы когда-нибудь задумывались, как создать горящий (или пылающий) фон для текста?

В этом руководстве вы узнаете, как использовать анимацию PowerPoint, чтобы оживить любой текст (или другой объект) с помощью простого эффекта движущегося фона, как показано ниже.

Вы узнаете, как создать видео, картинку и сияющий движущийся фон, используя эти приемы анимации.

РАЗДАЧА СТАТЬИ: нажмите здесь, чтобы получить рабочие файлы, чтобы вы могли создать собственный текст движения и огня и следовать этому руководству.

[Смотреть] Создавайте движущиеся текстовые фоны, такие как пылающий текст

Основное изложение этого текстового эффекта движущегося фона таково:

Вы вырезаете текст из сплошного прямоугольника.
Вы размещаете движущийся фон за вырезанными частями (чтобы создать анимированный текстовый эффект)

Если эта общая схема отключена, вот как это сделать.

1. Вставьте твердую фигуру

Сначала создайте фигуру с текстом, который вы хотите вставить.

Я буду упрощать и начну с прямоугольника, поэтому я выберу "Вставка" -> "Фигуры", выберу прямоугольник и нарисую его на слайде.

Результат должен выглядеть как прямоугольник с 3 полосами на рисунке справа внизу.

2. Добавьте свой текст

Теперь нам нужно добавить текст, который будет вырезан, поэтому в качестве примера я напишу здесь слово ТЕКСТ.

Для достижения наилучших результатов убедитесь, что вы используете красивый жирный жирный шрифт — в этом случае я буду использовать Arial Black.

Хорошо, теперь мы можем либо добавить контур к буквам, либо нет.

Я продолжу и добавлю один в качестве демонстрации, щелкнув текст правой кнопкой мыши, затем выбрав «Форматировать текстовые эффекты», затем в разделе «Параметры текста» перейдите к «Заливка текста» слева, прокрутите вниз и сделайте контур текста сплошным белым. , шириной в 3 пункта, чтобы сделать его красивым и заметным.

Я также временно сделал заливку текста темнее, чтобы вы могли лучше видеть контур.

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

Это связано с тем, что когда вы вырезаете заливку текста (что мы и сделаем чуть позже), небольшие кусочки цвета заливки все равно останутся по краям. См. ниже, что я имею в виду, когда используется.

Поэтому, сделав заливку близкой к цвету контура, мы сделаем этот край едва заметным, поэтому давайте изменим темно-синюю заливку текста на желтую — все еще в меню заливки текста.

3. Спрячьте маску

Теперь, чтобы скрыть прямоугольник, давайте сделаем заливку фигуры (синий цвет) такой же, как наш фон (черный), и удалим контур прямоугольника.

Итак, по-прежнему в меню «Формат формы» мы переходим в «Параметры формы», затем «Заливка» в самом левом углу, делаем сплошную черную заливку и выбираем «без линии» для контура.

Хорошо, теперь у нас есть маска, и мы подошли к самой интересной части.

4. Вставьте маску как картинку

Давайте вырежем маску (CTRL + X на ПК) и, когда будем вставлять, вставим как изображение, щелкнув правой кнопкой мыши, перейдя в меню «Вставить» и выбрав параметр изображения.

В качестве альтернативы (и особенно если у вас более ранняя версия PowerPoint) вы можете вставить как изображение, перейдя на вкладку «Главная», затем выбрав «Вставить» слева, нажав «Специальная вставка» и выбрав один из форматов изображения из списка. список, как показано на рисунке ниже.

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

А мы щелкаем волшебной палочкой в любом месте желтой текстовой заливки — и готово!

Желтая часть исчезла, а маска имеет вырез в форме текста, который можно увидеть, если я перетащу текст за пределы слайда.

Эффекты огня очень круты на вид и очень забавны в создании, но вы, вероятно, думаете, что для их создания вам нужен дорогой и сложный плагин. Ну, мы здесь, чтобы показать вам, как именно это сделать; создание реалистичной анимации пламени с нуля в After Effects. Давайте сразу приступим.

В этом руководстве вы изучите множество различных техник и эффектов, которые пригодятся вам в ваших будущих проектах.

Часть 1. Узнайте, как создать реалистичный эффект огня в After Effects

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

Шаг 1. Создание формы пламени

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

Начните с создания нового сплошного слоя и с помощью инструмента «Маска» нарисуйте круг в нижней части пламени.
Возьмите верхнюю ручку и перетащите ее вверх, чтобы создать базовую форму пламени.
Добавьте маленькое растушевку к маске размером около 3 или 4 пикселей.

Шаг 2. Добавьте карту размытия

Карта размытия придаст вашему пламени эффект размытия вверху, как это делает огонь в реальной жизни.

Создайте новый сплошной слой и назовите его «Карта размытия».
С помощью инструмента «Маска» нарисуйте прямоугольник в верхней половине экрана.
Существенно увеличьте эффект "Растушевка", чтобы градиент появился по всему пламени.
На панели управления эффектами найдите Solid Composite Effect и измените цвет на черный.
Предварительно скомпонуйте слой карты размытия, чтобы переместить все атрибуты в новую композицию.
Найдите Compound Blur на панели эффектов и перетащите его на слой пламени.
Выберите слой «Пламя» на временной шкале и на панели управления эффектами выберите карту размытия в настройках слоя размытия. Поэкспериментируйте со степенью размытия, пока не будете довольны внешним видом.

Шаг 3. Добавление покачивания к эффекту пламени

Следующий шаг — придать вашему Пламени реалистичные и естественные движения. Не волнуйтесь; вам не нужно будет использовать ключевой кадр анимации.

Создайте новый сплошной слой и назовите его Карта покачивания.
На панели эффектов найдите Fractal Noise и перетащите его на слой Wiggle Map.
Увеличьте масштаб примерно до 800 и сложность до 2 или 3.
Удерживая клавишу Alt, нажмите на секундомер рядом с параметром "Смещение турбулентности".
В поле выражения на временной шкале скопируйте и вставьте следующий код; [0, время*-1500]
Создайте еще один сплошной слой серого цвета. Используя инструмент «Прямоугольная маска», замаскируйте верхнюю половину экрана, добавьте много Растушевки, чтобы покрыть весь экран, убедившись, что основа пламени находится в пределах сплошной серой области.
Выберите слой Wiggle Map и слой Grey Solid и выполните их предварительную композицию, обязательно выбрав «Переместить все атрибуты в новую композицию».
Добавьте в эпизод новый корректирующий слой и расположите его над слоем пламени на временной шкале.
На панели эффектов найдите эффект «Карта смещения» и добавьте его в новый корректирующий слой.
На панели управления эффектами установите для параметра Displacement Map Layer значение Wiggle Comp. Отрегулируйте параметры смещения по горизонтали и вертикали, пока не будете довольны внешним видом.

Шаг 4. Создание карты искажения

Эффект пламени выглядит довольно круто и обретает форму, но теперь нам нужно добавить искажения.

Создайте новый сплошной слой и примените эффект фрактального шума.
На панели управления эффектами снимите флажок «Равномерное масштабирование» и увеличьте высоту масштаба, чтобы растянуть рисунок шума.
Увеличьте значение параметра "Контрастность", чтобы между сплошными белыми и черными областями был сильный контраст.
На панели «Эффекты» добавьте к слою «Быстрое размытие», убедившись, что вы выбрали «Повторять краевые пиксели» на панели управления эффектами.
Добавьте эффект турбулентного смещения и увеличьте сложность, чтобы создать волнообразные движения огненного мерцания.
Удерживая клавишу «Alt», нажмите секундомер рядом с параметром «Смещение турбулентности» и вставьте следующий код в поле «Выражение» на временной шкале. [0,время*-1500]
Добавьте новый сплошной слой серого цвета и замаскируйте верхнюю половину экрана, увеличивайте количество растушевки, пока не получите хороший эффект градиента.
Выберите слой «Серое сплошное пятно» и слой «Карта искажения» и выполните их предварительную композицию, как и раньше.
Добавьте в композицию новый корректирующий слой и добавьте эффект карты смещения; выберите композицию карты искажения в настройках слоя. Установите для параметра «Вертикаль» значение 0 и увеличивайте значение «По горизонтали», пока не будете довольны внешним видом.

Шаг 5. Создание пламени

Наше пламя выглядит очень круто, но оно не реагирует естественным образом на верхнюю часть пламени, так что давайте это исправим. Это может помочь отключить слои карты Blur и Wiggle, чтобы видеть более четко.

Создайте новый сплошной слой черного цвета и замаскируйте нижнюю половину экрана, чтобы вы больше не могли видеть верхнюю часть пламени. Добавьте маленькое перо на маску.
На панели эффектов добавьте к сплошному слою эффект турбулентного смещения. Увеличьте количество и сложность эффекта.
Удерживая клавишу Alt, нажмите секундомер рядом с параметром "Смещение турбулентности". Как и в случае с другими созданными нами картами, добавьте код [0,time*-750] в поле выражения.
Снимите флажок «Единый масштаб» и увеличьте масштаб по вертикали, чтобы растянуть эффект.
Добавьте к слою эффект «Быстрое размытие» и увеличьте степень размытия. Поэкспериментируйте с настройками размера, пока не будете довольны внешним видом пламени.

Шаг 6. Добавление текстуры

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

Создайте новый сплошной слой черного цвета и назовите его Текстура.
Добавьте эффект фрактального шума к текстурному слою.
Снимите флажок «Единый масштаб» и растяните эффект по вертикали.
Добавьте эффекты быстрого размытия и турбулентного смещения. Поэкспериментируйте с настройками, пока не получите нужную текстуру.
Удерживая клавишу Alt, щелкните значок секундомера рядом с настройками смещения и добавьте в поле следующий код; [0,время*-1500]
На панели «Слои» измените режим текстуры на «Умножение».
Создайте новый корректирующий слой и добавьте эффект Solid Composite на панели эффектов. Измените сплошной составной цвет на черный.

Шаг 7. Добавление цвета

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

Выберите все свои слои и предварительно скомпонуйте их.
Добавьте к композиции эффект Solid Composite на панели эффектов и установите черный цвет.
Добавьте эффект кривых и на панели управления эффектами выберите настройки цвета кривых, добавив красный и уменьшив синий.
Добавьте эффект свечения в Flame Comp, измените настройки операции на «Экран».
Выполните настройки свечения, поэкспериментировав с эффектом, пока не получите желаемый вид. Вы можете добавить дополнительные эффекты свечения, чтобы создать уровни освещения вокруг пламени, например, создать яркое свечение на слое с фигурой и более мягкое свечение ореола вокруг него.

Часть 2: 8 потрясающих реалистично выглядящих шаблонов эффектов огня

1. Набор огненных стен

Набор Fire Walls Pack содержит 12 потрясающих реалистичных огненных фонов с альфа-прозрачностью. Отлично подходит для создания эффектных презентаций и видеороликов с анимированной графикой, а также для использования в титрах.

2. Набор визуальных эффектов

Пакет VFX Actions содержит огромное количество визуальных эффектов, связанных с огнем, включая дым и пламя, взрывы и эффекты стрельбы. Этот набор идеально подходит для независимых кинематографистов. Он предоставит вам множество возможностей для творчества.

3. Набор огненных логотипов

Пакет Fire Logo Pack содержит 3 красиво оформленных логотипа с реалистичными эффектами огня. Идеально подходит для энергичных компаний и создателей контента, которым нужны мощные и энергичные начальные заголовки.

4. Кинематографический трейлер Dark Fire

Шаблон Dark Fire Cinematic Trailer, содержащий 12 мультимедийных и 12 текстовых заполнителей, содержит ряд захватывающих переходов на основе огня. Идеально подходит для драматических заголовков или трейлеров продуктов/событий.

5. Отображение логотипа огня

The Fire Logo Reveal – это отличная заставка для ваших трейлеров, рекламных роликов и творческих проектов. Интеллектуальное управление цветом позволяет настроить цвет фона и пламени в соответствии с вашим брендом.

6. Стоп-кадр пламени

С 9 изображениями и 19 текстовыми заполнителями проект «Стоп-кадр пламени» идеально сочетает изображения «Вырезание стоп-кадра» с эффектами перехода «Огонь».Отлично подходит для трейлеров, рекламных акций и титров.

7. Обнаружение огня

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

8. Пылающий логотип

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

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

Если вам понравился этот урок, у нас есть множество других руководств по Premiere Pro, After Effects и кинопроизводству в целом! Если у вас есть какие-либо вопросы или вы хотите увидеть другие темы будущих статей, оставьте нам комментарий ниже.

Как создать огненный или электрический текст в After Effects Tutorial с помощью плагина Video Co-Pilot Sabre!

Facebook: @RyanSimmonsVideo
Twitter: @RoadrunnerVids и @RS_Video_LLC

Если у вас есть учебные пособия по Adobe Premiere, Adobe Photoshop или Adobe After Effects, которые вы хотели бы увидеть, оставьте комментарий ниже или напишите мне по электронной почте!

Добро пожаловать в учебные пособия по Roadrunner! Я создаю эту страницу, чтобы научить других знаниям и навыкам, которые я приобрел и развил с тех пор, как начал создавать видео еще в старшей школе. Я создатель видео со страстью к рассказыванию историй, документальным фильмам и графическому дизайну. Если есть какие-либо уроки, которые вас интересуют, пожалуйста, напишите мне по электронной почте!

Ryan Simmons Video LLC – креативная компания, предоставляющая видеоуслуги, которая занимается предоставлением наилучшего видеоконтента. ООО «РСВ» специализируется на видеосъемке, видеомонтаже и анимационном графическом дизайне.

Горячие клавиши
M для свойств маски.
Home, чтобы перейти к первому кадру композиции
U, чтобы открыть все ключевые кадры
F9, чтобы упростить
~, чтобы развернуть выбранную панель

Шаги: Создайте новую композицию. Дважды щелкните инструмент «Текст» в верхней части экрана. Это создаст новый текстовый слой в центре вашей композиции. Введите нужный текст и нажмите Enter. Нажмите на слой, перейдите к Слою и вниз, чтобы выполнить автоматическую трассировку, это создаст новое тело с вашими буквами, замаскированными на слое. Затем перейдите к эффектам и пресетам и перетащите эффект сабли. Затем перейдите в «Настройки рендеринга», прокрутите вниз до «Настройка композита» и измените черный цвет на прозрачный. Затем измените предустановку на любую желаемую настройку. Поиграйте с ними, их так много. Перейдите к настройке ядра и измените тип ядра с sabre на Layer Masks. Поэкспериментируйте с настройкой, так много вариантов, по-настоящему изучите этот плагин!

Советы/Советы
На самом деле поиграйте с этим плагином, и он поможет не только создать огонь и электрический текст, но и более поздние лучи, световую саблю, возможности безграничны.

Есть горячее желание добавить эффект огня в свой следующий проект After Effects? Мы обеспечим вас.

Загрузить В отличие от наших платных продуктов, в настоящее время мы не предлагаем бесплатную техническую поддержку RocketStock.

Есть жгучее желание добавить эффект огня в свой следующий проект After Effects? Мы обеспечим вас.

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

Для создания реалистичных эффектов огня лучше всего использовать дорогое программное обеспечение, такое как Houdini или Fume FX для Maya. Другой вариант — использовать предварительно отрендеренные кадры пожара, которые работают в некоторых случаях, но не очень универсальны и могут быть довольно дорогими.

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

В этом эксклюзивном выпуске RocketStock мы покажем вам, как создавать реалистичные эффекты огня в AE с помощью встроенных плагинов и бесплатного пресета эффектов After Effects. Вот как будет выглядеть конечный результат:

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

Вот ссылка на бесплатную предустановку эффектов огня After Effects. Все инструкции по использованию и распространению эффекта включены в загрузку. Если у вас есть еще вопросы по использованию эффекта, мы будем рады ответить на них в комментариях ниже.

Хотите больше бесплатных After Effects?!
Зарегистрируйтесь, и каждый месяц мы будем присылать вам файл проекта БЕСПЛАТНО! Никакого спама - только хорошее. :)

Как создать огонь в After Effects

Шаг 1. Создайте новый слой

Эффект огня будет работать с любым типом слоя в After Effects — сплошным, фигурным, видеорядом, векторным, текстовым и т. д. Создайте новый слой в той форме, в которой должен работать эффект огня. Если это текст, просто создайте текст. Если вы хотите создать эффект в стиле костра, создайте небольшой треугольник с помощью инструмента маски на твердом теле.

В этом уроке мы собираемся передать привет Джонни Кэшу и создать огненное кольцо. Для этого просто выберите инструмент «Эллипс» (Q) и настройте параметры стиля так, чтобы заливка была прозрачной, а обводка — 35 (или любой толщины кольца).

Шаг 2. Примените эффект Free Fire

Если вы уже установили эффект Free Fire для After Effects, введите Fire by RocketStock в браузере эффектов и пресетов. Вы должны увидеть всплывающее окно пресета. Просто перетащите эффект на нужный слой.

Шаг 3. Настройте параметры

Вы должны немедленно увидеть, как начинает формироваться эффект огня. Однако, в зависимости от желаемого использования, вы, вероятно, захотите настроить эффект в соответствии со своими потребностями. Здесь в игру вступают пять ползунков. На панели эффектов вы должны увидеть настройки эффекта вместе с пятью ползунками. Вот как это выглядит:

Каждый из пяти ползунков имеет уникальную функцию. Вот краткая разбивка:

Высота пламени: изменяет расстояние, на котором пламя отрывается от пораженного объекта.
Размер фрактала: изменяет размер огненных огоньков.
Плотность огня: изменяет плотность огня.
Скорость мерцания: изменяет скорость огня.
Случайное число: изменяет внешний вид огня.

Вы также можете изменить оттенок огня, добавив к слою эффект Hue/Saturation и повернув колесо.

Шаг 4. Установите для режима наложения значение «Экран» или «Добавить»

По умолчанию ваш эффект огня будет иметь немного черного цвета. Вы можете изменить режим переноса слоя на «Экран» или «Добавить» в зависимости от ваших потребностей. Мне больше нравится экран, так как информация о цвете лучше сохраняется. Но добавление может дать хорошие результаты, если вы хотите, чтобы ваш огонь был немного потушен.

Шаг 5: Слой и стилизация

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

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

Советы по созданию реалистичного огня в After Effects

Если вам все еще трудно сделать огонь реалистичным, вот несколько вещей, которые мы узнали об использовании этой техники:

Реалистичный огонь должен быть наложен более чем на один слой.
Огонь почти всегда гаснет (слишком яркий, чтобы камера могла запечатлеть цветовые детали).
Кончики огня качаются быстрее, чем нижние.
Огонь никогда не бывает желтым.
Огонь имеет цветовой градиент сверху вниз.
Хороший огонь требует времени.
У огня всегда есть тепловые волны (см. ниже).
Лучше меньше дыма, чем больше.

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

Ниже приведен пример нетрадиционного способа использования эффекта Fire by RocketStock для создания «энергетического» огня путем изменения цвета оттенка огня и применения эффекта «CC Glass» к вся композиция.

Если вы хотите поднять свой огонь на новый уровень, ознакомьтесь с нашей статьей «Как создать дым в After Effects» здесь, на RocketStock, а также с ранее упомянутым руководством «Как создать тепловые волны» от PremiumBeat.

Есть ли какие-нибудь советы по совершенствованию огня в After Effects? Поделитесь в комментариях ниже.

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