Недавно в нашем блоге была представлена подборка уроков по созданию текстовых эффектов в 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 шаблон, вы сможете найти их в специальном разделе нашего сайта. Вот несколько примеров шаблонов без верстки:
Шаблон для политической организации
* * *
Шаблон бизнес сайта
