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

Опубликовано: 06.05.2020Автор: Артём Чёрный

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

Содержание

1. Как сделать огненный текст в Photoshop
2. Этап 1: Создание текстового слоя
3. Этап 2: Стилизация текстового слоя
4. Этап 3: Добавление эффекта горения

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

Читайте также:
Делаем объёмный текст в Adobe Photoshop
Делаем наложение картинки на текст в Adobe Photoshop
Выполняем осветление лица в Adobe Photoshop
Трансформируем изображение в Adobe Photoshop

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

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

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

1. Создайте документ, в котором будете работать. Для этого нажмите на кнопку «Создать» или воспользуйтесь сочетанием клавиш Ctrl+N.
2. В окошке с настройками создаваемого документа пропишите для него размер. Вы можете прописать любой удобный вам размер. Дополнительно рекомендуется задать чёрный задний фон. Как это сделать показано на скриншоте ниже.
3. В только что созданном документе выберите инструмент «Текст». Он расположен в левом меню с инструментами.
4. Кликните по любой пустой области и начните писать свой текст. Для примера мы стилизуем только одну букву, но вы можете написать целое слово, правда, его будет немного сложнее стилизовать.

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

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

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

1. В панели слоёв два раза кликните левой кнопкой мыши по слою с текстом.
2. Откроется окошко «Стиль слоя». Там, в левом меню, поставьте галочку у пункта «Внешнее свечение» и переключитесь на него.
3. В настройках «Внутреннее свечения», в блоке «Структура», установите «Режим наложения» — «Экран». «Непрозрачность» поставьте где-то процентов на 70-80. Выставьте метку около белого квадрата. Также вам нужно будет нажать на этот квадрат, чтобы изменить цвет свечения. Поставьте там красный цвет или близкий к нему.
4. В блоке «Элементы» установите параметр «Размер» на такое значение, чтобы было небольшое свечение около букв.
5. Теперь нужно включить «Наложение цвета». Делается это аналогичным образом с «Внутренним свечением».
6. Поставьте там какой-нибудь грязно-жёлтый или грязно-красный цвет.
7. Включите стиль слоя «Глянец» и перейдите в его настройки. Цвет поставьте тёмно-красный. «Режим наложения» смените на «Умножение». Можете попробовать и другие режимы наложения. Подробно про работу с ними мы писали отдельную статью.
8. Также настройте «Угол», «Смещение» и «Размер» так, чтобы придать небольшой объём букве.
9. Включите стиль «Внешнее свечение». Там в «Режиме наложения» поставьте «Экран». Заливку нужно сделать одним цветом, поставив отметку на соответствующем пункте. Цвет для заливки выбрать жёлтый.
10. На этом работа со «Стилями слоя» завершена. Нажмите «Ок» для применения настроек и выхода.

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

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

1. Перед тем, как выполнить наложение фильтров, нужно растрировать текстовый слой. Для этого кликните по нему правой кнопкой мыши в панели слоёв. Из контекстного меню выберите вариант «Растрировать текст».
2. На панели слоёв выделите слой с текстом. В верхнем меню программы нажмите на пункт «Фильтр».
3. Из контекстного меню выберите «Искажение». Из выпавшего подменю нужно выбрать «Рябь».
4. Откроется настройка выбранного фильтра. В пункте «Размер» выберите значение «Средняя». У «Количество» установите значение примерно в 170-200%. Нажмите «Ок» для применения заданных настроек.
5. Теперь осталось только перетащить в рабочую область изображение с огнём. Его можно скачать из интернета, только обязательно выбирайте варианты, где огонь находится на чёрном фоне. Скаченное из интернета изображение можно просто перетащить в рабочую область редактируемого документа.
6. На панели слоёв выберите недавно добавленный слой с огнём. Для него установите «Режим наложения» «Экран».
7. Слой с изображением подвиньте так, чтобы он ровно встал на вашу букву.
8. При необходимости можно с помощью инструмента «Ластик» удалить лишние элемента картинки с огнём.

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

• Уменьшить значение «Непрозрачности» у слоя с картинкой;
• Сделайте дубликат слоя с буквой с помощью сочетания клавиш Ctrl+J.

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

Понравилась статья? Поделиться с друзьями:

PhotoshopSunduchok — Огненный текст

Автор: Ольга Максимчук (Princypessa). Дата публикации: 03 сентября 2019. Категория: Уроки фотошопа текст.

Всем привет!

Сегодня мы будем создавать огненный текст.

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

Затем применим к текстовому слою несколько стилей слоя, сотрем часть слоя с помощью инструмента Ластик и при помощи фильтра Пластика деформируем текст.

Далее мы откроем текстуру огня и при помощи каналов выделим огонь, который перенесем в основной документ с текстом.

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

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

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

Переименовываем фоновый слой в «Фон».

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

Заливаем слой «Фон» черным цветом.

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

Устанавливаем шрифт из папки с исходниками.

Для этого щелкните ПКМ по файлу шрифта и выберите «Установить».

После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст и пишем слово «Огонь».

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

При помощи инструмента Перемещение располагаем текст по центру холста.

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

Во вкладке Внутреннее свечение меняем оттенок на # e5c23b и вводим настройки, как на рисунке ниже.

Во вкладке Глянец используем оттенок #872d0f и вводим следующие настройки.

Во вкладке Наложение цвета меняем оттенок на # cd7e2e.

Во вкладке Внешнее свечение вводим оттенок #f70300 и меняем настройки на следующие.

Результат после применения стилей слоя.

В панели слоев щелкаем ПКМ по текстовому слою и выбираем «Растрировать стиль слоя».

Активируем инструмент Ластик.

Выбираем для инструмента Ластик мягкую круглую кисть.

Для этого при активном инструменте Ластик кликаем ПКМ по холсту, чтобы открыть меню выбора кистей.

В меню выбора кистей щелкаем по «шестеренке» справа и выбираем «Основные кисти».

Из загруженного набора выбираем кисть, отмеченную стрелочкой.

В верхней панели настроек инструмента Ластик понижаем прозрачность инструмента и вводим настройки, как на рисунке ниже.

При помощи инструмента Ластик стираем верхнюю часть букв.

Стараемся делать неровные края, чтобы имитировать языки пламени.

Переходим в меню Фильтр-Пластика.

Инструментом Деформация искажаем текст, делая его похожим на огонь.

В уроке огненный текст нажимаем сочетание клавиш Shift+Alt+Ctrl+E, чтобы создать слитую копию всех видимых слоев.

Переименовываем образовавшийся слой в «Огонь 2».

Открываем в фотошоп (Ctrl+O) текстуру огня из папки с исходниками.

Переходим в меню Окно-Каналы.

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

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

Переходим в панель слоев (Окно-Слои) и нажимаем сочетание клавиш Ctrl+C, чтобы скопировать выделенную область.

Переходим к первому документу, с текстом, и нажимаем сочетание клавиш Ctrl+V, чтобы вставить выделенную область с текстуры огня.

Переименовываем образовавшийся слой с огнем в «Текстура огня».

Вызываем Свободное трансформирование (Ctrl+T) и, зажав клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) тянем за уголки рамки, чтобы растянуть изображение на весь холст.

При помощи инструмента Перемещение располагаем слой «Текстура огня», как на рисунке ниже.

К слою «Текстура огня» в панели слоев добавляем маску слоя.

Активируем инструмент Кисть и выбираем мягкую круглую кисть.

В панели цвета в качестве основного выставляем черный оттенок.

Для этого достаточно нажать на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию – черному и белому.

По маске слоя (именно по маске слоя, не по самому слою!) инструментом Кисть частично стираем слой с текстурой огня.

Оставляем текстуру огня над текстом.

Помним, что черный цвет на маске слоя скрывает, а белый – восстанавливает видимость слоя.

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

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

Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке.

Вот что у меня получилось в результате.

В панели слоев создаем дубликат слоя «Текстура огня» (Ctrl+J).

Переименовываем дубликат слоя в «Текстура огня 2».

Чтобы усилить эффект, в панели слоев меняем режим наложения слоя «Текстура огня 2» на Перекрытие.

Выше всех слоев помещаем в документ (Файл-Поместить) изображение «Искры» из папки с исходниками.

Вызываем Свободное трансформирование (Ctrl+T) и растягиваем картинку на весь холст.

Не забываем при трансформировании зажимать клавиши Alt и Shift.

В панели слоев меняем режим наложения слоя «Искры» на Экран, чтобы скрыть черный оттенок на слое.

Добавляем к слою «Искры» маску слоя и уже известным нам способом, при помощи кисти, стираем слой на краях изображения.

Чтобы усилить эффект, можно продублировать слой «Искры» (Ctrl+J).

Огненный текст готов!

Отличного настроения и творческих успехов!

 

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.

Форма для подписки находится ниже.

 

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

Как создать огненный текстовый эффект в Adobe Photoshop

В этом уроке мы рассмотрим фантастический Flame Filter в Adobe Photoshop. Фильтр создает процедурные эффекты пламени и огня, которые можно заставить закручиваться и повторять любую пользовательскую форму. Мы также добавим несколько реалистичных огненных искр, любезно предоставленных кистью Photoshop ручной работы.

Более 30 высококачественных кистей с металлической текстурой, узором и Photoshop

Более 30 высококачественных кистей с металлической текстурой, узором и Photoshop

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

Шаг 1

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

Шаг 2

Мы добавим некоторые оттенки и настройки цвета, чтобы создать эффект сдержанного ключа на нашем фоне. Выберите Elliptical Marquee Tool (M) и нарисуйте большой овал по центру фона.

Шаг 3

Используйте Cmd / Ctrl + Shift + I, чтобы выбрать инверсную область в документе:

Шаг 4

Перейдите в меню Layer > New Adjustment Layer > Curves . Щелкните , добавьте пользовательскую точку среднего тона на линии кривой и перетащите вниз , чтобы затемнить изображение:

Шаг 5

Чтобы смягчить края виньетки, мы добавим размытие к маске корректирующего слоя. Перейдите в меню Фильтр > Размытие > Размытие по Гауссу . Увеличьте значение радиуса по мере необходимости, чтобы создать красивое мягкое растушевывание краев эллипса.

Шаг 6

Перейдите в меню Layer > New Adjustment Layer > Hue and Saturation . Установите флажок Colorize и примените следующие значения: Hue ( 30 ), Насыщенность ( 50 ), Яркость ( -40 )

Шаг 7

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

В используемом здесь примере мы использовали следующие значения символов: Шрифт: MetroBlack LT Two Regular, Размер: 400 пикселей, Цвет: 474747. Когда вы закончите, используйте сочетание клавиш Cmd / Ctrl + Enter, чтобы зафиксировать Изменения типа слоя.

Шаг 8

В меню окна > Layers Panel выберите фоновый слой, содержащий изображение металлической текстуры. Используйте сочетание клавиш Cmd / Ctrl + J, чтобы продублировать слой и перетащите его над текстовым слоем на панели.

Шаг 9

Выделив новый слой текстуры, используйте сочетание клавиш Cmd / Ctrl + Alt + G, чтобы замаскировать копию изображения на текстовый слой ниже.

Шаг 10

Выбрав слой текстуры, перейдите к изображению 9 .Меню 0004 > Настройки > Кривые команда. Добавьте точку среднего тона к линии кривой и перетащите вниз, чтобы затемнить слой наложения текстуры.

Шаг 11

Далее мы добавим несколько стилей слоя к текстовому слою, чтобы отделить его от фона. На панели Layers щелкните меню «FX» и примените следующие стили слоя:

• Drop Shadow
• Непрозрачность:
• Расстояние: 20 пикселей
• Распространение: 0 пикселей
• Размер: 20 пикселей
• Фаска и тиснение
• Глубина: 1000%
• Размер: 5 пикселей
• Угол: 130
• Высота: 48
• Цвет подсветки: fa8b09
• Непрозрачность бликов: 95%
• Цвет тени: 000000
• Непрозрачность тени: 85%

Шаг 12

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

Используйте сочетание клавиш Cmd / Ctrl + Shift + N, чтобы создать новый слой с именем «Пламя» . Выберите инструмент Pen (P) и в документе нарисуйте путь вверх по одной стороне текстового символа, где вы хотите, чтобы появилось пламя:

Шаг 13

Когда вы достигнете точки, где вы хотите, чтобы пламя появилось конец, удерживая нажатой клавишу Cmd / Ctrl, щелкните в любом месте документа вдали от точек пути. Чтобы создать другое пламя, нарисуйте еще один сегмент пути, используя те же шаги, но не забудьте нажать Cmd / Ctrl + щелчок в конце каждого сегмента пути, чтобы пламя отображалось индивидуально:

Шаг 14

Перейдите к фильтру > Render > Flame Filter. В диалоговом окне установите следующие ключевые значения:

• Тип пламени: одно пламя вдоль пути
• Ширина: 37 пикселей
• Линии пламени: 9
• Турбулентный: 66
• Зубец: 0
• Непрозрачность: 49

Шаг 15

Диалоговое окно «Фильтр» предоставляет почти бесконечный диапазон эффектов пламени и огня, поэтому вам также следует поэкспериментировать с настройкой вышеуказанных параметров, чтобы создать желаемый вид пламени. После того, как вы отрегулировали значения, нажмите OK , чтобы применить эффект фильтра:

Шаг 16

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

В окне > Layers Panel выберите слой пламени и используйте сочетание клавиш Cmd / Ctrl + J, чтобы продублировать его.

Шаг 17

Переименуйте слой-копию в «Flame Glow» и переместите его ниже слоя Flames в списке Panel.

Шаг 18

Изменение режима наложения в панели Layers до Color Dodge . Используйте инструмент Move , чтобы немного сместить копируемое изображение вправо и вниз.

Шаг 19

Перейдите к команде Фильтр > Размытие > Размытие по Гауссу . Отрегулируйте радиус размытия, чтобы смягчить края эффекта свечения. В приведенном здесь примере использовалось значение 8. 0:

Шаг 20

0003 Меню Изображение > Настройки > Команда Оттенок и Насыщенность .

Шаг 21

Опустите ползунок Saturation , чтобы уменьшить интенсивность цвета свечения.

Шаг 22

Используйте сочетание клавиш Cmd / Ctrl + Shift + N, чтобы создать новый слой. Назовите его «Extra Glow» . На панели слоев переместите его ниже слоя Flames Glow .

Шаг 23

Измените режим наложения слоя на Цвет Додж .

Шаг 24

Выберите инструмент Brush (B). В наборе инструментов щелкните Foreground Swatch и измените Color на CAAF50 .

Шаг 25

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

Режим Color Dodge действительно хорошо подходит для создания ярких эффектов свечения, но он чрезвычайно чувствителен к небольшим изменениям цвета вашей краски. Если эффект свечения слишком сильный или приводит к нежелательным цветовым сдвигам, попробуйте , уменьшая значения Lightness и/или Hue для цвета краски на панели инструментов, пока не получите правильный результат.

Шаг 26

В качестве завершающего штриха мы добавим искры к основанию пламени с помощью специальной кисти. Используйте сочетание клавиш Cmd/Ctrl+N для создания нового документа. В диалоговом окне задайте следующие свойства и нажмите OK:

• Имя: Spark Prototype
• Ширина: 50 пикселей
• Высота: 20 пикселей
• Цветовой режим RGB
• Комплектация фона: белый

Шаг 27

Выберите инструмент Rectangular Marquee (M) и нарисуйте небольшой горизонтальный прямоугольник в документе.

Шаг 28

Используйте сочетание клавиш Cmd/Ctrl+I, чтобы инвертировать эту область в черный . Используйте сочетание клавиш Cmd/Ctrl+D, чтобы снять выделение.

Шаг 29

Чтобы добавить движение к прототипу искры, перейдите к Filter > Blur > Motion Blur Filter . Установите расстояние на 13 пикселей, угол на 0 градусов и нажмите ОК. Чтобы сохранить пользовательскую кисть из изображения Spark, перейдите в меню Edit > Define Brush Preset команда:

Step 30

Теперь переключитесь обратно на текстовый документ Flaming. Выберите инструмент Brush (B), который теперь должен отображать наш Spark Prototype в качестве активного кончика кисти. Нам нужно настроить некоторые свойства обводки для этого пользовательского наконечника, чтобы создать реалистичные эффекты, похожие на искры.

Перейдите в меню Window > Brush Panel и примените следующие значения к свойствам кисти:

• Форма кончика кисти
• Размер: 10 пикселей
• Округлость: 35%
• Расстояние: 350%
• Динамика формы:
• Дрожание размера: 100 %
• Угловой джиттер 3 %
• Управление дрожанием угла: Направление
• Рассеяние:
• Разброс: 300%
• Обе оси: отмечено

Шаг 31

Используйте сочетание клавиш Cmd / Ctrl + Shift + N, чтобы создать новый слой под названием « Colored Sparks» .

Шаг 32

Установите цвет переднего плана на Белый в панели инструментов. В окне документа начните рисовать искры вокруг основания пламени. Начните рисовать мазки с основания и рисуйте в том направлении, в котором вы хотите, чтобы они двигались либо по прямой линии, либо по изогнутым дугам. Поскольку мы установили Angle Jitter Control на «Направление» , искры всегда должны совпадать с направлением движения мыши:

Шаг 33

В качестве последнего штриха мы добавим несколько изменений цвета некоторым искрам. На клавиатуре нажмите клавишу «/» от до . Заблокируйте прозрачные области слоя Sparks от изменений. Выберите мягкую круглую кисть , установите размер на 50 пикселей.

Шаг 34

В наборе инструментов установите Цвет переднего плана от до EB7E13 . Начните рисовать вокруг краев следов искр с помощью инструмента «Кисть», чтобы добавить искрам немного вариации цвета.

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

Шаг 35

Поразитесь своим результатам.

Еще по теме:

• Текстовые эффекты Glossy Emblem с Photoshop (hongkiat.com)
• 3D-текст в Photoshop (photoshopbuzz.com)
• Текстовый эффект «Мстители» в Photoshop (hongkiat.com)

Создание Текстового Эффекта Энергии Волшебного Огня в Photoshop

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

PSD-файл этого руководства доступен в личном кабинете PSD Vault VIP.

Вдохновением для этого урока послужила вот эта работа.

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

PSD Vault VIP Membership

Вы можете загрузить PSD-файл для этого урока через VIP-зону всего за 6,95 долларов в месяц. (или менее)! Вы получите не только этот PSD-файл, но и более 200 других PSD-файлов + дополнительные плюсы + эксклюзивные уроки по Photoshop. Зарегистрируйтесь сейчас и получите эксклюзив!

OK Начнем!

Для выполнения этого урока вам понадобятся следующие материалы:

Текстура огня

Шаг 1

Создайте новый документ размером 700px * 1000px с черным фоном и используйте инструмент градиента, чтобы заполнить фоновый слой направлением и цветом. показано ниже:

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

Примените к этому точечному слою следующий фильтр Motion Blur:

Затем, примените фильтр размытия движения снова, но с другим углом настройки:

И вот эффект. введите букву на холсте:

Примените к этому текстовому слою следующие параметры смешивания:0005

Внутренняя тень

Наложение градиента

Используйте кисть с красными частицами (она должна быть в Photoshop по умолчанию), нарисуйте несколько частиц за текстом:

Теперь мы можем рисовать 3

Шаг 3 несколько строк вокруг текста, чтобы действовать как энергия от текста. Я использовал кисть размером 2 пикселя с жесткостью 85%:

Используйте цвет, аналогичный цвету текста, нарисуйте несколько линий вокруг текста, как показано ниже:

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

Шаг 4

Мы добавим текстуру огня поверх текста.

No related posts.