Создать пламенный горячий огонь текст в Photoshop

В этом уроке я покажу вам шаг за шагом, как создать огненный текстовый эффект в Фотошопе, поглощая ваши письма горящими огнями. Мы начнем с добавления некоторого исходного текста, а затем подожжем его с помощью фильтра ветра Photoshop, фильтра Liquify, корректирующих слоев и эффектов слоев! Мы смешаем текст с пламенем, используя Brush Tool и маску слоя. И мы улучшим эффект огня, используя пару текстур, которые мы создадим с нуля. Я буду использовать Photoshop CC, но все полностью совместимо с Photoshop CS6.

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

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

Конечный эффект.

Давайте начнем!

Содержание

Часть 1: Добавление текста

Шаг 1. Создайте новый документ Photoshop

Начните с создания нового документа Photoshop. Перейдите в меню File в строке меню и выберите New :

Создание нового документа Photoshop.

Идем в Файл> Новый.

Для этого урока установите ширину документа на 1600 пикселей , высоту на 1000 пикселей и разрешение на 72 пикселя / дюйм . Оставьте Background Contents набор на белом сейчас. А затем, чтобы создать документ, нажмите «Создать» или «ОК» в зависимости от используемой версии Photoshop:

Новые настройки документа Photoshop

Новые настройки документа.

Шаг 2: Заполните новый документ черным

Измените фон документа с белого на черный, зайдя в меню « Правка» и выбрав « Заливка» :

Выбор команды «Заливка» в меню «Правка» в Photoshop

Собираюсь Правка> Заполнить.

В диалоговом окне «Заливка» установите для содержимого значение « Черный» и нажмите кнопку «ОК».

Установка для параметра «Содержание» значения «Черный» в диалоговом окне «Заливка» в Photoshop

Настройка содержимого на черный.

Фотошоп заполняет фон черным:

Документ Photoshop после его заполнения черным

Огненный текст будет хорошо выделяться на черном фоне.

Шаг 3: Добавьте свой текст

Чтобы добавить текст, возьмите инструмент Type Tool с панели инструментов:

Выбор инструмента «Текст» в Photoshop

Выбор инструмента «Текст».

В панели параметров выберите свой шрифт. Я пойду с чем-то простым, как Times New Roman Bold . Установите размер шрифта равным 72 pt, чтобы получить самый большой заданный размер:

Выбор шрифта и размера шрифта на панели параметров в Photoshop

Выбор шрифта и размера шрифта на панели параметров.

По-прежнему на панели параметров установите цвет шрифта на белый , щелкнув образец цвета :

Изменение цвета шрифта в фотошопе

Изменение цвета типа.

А затем выбирая белый цвет в палитре цветов. Нажмите OK, чтобы закрыть его:

Установка цвета шрифта на белый в палитре цветов в Photoshop

Установка типа цвет на белый.

Выбрав шрифт и цвет шрифта, щелкните внутри документа и добавьте свой текст. Я наберу слово «ОГОНЬ». Текст будет выглядеть слишком маленьким, но мы исправим это следующим образом:

Добавление слова «ОГОНЬ» в документ Photoshop

Добавляем текст.

Чтобы принять его, нажмите галочку на панели параметров:

Принятие текста, нажав галочку на панели параметров

Нажав на галочку.

Шаг 4: измените размер и переместите текст с помощью Free Transform

Чтобы изменить размер текста, перейдите в меню « Правка» и выберите « Свободное преобразование» :

Выбор команды «Свободное преобразование» в Photoshop

Собираемся Правка> Свободное Преобразование.

Затем нажмите и удерживайте клавишу Shift и перетащите любую из угловых ручек наружу. Удерживая клавишу Shift, вы фиксируете формы букв на месте, чтобы вы не искажали их. Когда вы закончите, отпустите кнопку мыши, а затем отпустите клавишу Shift:

Изменение размера текста с помощью Free Transform в Photoshop

Удерживая Shift и перетаскивая угловые маркеры, измените размер текста.

Чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Освободите место для пламени вдоль верхней части букв, перетащив текст вниз в нижнюю половину документа:

Освободить место для пламени, перемещая текст вниз в документе

Перетаскивание текста на место.

Чтобы принять его, снова нажмите галочку на панели параметров:

Закрытие Free Transform, нажав на галочку в Photoshop

Нажмите на галочку, чтобы закрыть Free Transform.

Часть 2: рисование пламени вокруг текста

Шаг 5: Растеризация типа

На панели «Слои» мы видим наш текст на слое «Тип» над фоновым слоем:

Слой «Тип» на панели «Слои» в Photoshop

Панель «Слои», показывающая слой «Тип».

Преобразуйте текст в пиксели, щелкнув правой кнопкой мыши (Win) / Control-click (Mac) на слое Type и выбрав Rasterize Type из меню:

Растеризация шрифта в фотошопе

Выбор команды Rasterize Type.

Photoshop преобразует текст в обычный слой:

Слой типа был растеризован в пиксели в Photoshop

Тип был преобразован в пиксели.

Шаг 6: продублируйте текстовый слой

Сделайте копию слоя, перетащив его вниз на значок « Новый слой» в нижней части панели «Слои»:

Дублирование текстового слоя на панели «Слои» в Photoshop

Дублирование текстового слоя.

Шаг 7: выключите копию

Копия появляется над оригиналом. Выключите копию сейчас, нажав на значок видимости :

Отключение слоя копирования текста на панели «Слои»

Отключаем верхний слой.

Шаг 8: выберите оригинальный текстовый слой

Затем нажмите на исходный текстовый слой, чтобы выбрать его:

Выбор исходного текстового слоя Fire на панели «Слои»

Выбор исходного текстового слоя.

Узнайте все о слоях с нашим полным руководством по обучению!

Шаг 9: Поверните текст на 90 ° по часовой стрелке

Мы готовы создать наше пламя, и мы начнем с применения фильтра ветра Photoshop. Проблема в том, что фильтр ветра работает только слева направо или справа налево. Он не работает вертикально, и нам нужно, чтобы пламя выглядело так, будто оно поднимается над буквами. Итак, прежде чем применить фильтр, нам сначала нужно повернуть текст. Перейдите в меню « Изображение» , выберите « Поворот изображения» , а затем выберите « 90 ° по часовой стрелке» :

Выбор поворота изображения на 90 градусов по часовой стрелке в Photoshop

Переход к изображению> Поворот изображения> 90 ° по часовой стрелке.

Это поворачивает весь документ, включая текст, на бок:

Текст был повернут на 90 градусов по часовой стрелке

Текст после поворота изображения по часовой стрелке.

Шаг 10: примени фильтр ветра

Повернув текст, перейдите в меню « Фильтр» , выберите « Стилизация» и затем выберите « Ветер» :

Выбор фильтра «Ветер» в меню «Фильтр» в Photoshop

Собираюсь Filter> Stylize> Wind.

В диалоговом окне Wind, установите метод для ветра и направление к От левых , а затем нажмите кнопку ОК:

Настройки фильтра ветра в фотошопе

Установите метод «Ветер» и направление «слева».

Если вы посмотрите внимательно, вы увидите маленькие полосы или шипы, идущие наружу по правым краям каждой буквы. Здесь я увеличил букву F, чтобы их было легче увидеть:

Маленькие полосы появляются по правым краям каждой буквы после применения фильтра ветра

Маленькие полосы появляются по правым краям.

Шаг 11: повторно примените фильтр ветра еще два раза

Чтобы сделать полосы длиннее, снова примените фильтр ветра. Вернитесь в меню «Фильтр», и поскольку Wind был последним фильтром, который мы применили, вы найдете его в верхней части списка:

Применение фильтра ветра Photoshop во второй раз к тексту

Запустите фильтр ветра второй раз, выбрав Фильтр> Ветер.

После повторного запуска полосы становятся более заметными:

Текст после применения фильтра ветра во второй раз

Эффект после запуска фильтра ветра во второй раз.

Примените фильтр Wind в третий раз, снова выбрав его в верхней части меню Filter:

Применение фильтра ветра Photoshop в третий раз к тексту

Запуск фильтра ветра в третий раз.

А теперь полосы столько, сколько нам нужно:

Текст после применения фильтра Wind в третий раз в фотошопе

Эффект после трех проходов фильтра ветра.

Шаг 12: Поверните текст на 90 ° против часовой стрелки

Мы закончили с фильтром ветра, поэтому поверните текст обратно в исходное положение, перейдя в меню « Изображение» , выбрав « Поворот изображения» , и на этот раз выбрав « 90 ° против часовой стрелки» :

Поворот текста в исходное положение в Photoshop

Переход к изображению> Поворот изображения> 90 ° против часовой стрелки.

С повернутым текстом полосы теперь поднимаются вверх к вершине:

Текст был повернут в исходное положение

Изображение вернулось в исходное положение.

Шаг 13: примени фильтр Gaussian Blur

Чтобы смягчить полосы, примените размытие. Перейдите в меню Filter , выберите Blur , а затем выберите Gaussian Blur :

Выбор фильтра размытия по Гауссу в Photoshop

Идем в Filter> Blur> Gaussian Blur.

В диалоговом окне Размытие по Гауссу выберите низкое значение радиуса около 1 пикселя и нажмите кнопку «ОК»:

Эффект фильтра Blurring the Wind с помощью фильтра Gaussian Blur в Photoshop

Размытие эффекта ветра фильтра, чтобы смягчить его.

Полосы теперь выглядят мягче:

Эффект фильтра ветра после применения Gaussian Blur в Photoshop

Эффект после применения Gaussian Blur.

Шаг 14: продублируйте фоновый слой

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

Дублирование фонового слоя на панели «Слои» в Photoshop

Дублирование фонового слоя.

Копия появляется над оригиналом:

Слой фоновой копии отображается над оригиналом на панели «Слои».

Новый слой «Фоновая копия».

Шаг 15: Слияние текстового и фонового копирования слоев

Объедините текстовый слой со слоем «Фоновая копия», нажав на текстовый слой, чтобы выбрать его:

Выбор текстового слоя на панели «Слои»

Выбор текстового слоя.

А затем щелкните правой кнопкой мыши (Win) / Control-click (Mac) на слое и выберите Merge Down из меню:

Слияние текстового слоя с фоновым слоем копирования в Photoshop

Выбор команды «Объединить вниз».

Это объединяет оба слоя в один слой:

Слои текста и фоновой копии теперь объединены в один

Слои текста и «Фоновая копия» теперь объединены в один.

Шаг 16: переименуйте объединенный слой в «Пламя»

Дважды щелкните имя «Фоновая копия», чтобы выделить его, а затем переименуйте слой «Пламя». Нажмите Enter (Win) / Return (Mac), чтобы принять его:

Переименование объединенного слоя «Пламя» на панели «Слои» в Photoshop

Переименование объединенного слоя «Пламя».

Шаг 17: Нарисуйте огонь с помощью фильтра Liquify

С выбранным слоем «Пламя» перейдите в меню « Фильтр» и выберите « Liquify» :

Выбор фильтра Liquify в Photoshop

Собираюсь Filter> Liquify.

Выберите инструмент Forward Warp

В диалоговом окне фильтра Liquify убедитесь, что инструмент Forward Warp Tool выбран на панели инструментов слева:

Выбор инструмента деформации в фильтре Liquify в Photoshop

Выбор инструмента Forward Warp.

Установите размер кисти

Затем в параметрах Brush Tool справа установите размер вашей кисти около 100 пикселей :

Установка размера кисти фильтра Liquify на 100 пикселей

Начиная с кисти 100 пикселей.

Деформировать полосы

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

Перетаскивание влево и вправо вдоль полос, чтобы деформировать их

Перетаскивание влево и вправо вдоль полос, чтобы деформировать их.

Исправьте ошибки с помощью инструмента реконструкции

Если вы допустили ошибку, отмените последний шаг, нажав Ctrl + Z (Победа) / Command + Z (Mac). Или выберите инструмент «Восстановить» на панели инструментов, а затем закрасьте область, чтобы отменить примененную деформацию. Как только вы исправили ошибку, вернитесь к инструменту Forward Warp и продолжайте деформировать полосы:

Выбор инструмента реконструкции в фильтре Liquify в Photoshop

Вы можете отменить деформацию, используя Reconstruct Tool.

Не забудьте включить полосы в средней и нижней частях букв. Если вам нужно отрегулировать размер кисти, нажмите левую и правую клавиши-скобки на клавиатуре. Левая скобка ([) уменьшает размер кисти, а правая скобка (]) увеличивает ее. Когда вы закончите, у вас должно получиться что-то похожее на то, что у меня здесь:

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

Полосы после добавления начальной деформации.

Уменьшите размер кисти и нарисуйте небольшое пламя

Вернувшись в Параметры кисти, уменьшите Размер кисти примерно до 20 пикселей :

Уменьшение размера кисти в фильтре Liquify в Photoshop

Уменьшение размера кисти.

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

Рисование маленьких огоньков вдоль вершин букв в фотошопе

Рисование маленького пламени вдоль вершин букв.

Опять же, если вы допустили ошибку, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить ваш последний шаг. Когда вы закончите с буквами, сделайте то же самое с нижней и средней секциями. Результат должен выглядеть примерно так:

Маленькое пламя было добавлено вокруг текста в Photoshop

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

Увеличьте размер кисти и увеличьте огонь

Увеличьте размер кисти примерно до 50 пикселей :

Увеличение размера кисти Forward Warp Tool до 50 пикселей в фильтре Liquify

Выбор большего размера кисти.

Затем нажмите на случайные места внутри букв и перетащите вверх, чтобы создать более крупный огонь. Снова перетащите в разные стороны для разнообразия:

Рисование большего пламени на тексте в фотошопе

Рисуем несколько больших огней большой кистью.

Вот мой результат после добавления большего пламени:

Увеличенное пламя было добавлено к тексту в Photoshop

Увеличенное пламя было добавлено.

Увеличьте размер кисти и нарисуйте самый большой огонь

Наконец, увеличьте размер кисти примерно до 70 пикселей :

Увеличение размера кисти Forward Warp Tool до 70 пикселей в фильтре Liquify в Photoshop

Установка размера кисти до 70 пикселей.

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

Добавление нескольких больших пламен для усиления эффекта

Добавляем несколько больших огней для усиления эффекта.

Когда вы закончите, нажмите OK, чтобы закрыть фильтр Liquify, и вот мой результат:

Пламя нарисовано вокруг текста с помощью фильтра Photoshop's Liquify

Результат фильтра Liquify.

Часть 3: Окраска пламени

Шаг 18: Добавьте два корректирующих слоя Hue / Saturation

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

Добавьте первый корректирующий слой Hue / Saturation

На панели «Слои» щелкните значок « Новый заливочный слой» или «Корректирующий слой» внизу:

Щелчок по значку «Новый слой заливки» или «Корректирующий слой» на панели «Слои Photoshop»

Добавление нового корректирующего слоя.

Затем выберите Hue / Saturation из списка:

Добавление корректирующего слоя Hue / Saturation к текстовому эффекту огня

Выбор оттенка / насыщенности.

Корректирующий слой появляется прямо над слоем «Пламя»:

Корректирующий слой Hue / Saturation добавлен над слоем Flames

Добавлен первый корректирующий слой Hue / Saturation.

А элементы управления и параметры корректирующего слоя отображаются на панели « Свойства» в Photoshop . Сначала включите опцию Colorize . Затем установите значение Hue на 40 и Saturation на 100 :

Элементы управления корректирующим слоем Hue / Saturation на панели «Свойства»

Элементы управления Hue / Saturation на панели «Свойства».

Это добавляет теплый желтый цвет к верхушкам пламени:

Пламя кажется желтым с первым корректирующим слоем Hue / Saturation

Результат с первым корректирующим слоем Hue / Saturation.

Добавьте второй корректирующий слой Hue / Saturation

Добавьте второй корректирующий слой Hue / Saturation, снова щелкнув значок New Fill или Adjustment Layer на панели «Слои»:

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

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

И выбрав Hue / Saturation из списка:

Добавление второго корректирующего слоя Hue / Saturation к текстовому эффекту огня

Снова выбирая оттенок / насыщенность.

В панели свойств, в этот раз оставить Раскрасить вариант бесконтрольно , и просто установите Hue значение -15 :

Установка значения оттенка в -15 на панели свойств

Установка оттенка на -15.

Это меняет цвет пламени с желтого на оранжевый:

Пламя теперь выглядит оранжевым со вторым корректирующим слоем

Результат со вторым корректирующим слоем Hue / Saturation.

Шаг 19: измени режим смешивания на Наложение

Чтобы смешать цвета из двух корректирующих слоев Hue / Saturation, измените режим смешивания второго с Normal на Overlay :

Изменение режима наложения второго корректирующего слоя Hue / Saturation на Overlay

Изменение режима наложения слоя на Overlay.

Это смешивает и оранжевый и желтый вместе:

Пламя теперь окрашено в желтый и оранжевый

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

Шаг 20. Добавьте корректировку уровней над слоем «Пламя».

Чтобы изменить оставшиеся белые области на желтый, выберите слой «Пламя»:

Выбор слоя «Пламя» на панели «Слои»

Выбор слоя «Пламя».

Затем щелкните значок « Новый слой заливки или корректировки» :

Щелкнув по значку «Новый слой заливки» или «Корректирующий слой» на панели «Слои»

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

И на этот раз выберите Уровни :

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

Добавление корректирующего слоя Levels.

Photoshop добавляет корректирующий слой Levels прямо над слоем «Flames»:

Корректирующий слой Levels добавлен над слоем Flames

Добавлен корректирующий слой Levels.

Шаг 21: понизьте уровень максимальной яркости

На панели «Свойства» вы увидите два значения для уровней вывода ; одно установлено на 0, а другое на 255. Первое значение управляет минимальным уровнем яркости слоев ниже корректирующего слоя, а второе — максимальной яркостью. Чтобы уменьшить пламя и текст с белого на желтый, уменьшите второе значение с 255 до 185 :

Понижение максимального уровня яркости до 185

Понижение максимальной яркости выходного уровня до 185.

И вот результат. Белые области теперь желтые, но оранжевые блики все еще остаются вдоль вершин пламени:

Текст и пламя теперь отображаются желтым вместо белого

Результат после понижения уровня выхода.

Часть 4: Раскраска текста

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

Шаг 22: Выберите и включите верхний слой

Вернувшись на панель «Слои», нажмите на верхний слой (слой «FIRE copy»), чтобы выбрать его, а затем включите слой, щелкнув его значок видимости :

Выбор и включение текстового слоя

Выделение и включение текстового слоя.

Шаг 23: переименуйте слой

Поскольку это наш основной текстовый слой, дважды щелкните его имя, чтобы выделить его, а затем переименуйте слой в «Текст». Нажмите Enter (Win) / Return (Mac), чтобы принять его:

Переименование верхнего слоя «Текст»

Переименование верхнего слоя «Текст».

Шаг 24: добавь эффект слоя Gradient Overlay

Выбрав слой «Текст», щелкните значок « Стили слоев» (значок «fx») внизу панели «Слои»:

Щелчок по значку «Стили слоев» на панели «Слои»

Нажав на значок Стили слоя.

А затем выберите Gradient Overlay из списка:

Добавление к слою эффекта Gradient Overlay

Добавление эффекта слоя Gradient Overlay.

Сброс градиента по умолчанию

При этом откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами «Наложение градиента». Сначала нажмите кнопку « Восстановить по умолчанию» , чтобы убедиться, что мы начинаем с настроек по умолчанию:

Сброс стиля слоя Gradient Overlay к настройкам по умолчанию

Сброс градиентного наложения к настройкам по умолчанию.

Редактирование градиента

Чтобы изменить градиент, щелкните образец цвета :

Нажатие образца цвета градиента в параметрах наложения градиента

Нажав на образец цвета.

В редакторе градиентов дважды щелкните на цветовом ограничителе под левым концом градиента:

Редактирование цвета градиента слева

Редактирование левого цвета.

Затем в палитре цветов выберите темно-красный, установив значение оттенка (H) на 7 , значение насыщенности (S) на 100 и значение яркости (B) на 27 . Нажмите кнопку ОК, чтобы закрыть палитру цветов:

Установка цвета левого градиента на темно-красный

Установка левого градиентного цвета на темно-красный.

Вернувшись в Редактор градиентов, дважды щелкните на цветовом ограничителе под правым концом градиента:

Двойной щелчок по правильному цветовому ограничителю для градиента

Редактирование правильного цвета.

И в палитре цветов выбрать более яркий оранжевый цвет, установив Hue на 30 , то насыщенность до 95 и яркости до 96 :

Установка правильного цвета градиента на оранжевый

Установка правильного цвета градиента на оранжевый.

Нажмите кнопку «ОК», чтобы закрыть палитру цветов, а затем нажмите кнопку «ОК», чтобы закрыть редактор градиентов, но оставьте диалоговое окно «Стиль слоя» открытым. Текст теперь окрашен градиентом:

Текст был окрашен с градиентом

Результат после добавления Gradient Overlay к тексту.

Шаг 25: добавь стиль слоя Outer Glow

В диалоговом окне Layer Style выберите Outer Glow из списка эффектов слева:

Добавление эффекта «Внешний слой свечения» в диалоговом окне «Стиль слоя» в Photoshop

Добавление эффекта слоя Outer Glow.

Затем в параметрах Outer Glow щелкните образец цвета, чтобы изменить цвет свечения:

Изменение цвета эффекта слоя Outer Glow в Photoshop

Нажав на образец цвета Внешнего свечения.

А в палитре цветов выберите ярко-красный. Я установлю значение Hue на 0 , насыщенность на 95 и яркость на 95 . Затем нажмите OK, чтобы закрыть палитру цветов:

Установка ярко-красного цвета Outer Glow в Photoshop

Выбор ярко-красного цвета для Outer Glow.

Вернувшись в параметры «Внешнее свечение», настройте непрозрачность, чтобы управлять яркостью свечения, и «Размер», чтобы контролировать расстояние, на которое свечение распространяется от текста. Я установлю свою непрозрачность на 60%, а размер на 40 пикселей :

Установка непрозрачности и размера эффекта «Внешний слой свечения» в Photoshop

Установка непрозрачности и размера Outer Glow.

Вот эффект с красным свечением, примененным вокруг букв:

Эффект «Огненный текст» с применением эффекта «Внешний слой свечения»

Результат с применением Outer Glow.

Шаг 26: добавь внутреннее свечение

В диалоговом окне «Стиль слоя» выберите « Внутреннее свечение» слева:

Добавление эффекта слоя Inner Glow к тексту

Добавление эффекта слоя Inner Glow.

В параметрах Inner Glow щелкните образец цвета :

Изменение цвета эффекта слоя Inner Glow

Изменение цвета внутреннего свечения.

А в палитре цветов выберите ярко-оранжевый. Я установлю оттенок на 20 , насыщенность на 100 и яркость на 90 . Нажмите OK, когда вы закончите, чтобы закрыть палитру цветов:

Установка цвета внутреннего свечения на оранжевый в палитре цветов

Выбор оранжевого цвета для Inner Glow.

И наконец, вернувшись к параметрам Inner Glow, увеличьте непрозрачность до 100% , а затем установите размер около 24 пикселей :

Установка непрозрачности и размера эффекта слоя Inner Glow

Установка непрозрачности и размера Inner Glow.

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

Результат со всеми тремя эффектами слоя.

Результат со всеми тремя эффектами слоя.

Часть 5. Смешивание текста с пламенем

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

Шаг 27: Добавьте маску слоя к текстовому слою

Когда слой «Текст» еще активен, щелкните значок « Добавить маску слоя» в нижней части панели «Слои»:

Добавление маски слоя к текстовому слою в Photoshop

Добавление маски слоя к слою «Текст».

Миниатюра маски белого слоя появляется рядом с миниатюрой предварительного просмотра слоя «Текст»:

Панель «Слои», показывающая миниатюру маски слоя на текстовом слое

Эскиз маски слоя.

Шаг 28: выбери инструмент Brush Tool

Возьмите инструмент Brush Tool с панели инструментов:

Выбор инструмента «Кисть» на панели инструментов Photoshop

Выбор инструмента «Кисть».

Шаг 29: установите цвет кисти на черный

Нам нужно закрасить маску слоя черным, поэтому убедитесь, что цвет переднего плана (цвет кисти) установлен на черный :

Установка цвета кисти на черный

Установите цвет кисти на черный.

Шаг 30: Нарисуйте по краям буквы, чтобы смешаться в пламени

Щелкните правой кнопкой мыши (Win) или удерживайте нажатой клавишу « Control» (Mac) внутри документа, чтобы открыть параметры кисти. Затем уменьшите твердость до 0%, чтобы рисовать мягкой кистью, и установите размер от 30 до 40 пикселей . Нажмите Enter (Win) / Return (Mac), чтобы закрыть параметры кисти:

Настройка параметров кисти

Установите размер и твердость кисти.

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

Смешивание вершины первой буквы в огонь

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

Если вы допустили ошибку, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить ее. Затем продолжайте рисовать до тех пор, пока верх каждой буквы не станет похож на таяние в огне:

Результат после смешивания верхней части букв в огонь

Результат после наложения верхних букв.

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

Смешивая оставшиеся края букв в огонь

Нарисуйте вдоль других краев, чтобы смешать их в огонь.

Чтобы добавить к эффекту, используйте большую кисть (нажмите правую клавишу скобки несколько раз) и нарисуйте вдоль других краев букв, чтобы добавить свечение в эти области. Держите большую часть своего курсора кисти вне буквы, чтобы только внешний край проходил над ним:

Рисование вдоль случайных частей краев буквы, чтобы добавить свечение

Живопись вдоль случайных частей краев, чтобы добавить свечение.

Вот мой результат после покраски по краям. Мы почти закончили:

Эффект после наложения текста на пламя в фотошопе

Эффект после смешивания текста в пламя.

Часть 6: Добавление текстуры к эффекту

Давайте добавим текстуру, как к самому тексту, так и к пламени.

Шаг 31: Добавьте новый слой

Когда слой «Текст» еще активен, щелкните значок « Новый слой» в нижней части панели «Слои»:

Щелкнув по значку «Новый слой» на панели «Слои» в Photoshop

Добавление нового слоя.

Новый пустой слой появляется над слоем «Текст». Мы собираемся создать текстуру, используя фильтр Photoshop’s Clouds, поэтому дважды щелкните по имени слоя, чтобы выделить его, а затем переименуйте в «Clouds». Нажмите Enter (Win) / Return (Mac), чтобы принять его:

Новый текстурный слой над текстом в Photoshop

Переименуйте новый слой «Облака».

Шаг 32: примени фильтр Clouds

На панели инструментов убедитесь, что цвета переднего плана и фона установлены по умолчанию (черный и белый). Если это не так, нажмите D на клавиатуре, чтобы сбросить их:

Цвета переднего плана и фона в Photoshop по умолчанию

Цвета переднего плана и фона по умолчанию.

Затем перейдите в меню Filter , выберите Render , а затем выберите Clouds :

Применение фильтра «Облака» к слою в Photoshop

Собираюсь Filter> Render> Clouds.

Фотошоп заполняет слой случайными черно-белыми «облаками», временно блокируя текст для просмотра:

Документ после запуска фильтра Photoshop's Clouds

Документ после запуска фильтра Clouds.

Чтобы смешать текстуру облака с текстом и пламенем, измените режим наложения слоя «Облака» с «Обычный» на « Наложение» . Затем отрегулируйте интенсивность текстуры, уменьшив непрозрачность слоя примерно до 70% :

Смешивая шаблон Clouds в текст и пламя

Смешивая текстуру облака с текстом.

И вот результат с добавленной текстурой. Это в основном видно в тексте, но вы также можете увидеть тонкие блики и тени в пламени:

Эффект огненного текста после наложения в текстуру облака

Эффект со смешанной текстурой облака.

Шаг 33: Добавьте еще один новый слой

Мы добавим еще одну текстуру, на этот раз, чтобы усилить огонь. Нажмите еще раз на иконку « Новый слой» в нижней части панели «Слои»:

Щелкнув по значку «Новый слой» на панели «Слои» в Photoshop

Добавление еще одного нового слоя.

Новый слой появится над слоем «Облака». Мы создадим эту вторую текстуру, используя фильтр Fibers в Photoshop, поэтому переименуйте этот слой в «Fibers»:

Новый слой Fibers будет использоваться для добавления текстуры в пламя.

Слой «Волокна» будет использоваться для добавления текстуры к пламени.

Шаг 34: примени фильтр Fibers

Убедитесь, что цвета переднего плана и фона по-прежнему настроены на черный и белый:

Цвета переднего плана и фона в Photoshop по умолчанию

Фильтры Clouds и Fibers используют цвета переднего плана и фона.

Затем перейдите в меню Filter , выберите Render , а затем выберите Fibers :

Выбор фильтра Photoshop's Fibers

Собираюсь Filter> Render> Fibers.

В диалоговом окне «Волокна» просто примите настройки по умолчанию и нажмите «ОК»:

Фильтр фотошопа

Настройки Fibers по умолчанию будут работать.

Photoshop заполняет слой случайным рисунком волокна, снова блокируя текстовый эффект из вида:

Текстура, созданная с помощью фильтра Fibers в Photoshop

Текстура, созданная с помощью фильтра Fibers.

Шаг 35: Размытие текстуры с помощью Gaussian Blur

Смягчите текстуру, зайдя в меню Filter , выбрав Blur , а затем выбрав Gaussian Blur :

Выбор фильтра размытия по Гауссу в Photoshop

Идем в Filter> Blur> Gaussian Blur.

В диалоговом окне «Размытие по Гауссу» установите значение радиуса 2 пикселя и нажмите кнопку «ОК».

Нанесение небольшого размытия на волокна

Нанесение небольшого размытия на волокна.

Шаг 36: измени режим смешивания на мягкий свет

Затем, чтобы смешать волокна с пламенем, измените режим смешивания слоя «Волокна» на Soft Light :

Смешивая текстуру волокон в огонь, изменив режим смешивания на Soft Light

Изменение режима наложения слоя «Волокна» на Soft Light.

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

Результат после изменения режима наложения текстуры Fibers

Результат после изменения режима наложения текстуры «Волокна».

Шаг 37: Добавьте черную маску слоя

Чтобы это исправить, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) и щелкните значок « Добавить маску слоя» на панели «Слои»:

Удерживая Alt (Win) / Option (Mac), щелкните значок «Добавить маску слоя» на панели «Слои».

Удерживайте Alt (Win) / Option (Mac) и добавьте маску слоя.

Это добавляет маску слоя к слою «Волокна» и заполняет маску черным , что скрывает всю текстуру из вида:

Новый слой маски заполнен черным

Клавиша Alt (Win) / Option (Mac) залила маску черным вместо белого.

Шаг 38: закрась текстуру в огне

Change your brush color from black to white by pressing the X key on your keyboard to swap your Foreground and Background colors:

Изменение цвета кисти с черного на белый в фотошопе

Press X to set your brush color to white.

Then use the left or right bracket keys on your keyboard to change the size of your brush as needed, and paint over the flames to bring back the fibers texture:

Рисуя текстуру в пламя

Paint over the flames to restore the texture.

If you make a mistake and accidentally paint into the text, press X to swap your brush color from white to black and then paint over the mistake to hide it. Then press X again to swap the brush color back to white and continue painting over the flames. And here, after painting back the texture, is my final «fire text» result:

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

The final effect.

And there we have it! That’s how to set text on fire with Photoshop! You can also learn how to turn text into gold, how to create 80s retro text, how to create delicious candy cane text, and more in our Photoshop Text Effects section!

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


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.