7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Совмещаем Огненный Эффект Метеора с Текстом

Scroll to top
Read Time: 5 mins
This post is part of a series called Mastering Text Effects.
How to Create a Richly Ornate Typographic Illustration
Create a Steam Powered Typographic Treatment - Part I

Russian (Pусский) translation by Ashimova Damira (you can also view the original English article)

Сегодня мы продвинемся дальше и создадим текст, падающий с неба из горящего ада. Да, этот урок по созданию текста с огненным эффектом подводит итоговую черту ко всем урокам. Здесь мы используем немного Illustrator для текста и много Photoshop, чтобы зажечь экран!

В предыдущих уроках вы видели два эффекта дыма, которые я создал, но давайте посмотрим правде в глаза, невозможно курить где-то без огня. Поэтому, в этом уроке я покажу вам, как создать эффект огня, подобный тому, когда космический корабль или комета входят в атмосферу Земли. Образ, который мы будем создавать, вдохновлен рекламой Nike, которую я видел совсем недавно. Я не уверен, что такое URL. Если кто-нибудь это знает, напишите нам в комментариях.

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


Шаг 1

Вначале создайте новый документ, залейте его тёмно-серым оттенком.

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 2

Создайте новый слой, назовите этот слой "Clouds," и с помощью инструмента Лассо (Lasso Tool (L), создайте выделение подобно тому, которое я создал на скриншоте ниже.

Установите цвет заднего плана на 50% серого, а цвет переднего плана на тёмно-серый. Идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds) и удерживая клавишу (Alt), создайте облака. После этого идём Изображение – Коррекция – Уровни (Images > Adjustments > Levels). Поменяйте входные уровни (input levels) и Выходные уровни (output levels), пока у вас не получатся либо слишком тёмные либо слишком светлые облака (см.скриншот ниже).

Этот слой должен быть поверх всех остальных слоёв.

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 3

Создайте ещё один новый слой, а затем повторите Шаг 2, только на этот раз, поменяйте цвет заднего плана с 50% серого на синий или зелёный цвет. Это поможет создать маленькое облако, которое будет светлее, чем большое.

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 4

Теперь мы переключимся на Adobe Illustrator, чтобы создать текст. Я использовал шрифт Times New Roman. После этого, идём Эффект>3D>Вытягивание и скос (Effect > 3D > Extrude and Bevel). Теперь мы создадим 3D текст. Поверните объект и поменяйте перспективу. Вы можете использовать те же самые настройки, которые использовал я (см.скриншот ниже).

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 5

  1. Скопируйте 3D текст, а затем вклейте его в Photoshop.
  2. Расположите текст в центре изображения, а затем добавьте немного шума, для этого идём Фильтр- Шум- Добавить шум (Filter > Noise > Add Noise).
  3. Теперь давайте применим стили слоя. Вначале добавьте стиль слоя Тиснение (Bevel and Emboss).
  4. После этого, давайте добавим стиль слоя Наложение градиента (Gradient Overlay).
Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 6

  1. Продублируйте текстовый слой, примените фильтр Размытие в движении (Motion Blur), идём Фильтр – Размытие- Размытие в движении (Filter > Blur > Motion Blur).
  2. Установите угол размытия на -53.
  3. Поменяйте режим наложения на Линейный осветлитель (Добавить) (Linear Dodge (Add).
  4. Создайте новую папку, назовите её "Typo", а затем переместите эти оба слоя внутрь этой папки.
Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 7

Создайте новый слой и повторите Шаг 2, только на этот раз создайте выделение, как на скриншоте ниже, создавая продолжение буквы ‘T’. Это поможет создать хвост из дыма.

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 8  Создаём Огонь

1 – Создайте новый слой, назовите этот слой "fire1."
2 – Создайте выделение с помощью инструмента Овальная область (Elliptical Marquee Tool (M).
3 – Установите цвет переднего плана на светло-серый оттенок, а цвет заднего плана на чёрный цвет.
4 – Создайте облака, как мы уже делали в Шаге 2.
5 – Примените Уровни (Levels), чтобы усилить контрастность;
6 – Примените Цветовой тон / Насыщенность (Hue/Saturation), чтобы получить оранжевый/ желтый эффект. Не забудьте поставить галочку в окошке Тонирование (Colorize).

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 9

Создайте новый слой, назовите этот слой "blazes", повторите Шаг 8. После этого, продублируйте слой, назовите дубликат слоя "flames". Создайте папку, сместите слои ‘Fire1’, ‘Blazes’ и ‘Flames’ внутрь этой папки, назовите эту папку "Fire". Она должна быть расположена поверх слоя с папкой ‘Typo’.

Amazing Fire Tutorial

Шаг 10

Перейдите на слой "blazes", а затем идём Фильтр – Пластика (Filter > Liquefy). Выберите инструмент Турбулентность (Turbulence Tool (T). Теперь начните создавать языки пламени по краю огня. Используйте данный инструмент, как будто вы работаете с инструментом Палец (smudge tool).

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 11

После фильтра Пластики (Liquefy), идём Редактирование – Трансформация – Деформация (Edit > Transform > Warp), чтобы поменять форму пламени на что-то похожее, как на скриншоте ниже. После этого примените Фильтр – Усиление резкости- Резкость (Filter > Sharpen > Sharp).

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 12

  1. Создайте новый слой, назовите этот слой "yellow color."
  2. Создайте круглое выделение с растушёвкой (feather) 30px, залейте выделенную область белым цветом.
  3. После этого, примените стили слоя. Добавьте стиль слоя Наложения цвета (Color Overlay), используя жёлтый цвет в качестве цвета наложения, а также поменяйте режим наложения для слоя на Умножение (Multiply).
Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 13

Порядок расположение слоёв и режимы наложения для эффекта огня выглядят следующим образом:

  1. Flames: Светлее (Lighter Color)
  2. Blazes: Нормальный (Normal)
  3. Fire1: Замена светлым (Lighten)
  4. Жёлтый цвет: Умножение (Multiply)

Шаг 14  Искры

Для создания эффекта искр, мы используем кисти. Создайте новую папку, назовите эту папку "Sparks". Слой с папкой должен быть расположен поверх слоя с папкой ‘Fire’.

  1. Внутри созданной папки, добавьте новый слой.
  2. Залейте этот слой чёрным цветом, а также поменяйте режим наложения на Осветление основы (Color Dodge).
  3. Выберите инструмент Кисть (Brush Tool), теперь давайте настроим кисть.
  4. В настройках кисти Форма отпечатка кисти (Brush Tip Shape), поменяйте Диаметр (Diameter) на 12, а также увеличьте Интервал (spacing).
  5. Выберите опцию Рассеивание (Scattering), установите Рассеивание (Scatter) на 1000%, а также отключите Управление (Control). Установите Счётчик (Count) на 2, а Колебание счётчика (Count Jitter) на 100%.
  6. Установите белый цвет кисти, а затем начните рисовать искры.
Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 15

Создайте новый слой, повторите Шаг 14, только теперь поменяйте значение Рассеивание (Scatter) на 0%. Начните создавать отдельные линии искр, похожие на вихри.

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Шаг 16

Здесь я использовал кисти Gomedia Spraypaint, чтобы создать эти мелкие искорки, но вы можете повторить Шаг 14, поменяв только диаметр кисти. В основном действия выглядят следующим образом, создайте новый слой, расположите его поверх всех остальных слоёв, залейте чёрным цветом, поменяйте режим наложения на Осветление основы (Color Dodge), установите белый цвет кисти, а затем начните добавлять искры.

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

Заключение

Amazing Fire TutorialAmazing Fire TutorialAmazing Fire Tutorial

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

Не смотря на то, что урок выглядит сложным, процесс на самом деле очень простой.

Я использовал только три или четыре фильтра, кисти и, конечно же, стили слоя. Это комбинация двух других уроков, которые я написал ранее: Создание Дыма и Создание Волшебных Световых Эффектов в Photoshop. Единственное, что я должен сказать, это то, что невозможно создать точно такой эффект огня дважды, и это потому, что фильтр, который воссоздаёт облака, делает это произвольным образом. Как всегда, идея состоит в том, чтобы поиграть с настройками Photoshop, чтобы получить свои собственные уникальные результаты. Надеюсь, вам понравился этот урок!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.