Как сделать текст в огне

Создаем горящую надпись в Фотошопе

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

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

Сегодня научимся создавать огненные буквы в нашем любимом Фотошопе.

Итак, создаем новый документ и пишем то, что необходимо. В уроке мы будем стилизовать букву «А».
Обратите внимание, что для проявления эффекта нам нужен белый текст на черном фоне.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Дважды кликаем по слою с текстом, вызывая стили.

Для начала выберем «Внешнее свечение» и сменим цвет на красный или темно-красный. Размер подбираем, исходя из результата на скриншоте.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Затем переходим в «Наложение цвета» и меняем цвет на темно-оранжевый, почти коричневый.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Далее нам понадобится «Глянец». Непрозрачность 100%, цвет темно-красный или бордовый, угол 20 град., размеры – смотрим на скриншот.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

И, наконец, переходим во «Внутреннее свечение», цвет меняем на темно-желтый, режим наложения «Линейный осветлитель», непрозрачность 100%.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Нажимаем ОК и смотрим на результат:

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Далее идем в меню «Фильтр – Искажение – Рябь».

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Фильтр настраиваем, руководствуясь скриншотом.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

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

После того, как огонь размещен на холсте, нужно сменить режим наложения для этого слоя (с огнем) на «Экран». Слой должен находиться в самом верху палитры.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Если буква не достаточно хорошо видна, то можно продублировать слой с текстом сочетанием клавиш CTRL+J. Для усиления эффекта можно создать несколько копий.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

На этом создание огненного текста завершено.

Источник

Делаем огненный текст в Adobe Photoshop

Создать огненный текст с помощью только стандартных, да и дизайнерских шрифтов невозможно. Однако это можно с помощью применения специальных эффектов к тексту в графических редакторах, например, Adobe Photoshop.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

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

С помощью стилей слоя и картинки из интернета можно без проблем сделать эффект «горящего» текста. Правда, чтобы написать этим текстом какое-нибудь слово, придётся потратить много времени, так как стили придётся присваивать для каждой буквы. Если поймёте алгоритм действий, то дальнейшее применение эффектов не займёт для вас много времени.

Разделим статью на несколько этапов для простоты восприятия.

Этап 1: Создание текстового слоя

Самый простой этап. Вам нужно сделать следующее:

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Текстовый макет, с которым мы будем работать готов.

Этап 2: Стилизация текстового слоя

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Этап 3: Добавление эффекта горения

На этом этапе наложим на текстовый слой некоторые фильтры, а также изображение с огнём.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

На этом можно завершить данный туториал, но если у вас вдруг сама буква из-за изображения перестала быть видна, то можно сделать следующее:

Если вам требуется составить какое-нибудь слово, то по приведённым инструкциям вы можете наложить эффекты для каждой буквы в отдельности.

Источник

Как сделать огненный текст в фотошопе CS6

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

01.09.2016 (admin) Здесь вы научитесь самостоятельно делать стилизованный шрифт в Фотошоп CS6, в более старых версиях все примерно аналогично. Будем делать огненный тест в Фотошопе без его растрирования (превращения в обычный рисунок), после этой операции текст изменить нельзя. Надпись, которую вы научитесь делать, можно будет сохранить и потом использовать как шаблон, меняя текст.

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 1: создаем надпись

1. Создайте новый рисунок размером 1200х800 px и залейте его черным цветом инструментом «Заливка».

2.Напишите текст любым шрифтом, мы использовали Burlak размером 200 pt с Caps Lock (его нет в стандартном наборе, но можно скачать в интернете). Цвет — белый, остальные настройки – стандартные.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Расположите надпись чуть выше середины, ниже будет отражение.

3.Теперь поработаем со стилем текста. Перейдите на текстовый слой и откройте стили, кликнув по нему дважды или нажав кнопку fx внизу окна «Слои».

3.1 В появившемся окошке отметьте слева галкой «Внутреннее свечение» и, выделив эту опцию, перейдите в настройки справа. Выберите желтый цвет fff001, непрозрачность поставьте 100%, режим наложения – нормальный, размер — 16.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

3.2 Теперь добавьте «Внешнее свечение» с теми же настройками, но c красным цветом ff0202. Нажмите «Ок.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Мы уже сделали огненные буквы в Фотошопе, но усилим эффект, добавив пламя.

Шаг 2: «поджигаем» буквы

1.Скачайте в сети фотографию пламени на черном фоне размером не более 2 тысяч пикселей по ширине или длине.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

2.Откройте его, в меню «Изображение» выберите «Коррекция» и «Инверсия». Должно получиться вот такое голубое пламя.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

3.Сделаем из него кисть. Выберите в меню «Редактирование» опцию «Определить кисть», задайте ей имя и нажмите «Ок». Можете закрыть изображение огня, оно больше не понадобится.

4.Создайте новый чистый слой (сочетание SHIFT+CTRL+N), возьмите инструмент кисть и найдите пламя в формах, эта кисточка будет самой последней.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Можно регулировать размер кисти, а также отразить ее по горизонтали, используя тонкие настройки кисти (кнопка рядом с формой в опциях инструмента). Можно взять несколько картинок.

6.Перейдите в окно «Слои» и выделите текст, нажмите правую кнопку мышки и выберите «Скопировать стиль слоя». Вернитесь на пламя и так же, через правую кнопку, вставьте туда стили, нажав «Вклеить стиль слоя». Вот что получится.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

8.Теперь добавьте к огню слой-маску (кнопка внизу окошка слоев), переместитесь на иконку маски и возьмите мягкую кисть с черным цветом и стандартными настройками. Можно выбрать фигурную. Пройдитесь по слою с огнем, удаляя кистью, как ластиком, фрагменты пламени с букв, чтобы надпись стала читаемой. Снизьте непрозрачность слоя с пламенем примерно до 60-65%, хотя можно этого и не делать.
Эту операцию можно сделать и ластиком. Но маска нужна для того, чтобы в дальнейшем, когда вы будете менять надпись, используя эту работу как шаблон, можно было подогнать пламя под другой текст. К тому же, переключившись на белый цвет кисти, можно что-то подправить.

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3: делаем отражение

1.Скопируйте слой с текстом (CTRL+J).

2.Откройте меню «Редактирование», далее «Трансформирование» и «Отразить по вертикали».

3.Перетащите копию надписи вниз и совместите с оригиналом.

4.То же проделайте с пламенем. Снизьте непрозрачность слоев с «отражением» примерно до 20%.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Если растрировать текст, можно добавить дополнительную стилизацию на «отражение», например, воспользоваться фильтром «Рябь» из категории «Искажение», но в этом случае изменить надпись уже нельзя.

Источник

Урок несильно сложный, даже для начинающих изучать программу Photoshop, немного внимательности и терпения и получится примерно вот такой результат:

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 1.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Изменяем Режим наложения слоя(Blend Mode) на Линейный затемнитель (Linear Burn. Непрозрачность слоя (Opacity) устанавливаем примерно 54%, Заливку на 35%.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Тень (Drop Shadow) оставляем как есть, по умолчанию:

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Внутренняя тень (Inner Shadow) :

Blend Mode/Режим наложения – Saturation/Насыщенность

Поставьте флажок на Use Global Light/Глобальное освещение

Size/Размер – 90 пикселей

Поставьте флажок на Anti-aliased/ Сглаживание
Noise/Шум – 15 %

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Внешнее свечение (Outer Glow):

Blend Mode/Режим наложения –Hard Mix/Жесткое смешение

Noise/Шум – 15%
Измените цвет на черный (#00000)

Contour/Контур: Кликните по иконке контура и измените его так, как показано ниже.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Внутреннее свечение (Inner Glow):

Blend Mode/Режим наложения – Linear dodge (add)/Линейный осветлитель (добавить)

Поставьте флажок на Anti-aliased/ Сглаживание

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Тиснение (Bevel and Emboss):

Style/Стиль – Outer Bevel/Внешний скос

Size/Размер – 8 пикселей

Уберите флажок с Use Global Light/Глобальное освещение

Contour/Контур: Кликните по иконке контура и измените его так, как показано ниже.

Highlight Mode/Режим подсветки – Normal/Нормальный, цвет #fc2b0e, Opacity/Непрозрачность 100%

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Обводка (Stroke):

Blend Mode/Режим наложения – Color Burn/Затемнение основы
Fill Type/Тип обводки – Gradient/Градиент, цвет #fb8318

Angle/Угол – 90 градусов

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

И вот результат работы со стилями слоя :

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 5.

ставим флажок на Сглаживание (Anti-aliased)

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Параметры наложения (Blending Options): уменьшаем Непрозрачность (Fill Opacity) заливки до нуля

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Тень (Drop Shadow): оставляем по умолчанию

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Внутренняя тень (Inner Shadow):

Непрозрачность (Opacity) – 100%

Смещение (Distance) – 35 пикселей

Size/ Размер – 55 пикселей

Поставьте флажок на Сглаживание (Anti-aliased)

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Внутреннее свечение (Inner Glow):

Режим наложения (Blend Mode) – Перекрытие (Overplay)

Непрозрачность (Opacity) – 24%

Источник (Source) – Из центра (Centre)

Размер (Size) – 65 пикселей

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Тиснение (Bevel and Emboss):

Depth/Глубина – 100%
Size/Размер – 63 пикселей

Уберите флажок с Use Global Light/Глобальное освещение

Highlight Mode/Режим подсветки – Saturation/Насыщенность, цвет #000000, Opacity/Непрозрачность 100%

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Наложение градиента (Gradient Overplay):

Blend Mode/Режим наложения – Hard Mix/Жесткое смешение

Gradient/Градиент – от белого к #6a3a3a
Style/Стиль – Reflected/ Зеркальный

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Наложение узора (Pattern Overplay):

Blend Mode/Режим наложения – Pin Light/Точечный свет

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 6.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 7.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 8.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 9.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 10.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Режим наложения слоя (Blend Mode) меняем на Мягкий свет (Soft Light)

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 11.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Режим наложенияслоя (Blend Mode) на Замена светлым (Lighten).

Откроем другое изображение огня и разбросаем огонь по буквам.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Режим наложения слоя (Blend Mode) поменяем на Замена светлым (Lighten).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Урок написан на основе источника www.tutsps.com

Всегда для Вас: photoshoplesson.ru

Источник

Создаём Огненный Текст в Adobe Photoshop

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока.

1. Создаём Задний Фон и Текстовые Слои

Шаг 1

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Создайте текст заглавными буквами, используя шрифт Aller Light. Установите размер шрифта на 350 pt, а также Трекинг (Tracking) на 100.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

2. Создаём Обводку Контура и Слой

Шаг 1

Щёлкните правой кнопкой мыши по текстовому слою и в появившемся окне, выберите опцию Создать рабочий контур (Create Work Path).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Отключите видимость текстового слоя, щёлкнув по глазку рядом с миниатюрой слоя, а затем создайте новый слой, назовите этот слой Огненная Обводка (Stroke Flames).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

3. Применяем Фильтр Пламя

Шаг 1

Идём Фильтр – Рендеринг – Пламя (Filter > Render > Flame), нажмите кнопку ‘OK’, если появится окно с сообщением, что контур слишком длинный. Примечание переводчика: данный фильтр появился в версии Photoshop CC 2017

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

Настройки, которые были использованы в этом уроке:

Основные (Basic)

Дополнительные (Advanced)

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Если вас устраивает результат, тогда выберите инструмент Стрелка (Direct Selection Tool (A), а затем нажмите клавишу (Enter), чтобы избавиться от рабочего контура.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

4. Создаём Слой с Текстурой Наложения

Шаг 1

Создайте новый слой поверх слоя Огненная Обводка (Stroke Flames), назовите этот слой Текстура Огня (Flame Texture), а затем залейте этот слой белым цветом.

Убедитесь, чтобы цвета переднего и заднего плана были установлены на чёрный и белый цвет.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Щёлкните правой кнопкой мыши по слою Текстура Огня (Flame Texture) и появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Щёлкните правой кнопкой мыши по слою Текстура Огня (Flame Texture) и появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 4

Идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

5. Создаём Текстуру с помощью Фильтров

Шаг 1

Далее, идём Фильтр – Галерея фильтров (Filter > Filter Gallery), чтобы применить следующие фильтры:

Эскиз – Рельеф (Sketch > Bas Relief)

Шаг 2

Щёлкните по значку Новый слой эффектов (New effect layer) в нижнем правом углу, чтобы добавить другой фильтр, а затем ещё раз примените фильтр Рельеф (Bas Relief), используя те же самые настройки.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Добавьте ещё один новый слой эффектов.

Штрихи – Разбрызгивание (Brush Strokes > Spatter)

Нажмите кнопку ‘OK’, когда завершите.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

6. Корректируем Параметры Наложения Слоя

Шаг 1

Поменяйте режим наложения для слоя Текстура Огня (Flame Texture) на Мягкий свет (Soft Light).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Дважды щёлкните по слою Текстура Огня (Flame Texture), чтобы откорректировать настройки Параметров наложения (Blending Options). Мы собираемся настроить бегунки Данного слоя (This Layer) в настройках Наложение, если (Blend If).

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

То, что создаёт данный бегунок, препятствует взаимодействию более светлых участков текстуры с содержимым нижнего слоя.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Поиграйте с различными значениями, пока вас не устроит результат.

Мы вернёмся к текстуре в конце урока, чтобы размыть её, поэтому, вы также можете немного изменить значения.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

7. Добавляем Эффекты Огня

Шаг 1

Используйте любую текстуру Огня из набора: Текстура Огня 0032, Текстура Огня 0036 и Текстура Огня 0043, чтобы добавить к тексту.

Лучше всего добавлять исходные изображения в качестве Смарт-объектов (Smart Objects), поскольку, таким образом, вы можете внести изменения без воздействия на качество.

Для этого идём Файл – Поместить встроенные (File > Place Linked) и в появившемся окне навигации, откройте то исходное изображение, которое вы хотите добавить.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Поменяйте режим наложения для данного слоя с текстурой Огня на Осветление (Screen).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Нажмите клавиши (Ctrl+T), чтобы активировать режим Свободной Трансформации (Free Transform Mode), а затем сдвиньте, масштабируйте, поверните изображение, чтобы расположить текстуру поверх определённой области текста.

Нажмите клавишу (Enter), чтобы применить изменения.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 4

Далее, идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Установите значение Цветового тона (Hue) на 3, а значение Насыщенности (Saturation) на -35, или примените любые другие значения, чтобы совместить цвета пламени текстуры с цветом огненной обводки.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

8. Добавляем Эффекты Огня

Шаг 1

Добавьте ещё одну текстуру Огня, расположив поверх другой области текста. Поменяйте режим наложения для данного слоя с текстурой Огня на Осветление (Screen), а также примените трансформацию при необходимости.

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Повторите все действия, чтобы добавить столько эффектов огня к тексту, сколько необходимо.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Поместите все слои с текстурой Огня в одну группу, назовите эту группу Огонь (Flames).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

9. Добавляем Лёгкие Эффекты Дыма

Шаг 1

Добавьте любую текстуру Дыма, которая вам нравится в качестве смарт-объекта, а затем Поменяйте режим наложения для данного слоя с текстурой Дыма на Осветление (Screen).

Поместите текстуре Дыма поверх определённой области текста, примените трансформацию при необходимости.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Нажмите клавиши (Ctrl+U) для коррекции Цветового тона / Насыщенности (Hue/Saturation). Поставьте галочку в окошке Тонирование (Colorize), а затем поменяйте значение Цветового тона (Hue) на 215, значение Насыщенности (Saturation) на 25, а значение Яркости (Lightness) на -60.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Дважды щёлкните по слою Текстурой Дыма, чтобы откорректировать настройки Параметров наложения (Blending Options). На этот раз, мы собираемся настроить бегунки Подлежащего слоя (Underlying Layer) в настройках Наложение, если (Blend If).

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

То, что создаёт данный бегунок, защищает более светлые участки текстуры от воздействия текстуры Дыма.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 4

Щёлкните правой кнопкой мыши по слою Текстура Дыма и появившемся окне, выберите опцию Скопировать стили-слоя (Copy Layer Style).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 5

Добавьте эффектов дыма к тексту и к каждой добавленной текстуре дыма примените стили слоя, для этого, щёлкните по добавленному слою с текстурой дыма и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).

Вы можете также продублировать коррекцию цвета Цветовой тон / Насыщенность (Hue/Saturation) точно таким же образом, как мы проделывали с текстурами огня.

Дважды щёлкните по вкладке Цветовой тон / Насыщенность (Hue/Saturation), которая расположена в выпадающем списке Смарт-Фильтров (Smart Filters), чтобы использовать другие значения в зависимости от текстуры, которую вы хотите добавить, а также от эффекта, который вы хотите создать.

Повторите все действия, пока вас не устроит результат.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 6

Поместите все слои с текстурой Дыма в одну группу, назовите эту группу Дым (Smoke), а также уменьшите значение Непрозрачности (Opacity) слоя с группой до (85%) или установите значение непрозрачности на своё усмотрение.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

10. Добавляем Насыщенные Эффекты Дыма

Шаг 1

Далее, мы добавим эффекты дыма, чтобы усилить глубину.

Итак, добавьте ещё одну текстуру Дыма, поменяйте режим наложения для данного слоя на Светлее (Lighter Color), поместите данную текстуру поверх определённой области текста, а затем примените трансформацию при необходимости.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Поместите все новые слои с текстурой Дыма в одну группу, назовите эту группу Дым 02 (Smoke 02), а также уменьшите Непрозрачность (Opacity) слоя с группой до 50% или установите значение непрозрачности на своё усмотрение, в зависимости от того эффекта, который вы хотите создать.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

11. Добавляем Искры

Шаг 1

Добавьте текстуру Искр 0023 поверх любой области текста, поменяйте режим наложения для данного слоя с текстурой на Линейный осветлитель (Добавить) (Linear Dodge (Add), а затем примените трансформацию при необходимости.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Повторите все действия, чтобы добавить больше искр поверх всего текста.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Поместите все слои с текстурой Искр в одну группу, назовите эту группу Искры (Sparks).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

12. Создаём Внешнее Свечение

Шаг 1

Удерживая клавишу (Alt), перетащите слой Огненная Обводка (Stroke Flames) вниз, чтобы создать дубликат слоя, расположите дубликат слоя ниже оригинального слоя.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Переименуйте дубликат слоя в Свечение (Glow), далее, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 25.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 4

Поменяйте режим наложения для слоя Свечение (Glow) на Жёсткий свет (Hard Light), а также уменьшите значение Непрозрачности (Opacity) до 25%.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

13. Добавляем Эффекты Дыма на Задний Фон

Шаг 1

Добавьте новую текстуру Дыма поверх всех остальных слоёв, а затем поменяйте режим наложения для данного слоя с текстурой на Осветление (Screen).

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Нажмите клавиши (Ctrl+U) для коррекции Цветового тона / Насыщенности (Hue/Saturation). Поставьте галочку в окошке Тонирование (Colorize), а затем поменяйте значение Цветового тона (Hue) на 215, значение Насыщенности (Saturation) на 25, а значение Яркости (Lightness) на -83.

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 6. Основная цель здесь- это создать лёгкий эффект дымки вокруг текста.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 4

Повторите все действия, чтобы добавить ещё пару текстур дыма.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 5

Вы также можете усилить эффект за текстом.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

14. Добавляем Текстуру на Зданий Фон

Шаг 1

Добавьте исходную текстуру Искры 0017 – Изображение 2 на наш рабочий документ, расположив поверх корректирующего слоя Цвет (Solid Color), а затем поменяйте режим наложения для данного слоя с текстурой искр на Линейный осветлитель (Добавить) (Linear Dodge (Add), а также уменьшите Непрозрачность (Opacity) слоя до 50%.

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

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Если вы хотите избавиться от какой-либо части текстуры, нажмите значок Добавить слой-маску (Add layer mask) в нижней части панели слоёв, и не забудьте перейти на слой-маску, чтобы она стала активной для проведения коррекции.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 3

Установите цвет переднего плана на чёрный цвет, выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть, а затем прокрасьте поверх любых участков текстуры, который вы хотите скрыть.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

15. Проводим Заключительную Цветовую Коррекцию

Шаг 1

В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Поиск цвета (Color Lookup).

Выберите фильтр FoggyNight.3DL из выпадающего меню 3DLUT File, а затем уменьшите Непрозрачность (Opacity) данного корректирующего слоя до 10%.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Шаг 2

Перейдите на слой Текстура Огня (Flame Texture), а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 3, чтобы текстура не была слишком жёсткой.

Как сделать текст в огне. Смотреть фото Как сделать текст в огне. Смотреть картинку Как сделать текст в огне. Картинка про Как сделать текст в огне. Фото Как сделать текст в огне

Поздравляю вас! Мы завершили урок!

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

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *