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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    1. В панели слоёв два раза кликните левой кнопкой мыши по слою с текстом.
    2. Откроется окошко «Стиль слоя». Там, в левом меню, поставьте галочку у пункта «Внешнее свечение» и переключитесь на него.
    3. В настройках «Внутреннее свечения», в блоке «Структура», установите «Режим наложения» — «Экран». «Непрозрачность» поставьте где-то процентов на 70-80. Выставьте метку около белого квадрата. Также вам нужно будет нажать на этот квадрат, чтобы изменить цвет свечения. Поставьте там красный цвет или близкий к нему.
    4. В блоке «Элементы» установите параметр «Размер» на такое значение, чтобы было небольшое свечение около букв.

  • Теперь нужно включить «Наложение цвета». Делается это аналогичным образом с «Внутренним свечением».
  • Поставьте там какой-нибудь грязно-жёлтый или грязно-красный цвет.

  • Включите стиль слоя «Глянец» и перейдите в его настройки. Цвет поставьте тёмно-красный. «Режим наложения» смените на «Умножение». Можете попробовать и другие режимы наложения. Подробно про работу с ними мы писали отдельную статью.
  • Также настройте «Угол», «Смещение» и «Размер» так, чтобы придать небольшой объём букве.

    Включите стиль «Внешнее свечение». Там в «Режиме наложения» поставьте «Экран». Заливку нужно сделать одним цветом, поставив отметку на соответствующем пункте. Цвет для заливки выбрать жёлтый.

  • На этом работа со «Стилями слоя» завершена. Нажмите «Ок» для применения настроек и выхода.
  • Этап 3: Добавление эффекта горения

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

    1. Перед тем, как выполнить наложение фильтров, нужно растрировать текстовый слой. Для этого кликните по нему правой кнопкой мыши в панели слоёв. Из контекстного меню выберите вариант «Растрировать текст».
    2. На панели слоёв выделите слой с текстом. В верхнем меню программы нажмите на пункт «Фильтр».
    3. Из контекстного меню выберите «Искажение». Из выпавшего подменю нужно выбрать «Рябь».

    Откроется настройка выбранного фильтра. В пункте «Размер» выберите значение «Средняя». У «Количество» установите значение примерно в 170-200%. Нажмите «Ок» для применения заданных настроек.

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

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

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

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

    Горящий , раскалённый текст в Photoshop

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

    Шаг 1.

    Шаг 2 .

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

    Шаг 3.

    Шаг 4 .

    Тень (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/Внешний скос

    Technique/Метод – Chisel hard/Жесткая огранка

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

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

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

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

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

    Текстура (Texture): загружаем текстуру tutsps_motif , нажав Загрузить узоры (Load Pattern)

    Установаем значение Глубина (Depth) -22%

    Наложение цвета (Color overplay) – меняем цвет на #232323:

    Обводка (Stroke):

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

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

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

    Шаг 5.

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

    Диапазон (Range) 62%

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

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

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

    Режим наложения (Blend Mode) – Осветление основы (Color Dodge), цвет #f28627

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

    Уберите флажок с Глобальное освещение (Use Global Light)
    Угол (Angle) -90 градусов

    Смещение (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%

    Shadow Mode/Режим тени – Overplay/Перекрытие, цвет #000000, Opacity/Непрозрачность 57%.

    Наложение градиента (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).

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

    Шаг 12 .

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

    Добавляем новый корректирующий слой, выбрав Слои – Новый корректирующий слой – Цветовой баланс (Layer- New Adjustment Layer- Color Balance) и установите следующие настройки:

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

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

    У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

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

    Уроки Фотошопа, Иллюстратора, Флэш и 3ds max. Статьи о дизайне и фотографии.

    Огненный текст в Фотошопе

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

    25.07.2012, 00:04
    Шаг 1. Создаем новый документ (Ctrl+N) в Фотошоп с черным фоном нужного размера. Вбиваем какую-нибудь букву или цифру. У нас это цифра 1 из шрифта Trajan Pro размером 280 пт.
    Шаг 2. Идем в Стили Слоя (Layer Styles) (можно через кнопоку внизу Палитры Слоев). Выбираем стили – Outer Glow (Внешнее Свечение), Color Overlay (Наложение цвета), Satin (Глянец) и Inner Glow (Внутренне Свечение). Параметры задаем как на рисунках.

    Шаг 3. Растрируем слой с текстом (кликаем правой кнопкой мыши по слою с текстом и выбираем пункт Rasterize (Растрировать Текст)). И, выбрав Eraser Tool (Ластик) с диаметром Кисти 200 пикселей (кисть выбираем мягкую), и стираем верхнюю чаcть цифры, котрая у нас как будто ужне сгорела.
    Шаг 4. Идем Filter>Liquify (Фильтр>Исказить), выбираем инструмент Forward Warp Tool (Деформация), задаем соответсвующие параметры и добавляем волну букве.
    Шаг 5. Скачиваем фото огня . Загружаем её в фотошопе, идем на панель Channels (Каналы), а там преходим на Green (Зеленый) и кликаем по его миниатюре, удерживая Ctrl, чтобы выделить светлые участки данного канала.
    Шаг 6. C помощью инструмента Move Tool (Перемещение) перетаскиваем выделение из файла с огнем в файл с цифрой.
    Шаг 7. Используя Eraser tool (Ластик) диаметром 15 пикселей, стираем лишнее.
    Шаг 8. Дублируем слой с огнем и задаем для копии Opacity (Непрозрачность) – 30%, Blending Mode – Overlay (Перекрытие).
    Шаг 9. Повторяем процедуру с огнем необходимое число раз, пока не станет устраивать результат.
    Шаг 10. Добавляем еще букв тем же способом.
    Шаг 11. По желанию, можно добавать фон на задний план, вот такой, например. При необходимости масштабируем (Ctrl+T) и перемещаем его (Move Tool (V)).
    Шаг 12. Для усиления эффекта создаем новый слой над слоем с фоном и заливаем его черным цветом. После этого уменьшаем Непрозрачность (Opacity) слоя до 50% и стираем Ластиком все лишнее.
    Шаг 13. Создаем ещё один слой и рисуем на нем мягкой Кистью 3 пятна, как на рисунке.
    Шаг 14. Режим Смешивания для этого слоя ставим – Color Dodge. Ну вот и все, наш огненный текст готов.

    Урок переведен автором сайта и при цитировании его на русском языке ссылка на сайт обязательна. Автор Johnson Koh. Оригинал статьи на английском

    Как сделать огненный текст в фотошопе 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%.

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