Урок Photoshop: создание неонового текста

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

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

В ходе урока мы будем использовать стандартный инструментарий Photoshop CS5.

Шаг 1

Создаем в Photoshop новый документ размером 1200 на 600 пикселей со стандартным разрешением 72 пикселя на дюйм.

Шаг 2

Выбираем кирпичный фон и вставляем его. Используя опцию Free Transforn (Ctrl+T) вы сможете масштабировать его до нужного размера. Если вы хотите точно сохранить пропорции, то масштабируйте изображение зажав Shift. В этом уроке было использовано изображение с Deviantart. Для того, что бы результат смотрелся лучше, фон предпочтительно сделать потемнее.

Мы придадим ему нужный оттенок в конце урока.

Шаг 3

Нам потребуется текстура для создания сетки. Создайте новый документ 10 на 10 пикселей. Максимально масштабируйте его (до 3200%). Для этого зажмите CTRL и нажимайте +. Используя кисть с жесткими краями нарисуйте вертикальную и горизонтальную полосу из двух пикселей. Теперь сохраните это изображение в качестве шаблона текстуры "Edit – Define Pattern" и назовите, к примеру Шаблон сетки. Теперь документ можно закрыть.

Шаг 4

Создаем новый слой с текстом. Я использовал следующие настройки.

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

Шаг 5

Зададим стили для текстового слоя. Для этого нужно сделать двойной клик на его названии в панели Layers. Задайте эффект Drop shadow со следующими настройками:

Шаг 6

Дублируем слой с текстом (правый клик на нем и Duplicate Layer) и устанавливаем стили к нему.

* * *

Выбираем тестуру созданную в шаге 3.

* * *

* * *

Шаг 7

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

Шаг 8

Пришло время создать неоновый эффект. Копируем слой с текстом еще раз. Очищаем все стили, которые к нему добавлены (правый клик на слое и Clear Layer Styles в выпадающем меню). Теперь добавим эффект со следующими настройками:

Создадим слой на его основе. Нажмите правой кнопкой мыши на значок Fx на слое с которым мы работаем и выберите Create Layer.

Слой с которого мы делали копию теперь можно удалить. Он нам больше не потребуется.

Шаг 9

Зададим слою полученному в предыдущем шаге эффекты для создания ощущения неоновой подстветки.

* * *

* * *

* * *

Шаг 10

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

Шаг 11

Перейдите на фоновый слой с кирпичной стеной. Выберите инструмент Burn Tool и сделайте размер кисти побольше. Затемните фон широкими мазками до уровня, когда неоновая подсветка будет смотреться так, как вам понравится.

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

В случае, если вам нужен только PSD шаблон, вы сможете найти их в специальном разделе нашего сайта. Вот несколько примеров шаблонов без верстки:

Шаблон для политической организации

* * *

Шаблон бизнес сайта