Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Текстовый эффект электрического свечения в Adobe Photoshop

1 января 2017 | Опубликовано в Уроки | 1 Комментарий »

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

 

 


electric lightning text effect photoshop tutorial

Определяем узор в Photoshop

Откройте эту темную текстуру в новом PSD-файле (просто кликните по картинке и сохраните ее большую версию). В меню выберите Edit > Define Pattern/Редактировать>Определить узор и сохраните файл как паттерн Photoshop. Можете закрыть изображение.

dark wall seamless texture

define pattern in photoshop

Создайте новый файл PSD и создайте новый слой под названием Wall Background (фон стены). Залейте слой любым цветом и укажите ему стиль слоя Pattern Overlay/Перекрытие узора, выбрав узор из прошлого шага.

pattern overlay in photoshop

Эффект виньетки в Photoshop

Укажите слою стиль Inner Glow/Внутреннее свечение, используя черный цвет. Размер свечения зависит от размера вашего файла.

inner glow in photoshop

vignette effect in photoshop

Создайте новый текстовый слой и введите ваш текст. В примере использован шрифт Intro Font, он бесплатный.

intro font type

Укажите этому текстовому слою следующие стили с соответствующими параметрами: Drop Shadow/Тень, Inner Shadow/Внутренняя тень, Inner Glow/Внутреннее свечение и Bevel and Emboss/Тиснение. Также укажите Fill/Заливку в 0%.

drop shadow in photoshop

inner shadow in photoshop

inner glow in photoshop

bevel and emboss in photoshop

rock grunge text in photoshop

Текстура электрического свечения

Создайте новый слой и назовите его Electric Texture (электрическая текстура). Скачайте эту текстуру и поместите ее в только что созданный слой.

electric texture seamless photoshop

Режим наложения Blend If

Опция Blend If/Наложить если определяет как различные по яркости области слоя накладываются на нижние слои. Эту опцию вы можете найти в стилях слоя. Настройте ее как показано ниже.

blend if gray photoshop

Светящийся стиль слоя

Кликните правой кнопкой по слою Electric Texture и выберите Conver to Smart Object/Преобразовать в смарт-объект. Теперь укажите слою следующие стили: Outer Glow/Внешнее свечение (цвет #ff3000), Inner Glow/Внутреннее свечение (цвет #fd3c00) и Color Overlay/Перекрытие цвета (цвет #ffffff).

outer glow in photoshop

inner glow in photoshop

color overlay in photoshop

electric text effect in photoshop

Создайте новый слой и назовите его Lightning Texture (световая текстура). Поместите в этот слой эту текстуру и смените blend mode/режим наложения слоя на Screen/Осветление.

electric lightning texture in photoshop

Создайте корректирующий слой Gradient Map/Карта градиента в качестве обтравочной маски. Укажите режим наложения слоя Color/Цвет. Добавьте корректирующий слой Hue/Saturation/Цветовой тон/Насыщенность для слоя Lightning Texture также в режиме обтравочной маски.

hue/saturation adjustment photoshop

gradient map adjustment photoshop

Выберите слой Lightning Texture и все корректирующие слои, примененные к нему, затем кликните по иконке Create new group/Создать новую группу. Назовите группу Lightning Texture Group.

create new group in photoshop

Маска для группы

Если вам нужно применить маску к нескольким слоям в Photoshop, для начала вам нужно объединить эти слои в группу. Укажите группе маску, нажав на иконку Add layer mask/Добавить маску слоя. Затем инструментом Brush/Кисть, выбрав круглую растушеванную кисть черного цвета, закрасить те части в маске, которые хотите скрыть.

mask group in photoshop

Создайте новый слой под названием Highlights/Блики. Укажите слою режим наложения Overlay/Перекрытие и инструментом Brush/Кисть рисуйте белым цветом поверх областей, которые хотите подсветить.

add highlights in photoshop

При желании вы можете добавить больше деталей при помощи этих текстур и кистей.

Для финальных штрихов добавьте следующие стили слоя:

  • Hue/Saturation / Цветовой тон/Насыщенность; кликните по маске этого слоя и в меню выберите Filter > Render>Clouds/Файл>Рендеринг>Облака. Убедитесь что первый цвет белый, а фоновый — черный.
  • Gradient Map/Карта градиента; укажите режим наложения Hue/Цветовой тон и выберите цвета #97461a и #efdbcd
  • Brightness/Contrast / Яркость/Контраст 

adjustment layers photoshop

Также используйте фильтр High Pass/Цветовой контраст, чтобы добавить изображению резкости.

Результат

electric lightning text effect photoshop tutorial

Автор урока psddude

Перевод — Дежурка

Смотрите также:




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]