Выполняю, подождите...
 
 
Библиотека

Эффект горящего текста (Photoshop)

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

Часть 1. Создание текстуры.

Нам нужно начать с обзора окончательного результата, чтобы вы могли увидеть, что мы собираемся делать. Я воспользовался большим холстом, чтобы это изображение могло послужить в качестве фона рабочего стола на моем ноутбуке. Нажмите на изображение, чтобы увидеть полный размер (1440 x 900px).

Эффект горящего текста.

Шаг 1.
Создайте новый документ размером в 1920 x 1200px. Выберите инструмент Gradient Tool (G) и создайте радиальный градиент коричневых оттенков (от #5c3d09 до #1f1409), как показано на рисунке.
Расположите градиент не по центру, а в верхней части изображения. Мы попытаемся сделать так, чтобы верхняя часть текста находилась в огне, поэтому она должна быть более освещена.

Шаг 2.
Как и в руководстве по созданию травяного текста, нам понадобится текстурный фон. Для этого я просто скопировал фон из предыдущего руководства, слил все слои и обесцветил полученное изображение (Ctrl+Shift+U).

Подходящие бумажные текстуры вы можете поискать в интернете или на сайте Bittbox.com.

Шаг 3.
Поменяйте режим наложения слоя с текстурой на Overlay.

Шаг 4.
Создайте новый слой и залейте его коричневым цветом — #66500f. Добавьте немного текстуры с помощью Filter → Texture → Texturizer.

Шаг 5.
Поменяйте режим этого слоя на Overlay, что добавит немного деталей нашей текстуре.

Шаг 6.
Теперь нам нужно обесцветить половину нашего изображения. Для того, чтобы представить верхнюю часть изображения как бы наполненой жаром, а нижнюю выглядящей прохладной, создайте новый слой и залейте его цветом #4b4f3b, а затем, добавьте маску слоя и примените к ней градиентную заливку.
Режим смешивания слоя установите на Color, а прозрачность на 45%.

Часть 2. Добавляем текст + жар.

Шаг 7.
Отлично! Сейчас у нас есть приятный фон! Давайте теперь добавим текст. Я использовал шрифт Trajan, цвет текста #cb9328, режим смешивания слоя установил на Linear Dodge, а прозрачность на 8%.

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

Шаг 8.
Создадим новую группу (папку), чтобы помещать туда все текстовые слои (их будет много).
Продублируйте слой с текстом и поменяйте цвет дубликата на #5e3f1c.

Шаг 9.
Установите режим смешиваня для продублированного слоя на Overlay, прозрачность на 70%.

Шаг 10.
Теперь снова продублируйте текст и поменяйте цвет на #cb9328. Режим смешивания слоя установите на Linear Dodge, прозрачность 30%. Теперь добавим к слою маску и протянем по ней градиент.



Шаг 11.
Снова продублируем слой с текстом, но поместим его в середине. Цвет текста сделаем черным. Размойте его немного при помощи Filter → Blur → Gaussian Blur, радиусом около 4 пикс. На предложение о растеризации текста ответьте согласием.

Теперь Ctrl+клик на любом другом текстовом слое (загрузится тем самым выделение) и снова переходим на слой с черным размытым текстом и удаляем содержимое выделения с помощью кнопки Delete на клавиатуре. Останется только размытая наружная тень. Продублируйте этот теневой слой и слейте с нижним (Merge Layers), таком образом усилив контраст тени.

Шаг 12.
Добавьте маску слоя с градиентом, чтобы создать постепенное исчезание.

Шаг 13.
Снова продублируйте слой с черной тенью и при помощи Smudge Tool® и большой мягкой кисти размажьте тень.

Шаг 14.
Вот как наш текст выглядит сейчас. Я создал несколько теневых слоев, которые размывал, подтирал по-разному.

Шаг 15.
Теперь дабавим жара к верхней части нашего текста. Снова дублирум слой с текстом и поменяем цвет на #dc9a08.
Размоем его при помощи Filter → Blur → Gaussian Blur, радиус 8. Выберите ластик с большой мягкой кистью и неравномерно сотрите нижнюю часть текста.

Шаг 16.
Поменяем режим смешивания на Soft Light. Можете повторить процесс дублирования, но стирайте больше частей.

Шаг 17.
Снова дублируйте слой текста и поместите его поверх всех слоев. Цвет текста #dc9a08.
Теперь растеризуйте слой с помощью Layer → Rasterize → Type. Ctrl+клик на слое (загрузится выделение), затем топаем в Select → Modify → Contract, выбираем 1 пикс. и нажимаем Delete.

Шаг 18.
Режим смешивания с полученной однопиксельной линией поменяйте на Overlay.

Шаг 19.
Теперь добавим этой однопиксельной линии жару. Добавим маску слой с градиентом (как мы делали это с предыдущими слоями). Дублируйте этот слой и размойте его с помощью Filter → Blur → Gaussian Blur, радиусом в 1 пикс. Снова продублируйте, но примените размытие в 2 пикс. затем снова, размыв на 4 пикс.
Далее Ctrl+клик на любом текстовом слое и инвертируйте выделение при помощи CTRL-SHIFT-I. Активируйте каждый из слоев с размытыми линиями и удалите всё, что за рамками выделения кнопкой Delete.

Шаг 20.
Теперь продублируем все слои с жаром и сольем их воедино. Разместим полученный слой наверху.
Выберите Smudge Tool (R) и размажьте линии, как показано на рисунке.

Шаг 21.
Режим смешивания этого слоя установите на Overlay.

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

Шаг 23.
Теперь я добавил цитату под основным текстом. Используйте цвета, которые гармногирую с фоном и текстом. Я использовал также шрифт семейства Swiss Light Condensed (который использовался в создании травяного текста).

Часть 3. Огонь.

Шаг 24.
Наконец, со всеми нашими заготвками работа завершена, пришло время добавить огонь! Для этого нам понадобятся некоторые изображения пламени на черном фоне. Я использовал изображения, которые нашел в интернете.

Техника копирования огня проста, её я изучил из уроков Nik Ainley.

Вот, что вы должны сделать:
1. Откройте изображение.
2. Перейдите во вкладку каналов и выберите самый контрастный калал. в случае с изображением огня это красный канал (Red).
3. Вы получите контрасное черно-белое изображение. Ctrl+клик по этом каналу, загрузится выделение.
4. Щелкните на канал RGB и скопируйте выделение.
5. Перейдите на основное изображение и вставьте выделенное.

Это очень полезная техника, выделения полупрозрачного изображения.

Шаг 25.
Таким образом мы вставили огонь на главном холсте. Чтобы вам было более понятно, я отключил видимость текстовых слоев.

Шаг 26.
Продублируйте слой с огнем и отключите видимость нижнего (это у нас будет резервная копия). Теперь выберите перо (Pen Tool) и вырежте нужные участки огня. Здесь можно увидеть, как я вырезал 4 части пламени с одного изображения и разместил их на холсте.

Режим смешивания слоя установил на Screen.

Шаг 27.
Так как на моем холсте 4 буквы, для последней из них "Е" я вырезал огонь с сайта flickr.com и повторил тот же процесс, как и ранее для создания пламени.

Шаг 28.
Можете поэкспериментировать и разместить огонь по форме следования букв.

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

Шаг 30.
Я немного трансформировал каждое отдельное пламя, вытянув его немного вертикально. Также мягким ластиком я подтер некоторые отдельные язычки пламени, чтобы это смотрелось более реально.

Шаг 31.
Теперь я дублировал каждый слой с пламенем и размыл его при помощи Filters → Blur → Gaussian Blur, радиусом 3 пикс., а прозрачность слоя установив на 15%.

Шаг 32.
Вот, что у нас вышло в итоге:

Горящий текст. Уроки Photoshop (Фотошоп)

Шаг 33.
Наконец, мы подошли к последнему шагу! Создайте новый слой поверх всех и залейте его бело-черным радиальным градиентом. Режим смешивания установите на Overlay, а прозрачность 40%.

Что ж, вот и текст с эффектом огня!