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

Предварительный просмотр финального результата:

Шаг 1.

Создаем в фотошоп новый документ (Ctrl+N) размером 1280 x 1024 с разрешением 72 рх/дюйм и белым фоном.

Заполняем фоновый слой черным цветом, используя инструмент Заливка (Paint Bucket tool).

Шаг 2.

Устанавливаем в программу шрифт из ресурсов урока по следующему пути: Пуск-Панель управления-папка Шрифты- Файл-Установить шрифт. Используя белый цвет (#ffffff), пишем текст размером 400 pt. Это достаточно большой размер, но он хорош для просмотра всех деталей текста.

Снижаем уровень заливки (Fill) текстового слоя до 0%.

Дублируем слой с текстом (Ctrl+J).

Шаг 3.

Загружаем выделение текста (Ctrl+кик по иконке текстового слоя).

Создаем новый слой (Ctrl+Shift+N) между фоном и оригиналом текстового слоя и называем его «Back».

Переходим в меню Select> Modify> Expand (Выделение-Модификация-Расширить) и устанавливаем расширение в 5 рх.

Заливаем (Edit-Fill) выделение цветом # 9b7e4f, затем отменяем выделение (Ctrl+D).

Загрузка контуров.

Возможно, вам придется загрузить контуры, которые находятся в наборах программы. Для этого, переходим в меню Edit> Preset Manager-Contours (Редактирование-Управление наборами-Контуры), находим в списке нужное и нажимаем клавишу Загрузить (Load…).

В диалоговом окне управления наборами нажимаем стрелку справа и открываем список контуров программы, выбираем самый нижний.

Выбрав контуры, в диалоговом окне нажимаем клавишу «Добавить» (Append).

Шаг 4.

На слое «Back» открываем стили слоя (Layer Style), дважды нажав по его миниатюре. Выбираем параметр «Внешнее свечение» (Outer Glow) и изменяем цвет свечения на #8f6f2c.

В стиле «Внутреннее свечение» (Inner Glow) устанавливаем режим смешивания на Умножение (Multiply) с цветом #e4d7b2. Источник от центра (Center), размер 125 рх, диапазон (Range) 35%.

Вводим параметры для стиля «Тиснение» (Bevel and Emboss) со скриншота ниже:

В разделе «Контур» (Contour) выбираем стиль конический (Cone).

В стиле «Текстура» используем текстуру серого цвета из материалов урока. Загружаем ее в стили, нажав в диалоговом окне текстур стрелку справа. Текстура придаст задней стенке букв текста не слишком мягкий вид, а более рельефный, подчеркнет детали.

В разделе «Обводка» (Stroke) загружаем металлические градиенты из ресурсов урока и выполняем настройки опции.

Получаем следующий эффект:

Устанавливаем значение заливки (Fill) данного слоя на 50%, чтобы он выглядел полупрозрачным.

Шаг 5.

Устанавливаем цвет переднего плана на # 555555 и выбираем жесткую Кисть (Brush) размером 3 рх. Эту кисть мы будем применять для создания проводов в середине текста.

Создаем новый слой (Ctrl+Shift+N) над слоем «Back» и называем его «Провода» (Wire).

Активируем инструмент Перо (Pen Tool) в режиме контуров (иконка пера в рамке в верхнем меню (Paths)).

Шаг 6.

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

Нажимаем пером вместе начала контура, затем, удерживая Shift, ставим вторую опорную точку, протянув контур параллельно верхней линии буквы.

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

Если вы хотите переместить какую-либо опорную точку, выберите инструмент «Стрелка» (Direct Selection Tool) и потяните за нее. Аналогично получится при нажатии клавиши Ctrl (активация инструмента «Стрелка»). Если вам необходимо переместить сразу две и более точки, выделите их инструментом «Стрелка» и затем стрелками курсора на клавиатуре сдвиньте в любом направлении.

Шаг 7.

Нарисовав контур, обводим его. Для этого, нажимаем пр.кн.мыши по контуру и выбираем из меню пункт Stroke Path (Выполнить обводку).

В диалоговом окне обводки выбираем инструмент Кисть (Brush) без имитации нажима (Simulate Pressure) и применяем обводку, нажав Ок.

Чтобы удалить контур, нажимаем Enter (Ввод).

Чтобы добавить недостающую часть средней линии буквы, создаем еще один дополнительный контур.

Обводим этот контур, как в предыдущем случае.

Шаг 8.

Создание изогнутого контура следующей буквы «D» мы выполним по-другому. Начинаем так же, как с предыдущей буквой, рисуя прямой контур сверху-вниз. Затем ставим третью опорную точку на изогнутой части буквы и, не отпуская мыши, тянем вверх вертикально курсор, вытягивая манипуляторы из опорной точки и делая контур изогнутым.

Закрываем контур в начальной опорной точке и получаем нужный нам результат.

Не забывайте, что можно использовать инструмент «Стрелка» (Direct Selection Tool) в случае перемещения опорных точек.

Добавляем обводку контура тем же способом, как и ранее (клик пр.кн.мыши по контуру и выбираем – Stroke Path).

Шаг 9.

Для создания более сложных изогнутых контуров (буква «S») также делая клик, сразу перетащите курсор вверх, вытягивая манипуляторы из опорной точки. Не обязательно, чтобы контур получился совершенным, позже мы подкорректируем его.

Как только вы создали контур буквы «S», выбираем инструмент «стрелка» (Direct Selection Tool или зажатая клавиша Ctrl) и нажимаем им в опорных точках, которые нужно корректировать. Используя манипуляторы точки, регулируем изгиб контура, подгоняя его под форму буквы.

Нажимаем на точку в конце манипулятора и регулируем его длину или направление, согласно форме буквы.

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

Выполняем обводку (Stroke Path) контура, как в предыдущих случаях, затем снижаем заливку (Fill) данного слоя до 50%.

Шаг 10.

Для проводов применяем стили слоя (Layer Style), дважды нажав на миниатюру слоя с ними.

Внешнее свечение (Outer Glow). Выполняем настройки ниже:

Параметр «Внутреннее свечение» (Inner Glow):

Это добавит тонкий эффект свечения:

Шаг 11.

Дублируем слой с проводами (Ctrl+J):

Открываем стили слоя (Layer Style) на дубликате (двойной клик по миниатюре) и изменяем размер для внутреннего свечения (Inner Glow) до 10 рх.

Это усилит свечение.

Шаг 12.

Теперь мы создадим собственную кисть, имитирующую нить накала лампы. Создаем новый документ (Ctrl+N) размером 16х16 рх с прозрачным фоном (Transparent).

Выбираем инструмент Эллипс (Ellipse Tool) в режиме контуров (Paths) и рисуем круг (удерживая Shift) по центру документа.

Выбираем кисть (Brush) размером 1 рх с жесткими краями (100% hardness). Снова активируем Эллипс (Ellipse tool) и выполняем обводку нашего контура (клик пр.кн.мыши по контуру и выбираем Stroke Path).

Удаляем контур (Enter) и определяем кисть (Edit > Define Brush Preset), присваиваем ей имя и нажимаем Ок.

Шаг 13.

Создаем новый слой (Ctrl+Shift+N) выше слоя «Провода» и называем его «Нить накала» (Filament).

Копируем стили со слоя «Провода» (клик пр.кн.мыши по миниатюре данного слоя и выбираем из меню - Copy Layer Style), затем переходим на слой «Нить накала» и вставляем стили (клик пр.кн.мыши по миниатюре слоя и выбираем – Paste Layer Style).

Изменяем значение заливки (Fill) на слое «Нить накала» до 100% и устанавливаем цвет переднего плана на #d0b174.

Шаг 14.

Открываем панель настроек кисти (Window > Brush или F5) и находим нашу кисточку накаливания. В разделе «Форма отпечатка кисти» (Brush Tip Shape) устанавливаем интервал (Spacing) на 53%.

В «Динамике формы» (Shape Dynamics) ставим управление (Control) на нажим пера (Pen Pressur).

Шаг 15.

Теперь мы протянем по проводам нить накаливания нашей созданной кистью. Сначала рисуем контуры пером (Pen Tool) вдоль проводов, как делали это ранее, затем обводим их кистью накаливания (клик пр.кн.мыши по контуру и выбираем из меню – Stroke Path).

Старайтесь не делать нить короткой.

При обводке устанавливаем флажок имитации нажима (Simulate Pressure).

Это позволит сделать нить тоньше по краям.

Не добавляйте слишком много нитей накаливания. Нам необходимо еще сделать несколько ярких областей ламп.

Шаг 16.

Создаем новый слой (Ctrl+Shift+N) выше слоя с нитью и называем его «Свет» (Light).
Вставляем на данный слой стили, которые скопировали ранее (клик пр.кн.мыши по миниатюре данного слоя и выбираем Paste Layer Style).

Открываем стили слоя (Layer Style) на слое «Свет» и изменяем значение непрозрачности (Opacity) до 50% в параметре «Внешнее свечение» (Outer Glow).

Шаг 17.

Выбираем кисть (Brush) с мягкими краями из набора по умолчанию и изменяем ее настройки в панели кистей (F5).

В разделе «Динамика формы» (Shape Dynamics) устанавливаем колебание размера (Size Jitter) до 100%.

Шаг 18.

Устанавливаем цвет переднего плана на # fffde1 и, используя перо (Pen tool), рисуем контуры в затемненных частях провода. Выполняем его обводку (Stroke Path).

Активируем флажок имитации нажима (Simulate Pressure) в диалоговом окне обводки.

Это добавит еще несколько ярких светящихся областей провода.

Продолжаем добавлять светящиеся нити, но не забываем оставлять между областями свечения затемненные области. При желании, вы можете менять размер кисти (квадратные скобки клавиатуры).

Шаг 19.

Вы можете также контролировать уровень яркости нитей, регулируя непрозрачность кисти (Opacity). Я снизил непрозрачность (Opacity) слоя со светом до 90%.

Еще вы можете изменять цвет свечения нити в стилях слоя (Layer Style) «Свет». Я установил его на # 83591e.

Разница очень тонкая, но вы можете заметить, что цвет нитей стал желтее.

Шаг 20.

Создаем новый слой (Ctrl+Shift+N) между слоями «Провода» и «Задняя часть» (Back). Снижаем заливку (Fill) данного слоя до 0%. Называем слой «Кнопки».

Добавляем следующие стили слоя (Layer-Layer Style) на слой «Кнопки»:
Внутреннее свечение (Inner Glow):

Тиснение (Bevel and Emboss):

Контур (Contour) со стилем перевернутый конический (Cone-inverted):

Шаг 21.

Выбираем жесткую кисть (Brush) размером 12 рх и начинаем добавлять кнопки по краям проводов. Размещаем центр кисти на краю провода и делаем клик мышью.

Это создаст эффект привязки проводов к определенной области букв, а не произвольное их размещение.

Шаг 22.

Дважды нажимаем на оригинальный слой с текстом и открываем стили слоя (Layer Style). Выполняем настройки для стилей:

Тень (Drop Shadow):

Внутренняя тень (Inner Shadow):

Тиснение (Bevel and Emboss):

Контур (Contour):

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

Шаг 23.

Выбираем копию текстового слоя и добавляем на него следующие стили (Layer Style):

Внутренняя тень (Inner Shadow):

Внутреннее свечение (Inner Glow):

Тиснение (Bevel and Emboss):

Контур (Contour) двойное кольцо (Double Ring):

И вот мы получаем финальный результат с эффектом ламповых букв:

Надеюсь, мой урок не оставил вас равнодушными и вы многому научились. Удачи и творческих успехов!

Используемые материалы:

Шрифт «Junegull»
Набор золотых металлических градиентов
Серая текстура