Расширенное свечение текста в Photoshop | Web дизайн

4534522_mini-1211795

В этом уроке мы создадим красивое свечение текста и дополнительных эффектов используя сочетания стилей слоя инструмента Перо (Pen Tool)  и режимы смешивания слоёв. Используемая программа Photoshop Cs 4 русская версия, сложность средняя.

Шаг-1

Приступим с создания нового проекта в Фотошопе размером 500 на 500 пикселей. Возьмём инструмент градиент – радиальный выставим настройки цвета и проведём линию от центра до края рабочей области как показано на изображении ниже.

89-16-8069835

Шаг-2

Теперь создадим дубликат слоя на котором мы только что применяли градиент и поставим дубликату ражим смешивания Осветлённые основы (Color Dodge). Как вы видите, мы сделали более чёткий центр что нам и нужно.

89-15-3503656

Шаг-3

Теперь нужно придать текстуры для нашего фона, напустить дыма. Для этого создайте новый слой убедитесь, что у вас стоит стандартная раскладка цвета, белый и черный или нажмите клавишу (D), фон слоя черный основной белый. Теперь идём Фильтр>Рендеринг>Облака, это даст результат как на изображении ниже.

89-14-2062608

Шаг-4

Применяем к последнему слою режим наложения Перекрытие (Overlay) и ставим непрозрачность 30%. Теперь идём Фильтр > Эскиз > Хром и используя настройки по умолчанию 4 и 7 для детализации и смягчения.

89-13-7245750

Шаг-5

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

89-12-1289184

Шаг-6

Берём инструмент Кисть тонкую 3 пикселя и с 100% жёсткостью, цвет кисти не имеет значения.

89-11-3441456

Шаг-7

Теперь возвращаемся к инструменту Перо (Pen Tool), на направляющей линии нажимаем правой кнопкой мыши и в появившимся контекстном меню выбираем Выполнить обводку контура, галочка на Имитировать нажим должна стоять. После удаляем контур направления.

89-10-3579310

Шаг-8

Заставим нашу линию светиться, для этого зададим для неё несколько стилей как показано на изображениях ниже.

89-09-2965273

89-08-4779442

89-07-6676399

Результат

89-06-7108652

Шаг-9

Дублируем слой с светящийся линией, применим Свободное трансформирования и расположим её по-другому относительно первой

89-05-6274503

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

89-04-8372723

Шаг-10

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

89-03-4137453

Шаг-11

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

89-02-8921079

Шаг-12

Осталось придать немного холодного света, создаем новый слой и на нём инструментом Градиент – радиальный, цвет от синего до белого провести линию от угла до центра.

89-01-2965554

Ставим ему непрозрачность 50% и режим наложения Цветность.

Результат такой

89-00-4700567

Приступим с создания нового проекта в Фотошопе размером 500 на 500 пикселей. Возьмём инструмент градиент – радиальный выставим настройки цвета и проведём линию от центра до края рабочей области как показано на изображении ниже.