Выполняю, подождите...
 
Войти
Создать учётную запись
Логин:
Пароль:
Запомнить
 

Библиотека

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

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

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

Как всегда мы начнем с окончательного результата, так что вы можете видеть, что мы собираемся делать. Я использовал большой холст для того чтобы это изображение могло служить в качестве фона рабочего стола на моем ноутбуке. Нажмите на изображение, чтобы увидеть полный размер (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 на клавиатуре. Останется только размытая наружная тень. Дублируйте этот теневой слой и слейте с нижним, таком образом усилив контраст тени.

Шаг 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.
Наконец, со всеми нашими заготвками работа завершена, пришло время добавить пламя! Для этого нам понадобятся некоторые изображения пламени на черном фоне. Я использовал изображения с сайта Fotolia.com (www.fotolia.com/id/2399509). Также я нашел неплохое фото на сайте Flickr.com (www.flickr.com/photos/peasap/1752872124/).

Техника копирования огня проста, её я изучил из уроков 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%.

И вот, текст с эффектом огня!