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

В этом уроке я расскажу, как создать текстовый эффект горячей магмы, используя стили слоя и текстуры в Photoshop. Приступим!

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

Ресурсы, необходимые для выполнения урока

В этом уроке я использовал следующие ресурсы:

  • Фото дыма;
  • Искры от cgtextures.com(выберите рисунок 1);
  • Текстуры магмы(включено в файл с уроком);
  • Текстура фона(включено в файл с уроком).

Шаг 1

Для начала откройте «Background Texture» в Photoshop и, используя инструмент «Текст»(Type Tool)(T), наберите нужную фразу. В этом уроке я использую шрифт Helvetica LT Std, но вы можете выбрать любой, который придется вам по вкусу.

Для достижения результата, аналогичного моему, создайте текст, используя шрифт Helvetica LT Std и в панели параметров «Символы» « Window > Character » смените «Размер»(Size) на 425 пунктов, а «Кернинг»(Kerning) на -25:

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

Шаг 2

Заметьте, что буква «D» все ещё близко к «S» и, чтобы исправить это, выберите инструмент «Текст»(Type Tool) поставьте курсор между «D» и «S«, и смените значение параметры «Кернинг»(Kerning) на -305. Расстояние между буквами должно стать одинаковым:

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

Шаг 3

Дважды щелкните на слое « PSD » для открытия панели параметров «Стиля слоя». Примените следующие параметра:

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

Шаг 4

Продублируйте этот слой при помощи сочетания клавиш Ctrl / Command +(J), далее щелкните правой кнопкой мыши по иконке слоя и выберите «Очистить стиль слоя»(«Clear Layer Style«). Таким образом, текст ниже будет в точности соответствовать приведенному выше, и, сейчас мы сможем добавить больше эффектов:

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

Шаг 5

Поместите «Магма Texture» в документе под текстом и измените его при помощи «Карты градиента»(Gradient Map). Это «Настраиваемый слой»(Adjustment Layer), который находится в меню «Окно» – «Параметра»(«Window» — «Adjustments»). Примените этот градиент только для текстуры:

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

Шаг 6

Убедитесь, что текстура находится выше фона в «Панели слоев»(Layers Panel), далее смените «Режим смешивания»(Blending Mode) на «Линейный осветлитель»(Linear Dodge)(Add) и «Непрозрачность»(Opacity) на 36%. Это усилит цвета и детали фона.

Сотрите края, используя большую мягкую «Кисть»(Brush)(B) с твердостью 0%, чтобы непосредственно под текстом появилась яркая область:

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

Шаг 7

Выберите два текстовых слоя «PSD«, щелкните правой кнопкой мыши по иконке и выберите «Преобразовать в смарт-объекты»(«Convert into Smart Object«). Создайте новый слой «Shadows» и при помощи инструмента «Кисть»(Brush Tool)( B) добавьте теней внизу текста: используйте черную «Кисть»(Brush Tool) ( B ) с твердостью 0% и размером около 280 пикселей:

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

Шаг 8

Сейчас добавьте яркие пятна апельсинового цвета, снова используя «Кисть» ( Brush Tool ) ( B ), примените «Размытие по Гауссу» (Gaussian blur), смените «Режим Смешивания» (Blend Mode) на «Линейный осветлитель» («Linear Dodge (Add)» и «Непрозрачность» ( Opacity ) на 45%:

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

Шаг 9

Выберите смарт – объект «PSD» , скопируйте его, назовите «Smudged Layer» и сделайте «Растеризацию» ( Rasterize ) (щелчок правой кнопкой мыши > Rasterize).

Мы собираемся размыть края текста, которые будут «гореть». Используем инструмент «Размытие» ( Smudge Tool ) (R), настройка «Прочность» устанавливаем 30%, и дисковую кисть с твердостью 0%. Размойте края, будто они тают или плавятся:

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

Шаг 10

Продолжайте смазывать этот слой, но не в случайном порядке, а следуя форме текстуры. Используйте инструмент «Размытие» (« Smudge » ( R )) большего размера для областей оранжевого цвета. Добавьте контраста при помощи параметра кривых:

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

Шаг 11

Создайте новый слой и при помощи кисти черного цвета и твердостью 0%, нарисуйте тень под текстом. И уменьшите непрозрачность слоя до 40%:

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

Шаг 12

Добавьте пару точек оранжевого цвета так же, как ранее создали пару теней. Но в этот раз установите режим смешивания «Цветной осветлитель» (« Color Dodge ») и используйте ярко – оранжевый цвет. В меню Фильтр — Размытие — Размытие по Гауссу (Filter > Blur > Gaussian Blur) примените «Размытие по Гауссу» (Gaussian Blur), чтобы добиться мягких тонов:

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

Шаг 13

Добавьте пару бликов в верхней части рисунка при помощи мягкой белой кисти, далее установите «Настройку смешивания» ( Blending Options ) в режим «Наложение» (Overlay):

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

Шаг 14

Сейчас поместите на слой текстуру Smoke texture , уберите цвет из меню Изображение — Параметра — Обесцвечивание (Image — Adjustments — Desaturate) (Shift + Command/Ctrl + U).

Адаптируйте ее к тексту, удалив ненужные части при помощи инструмента «Ластик» (Eraser Tool) и деформировав при помощи инструмента «Деформация» (Warp Tool) (Command/Ctrl + T). Очень важный момент.

«Режим смешивания» (Blending Mode) всех картинок с дымом установите в значение «Экран» («Screen«) чтобы скрыть их темные области. Также используйте «Уровни» (Levels) ( Command/Ctrl + L ) для увеличения или уменьшения контрастности и инструмент «Размытие» (Smudge Tool) для финальных штрихов:

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

Шаг 15

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

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

Шаг 16

Режим смешивания (Blending Mode) слоя «Sparkles» переключите в режим «Цветовой осветлитель» (« Color Dodge ») и, используя «Маску слоя» ( Layer Mask ), удалите области вне букв:

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

Шаг 17

Ниже вы видите «Маску слоя» (Layer Mask) (слева) и окончательный результат (справа), в котором «Режим смешивания» слоя «Sparkles» включен в «Цветовой осветлитель» («Color Dodge») и к которому применена «Маска слоя» (Layer Mask). Чтобы включить вывод «Маски слоя» (Layer Mask), кликните на иконку слоя с нажатой клавишей Alt .

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

Финальное изображение

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

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

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