Photoshop

Уроки и статьи о дизайне
06
Август 2015

Создание светящегося текста в Photoshop

Glowing-Text-Effect-Tutorial-Photoshop[1]

В этом уроке мы будем создавать текстовую надпись с эффектом свечения в Photoshop. В уроке будем использовать инструменты Градиент, Текст и Blending Options.

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

Создание холста и градиентного фона

При создании документа зададим размер холста 1080 на 720 пикселей.

glow-01 Создание светящегося текста в Photoshop

Затем, переведем фон в слой Layer> New> Layer From Background . И добавим этому слою эффект Gradient Overlay , как показано на рисунке ниже:

glow-02 Создание светящегося текста в Photoshop

Теперь создадим градиентную заливку, перейдя к Layer> New Fill Layer> Gradient . Установите параметры градиента примерно как у меня и задав этому слою параметр прозрачности равный 51%:

glow-03 Создание светящегося текста в Photoshop

Еще раз создадим градиентную заливку, также перейдя к Layer> New Fill Layer> Gradient . Но уже со следующими параметрами:

glow-04 Создание светящегося текста в Photoshop

Создание светящегося текста

Теперь, когда основные приготовления закончены, приступим к созданию непосредственно самой светящейся надписи. Для этого, инструментом Type Tool создадим букву (в моем случае «G»):

glow-05 Создание светящегося текста в Photoshop

И установим уровень заливки для нее равной 0% :

glow-06 Создание светящегося текста в Photoshop

Теперь, добавим эффекты. И начнем с внешнего свечения (Outer Glow), все параметры выставьте как на скриншоте ниже:

glow-07 Создание светящегося текста в Photoshop

Следующим эффектом у нас станет контур (Stroke), параметры, также, установите как и у меня:

glow-08 Создание светящегося текста в Photoshop

После этого продублируйте текстовый слой (Ctrl + J) и измените шрифт. В результате должен получится эффект наложения, но с неким несовпадением – как мы и задумывали. В случае, если несовпадение слишком сильное – можно, использую инструмент трансформации (Ctrl + T), немного скорректировать букву.

glow-09 Создание светящегося текста в Photoshop

Создав таким образом пять слоев с разным начертанием буквы, сделаем из них группу – выделив все текстовые слои и нажав (Ctrl + G). Затем, продублируйте эту группу и переместите правее. Измените, во вновь созданной группе, букву на следующую (для меня это «L»). После этого – снова продублируйте группу и, переместив ее правее, измените букву (у меня это «О»).

Должно получиться нечто подобное:

glow-11 Создание светящегося текста в Photoshop

Последний штрих

Как видите, у нас начал вырисовываться финальный результат. Но для придания нашему дизайну некоторой элегантности, давайте добавим светящееся пятно под надписью. Для этого, создайте пустой слой и поместите его под всеми буквами, но над фоном. Использую инструмент овальное лассо (Elliptical Marquee Tool) создайте овал под буквами и залейте его белым цветом, как показано на изображении снизу:

glow-12 Создание светящегося текста в Photoshop

Немного размоем овал используя Filter> Blur> Gaussian Blur со значением радиуса размытия в 10 пикселей и нажимаем ОК. Не уходя со слоя применяем к нему Filter> Blur> Motion Blur со значениями как на рисунку снизу:

glow-13 Создание светящегося текста в Photoshop

Вот и все! Наша надпись с эффектом свечения готова. Надеюсь, что вы поняли базовый принцип и без труда сможете создавать свои неповторимые дизайны.

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

Автор здесь.

Оценка посетителей
[Всего: 1 Среднее: 5]
Tagged with: , , ,
Shared

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

@Mail.ru   - PhotoDrum.com