Текст с эффектом лампы

Конечный результат:

Ресурсы урока:

Шаг 1

Создайте новый документ (Ctrl + N) размером 1280 x 1024 px , или любого другого размера.

Заполните фоновый слой черным цветом, или любым другим темным цветом. Обратите внимание на то, что фон должен быть обязательно темного цвета.

Шаг 2

Загрузите шрифт и напишите текст белым цветом. Шрифт, который мы используем, называется «Junegull», размер шрифта — 400 пунктов. Это достаточно большой размер текста, однако, он позволит показать эффект более детально.

Для слоя с текстом установите параметр Fill — 0%.

Дублируйте текстовый слой, нажав комбинацию клавиш Ctrl + J:

Шаг 3

Теперь нужно загрузить выделение вокруг текста. Нажмите клавишу Ctrl и кликните левой кнопкой мыши по миниатюре текстового слоя — вокруг текста появится выделение.

Создайте новый слой с названием «Back» над фоновым слоем, заполненным черным цветом. Обратите внимание на то, что два текстовых слоя должны находиться над новым слоем. Точная схема такая: копия текстового слоя, оригинальный текстовый слой, новый слой с названием «Back» и фоновый слой.

Расширьте выделение вокруг текста через команду Select → Modify → Expand. В появившемся диалоговом окне введите значение 5.

Заполните выделение цветом со значением #9b7e4f, затем снимите выделение вокруг текста через меню Select → Deselect, или нажав клавиши Ctrl + D.

Теперь нужно загрузить контуры глянца, которые мы будем использовать в стилях слоя. Войдите в меню Edit → Preset Manager и из выпадающего списка выберите контуры, которые показаны на рисунке:

Нажмите на маленькую черную стрелку и выберите Contours.

Нажмите кнопку Append, чтобы добавить выбранные контуры к уже существующим.

Шаг 4

К слою «Back» теперь будем применять стили слоя. Начнем со стиля слоя Outer Glow — здесь измените цвет на #8f6f2c.

Переходим к стилю слоя Inner Glow — здесь измените режим наложения на Multiply, цвет примените со значением #e4d7b2, источник Center, размер 125, Range 35%:

Следующий стиль слоя Bevel and Emboss — метод Chisel Hard, Depth 300, Size 20, и поставьте флажок Anti-aliased. Также, в режиме подсветки измените цвет на #c6a96c, а в режиме тени измените цвет на #ddd6c1:

Переходим к стилю слоя Contour — выберите из списка контуров контур с названием Cone, включите флажок Anti-aliased и установите параметр Range 70%:

Следующий стиль слоя — Texture. Используйте серую текстуру, установите параметр Depth равный +8. Благодаря этому текстура ляжет мягко, сохраняя детали текста.

И еще один стиль слоя Stroke — Size 1,тип Gradient, Angle 90. Загрузите градиенты Золотой металл и используйте один из них в качестве градиента в этом стиле слоя.

Вот, что у нас получилось после применения стилей слоя:

Установите параметр Fill на 50% для слоя с текстом со стилями слоя.

Шаг 5

Установите в цветовой палитре в качестве цвета переднего плана цвет со значением #555555 и выберите круглую жесткую кисть размером 3 px — этой кистью мы будем рисовать провода посередине букв.

Создайте новый слой над слоем «Back» и назовите его «Wire».

Из панели инструментов выберите инструмент Pen Tool (P) и в панели свойств установите его в режим контуров.

Шаг 6

Инструмент Pen Tool (P) используйте для создания прямых линий  — контуров, после чего им нужно будет придать более сложную форму. Весь процесс создания контуров на буквах Вы увидите на картинках. Начнем с создания прямых линий. Для того, чтобы создать первую опорную точку, от которой потом пойдет линия, нужно инструментом Pen Tool (P) кликнуть лекой кнопкой мыши один раз в том месте, где должна начинаться линия. Потом нажмите и удерживайте клавишу Shift и тяните линию. Благодаря клавише Shift, линия получится идеально ровной.

Если Вы хотите подвинуть линии, которые нарисовали, воспользуйтесь инструментом Direct Selection Tool (A), кликните левой кнопкой мыши по одной из точек, а потом клавишами курсора на клавиатуре передвиньте контур.

Шаг 7

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

В появившемся окне выберите инструмент Brush для обводки контура. Флажок около пункта Simulate Pressure устанавливать не нужно.

После того, как контур обведен, он нам уже не нужен. Нажмите клавишу Enter, чтобы его удалить. Теперь можно начать рисовать новый контур.

Инструментом Pen Tool (P) создайте линию на стреднюю часть буквы Е.

К нарисованной линии добавьте обводку, как Вы уже делали.

Шаг 8

Для создания контура, как показано на рисунке, кликните в нужно м месте и протяните кривую, отпустив ее в том месте, где нужно.

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

Для перемещения опорных точек кривой не забывайте использовать инструмент Direct Selection Tool (A).

Как только создадите кривую, добавьте к ней обводку, как это делали раньше:

Шаг 9

Для создания более сложных кривых, как на букве S, начните с создания основной формы кривой, а затем скорректируйте ее при помощи инструмента Direct Selection Tool (A).

Как только создали фигуру, выберите инструмент Direct Selection Tool (A) и выберите опорную точку, кликнув по ней. Потяните направляющие линии контура, настраивая форму контура.

После того, как ко всем буквам добавлен контур, к которому после добавлена обводка, установите для слоя «Wire» параметр Fill равный 50%.

Шаг 10

К слою «Wire» примените стиль слоя Outer Glow: измените здесь режим наложения на Vivid Light, а размер установите 13.

Следующий стиль слоя, который нужно добавить, это Inner Glow: измените режим наложения на Vivid Light, цвет установите со значением #d5d5cd, размер 1.

Благодаря добавленным стилям слоя, на тексте появится тонкое свечение:

Шаг 11

Дублируйте слой «Wire».

Добавьте к нему стиль слоя Inner Glow, установив размер 10:

Этот стиль слоя позволит усилить эффект свечения:

Шаг 12

В этом шаге создадим простую кисть. Создайте новый документ размером 16 x 16 px с прозрачным фоном:

Активизируйте инструмент Ellipse Tool (U), установите его в режим контуров на панели свойств и нарисуйте круг, размеров практически во весь документ.

Выберите круглую жесткую кисть размером 1 пиксел и в цветовой палитре в качестве цвета переднего плана установите черный цвет. Теперь снова выберите инструмент Ellipse Tool (U) и обведите контур кистью (производить обводку контура нужно по тому же принципу, по которому производили обводку контура внутри букв).

Нажмите клавишу Enter, чтобы удалить контур, войдите в меню Edit → Define Brush Preset и напишите название для новой кисти.

Шаг 13

Вернитесь в документ с текстом, который мы создаем, создайте новый слой над слоем «Wire copy» и этот новый слой назовите «Filament».

Кликните правой кнопкой мыши по слою «Wire» и выберите пункт Copy Layer Style. Затем, перейдите на слой #d0b174, кликните по нему правой кнопкой мыши и выберите пункт Paste Layer Style:

У слоя «Filament» параметр Fill должен быть 100%, а в качестве цвета переднего плана в цветовой палитре установите цвет со значением #d0b174.

Шаг 14

Откройте Brush panel (Window → Brush) и для созданной нами кисти установите те значения, которые показаны на рисунке:

Шаг 15

Добавим светящиеся элементы к тем проводам, которые мы нарисовали посередине букв. Для рисования используйте инструмент Pen Tool (P) и создавайте небольшие кривые или прямые линии на проводах.

Необходимо нарисовать один путь за один раз. По нарисованному контуру кликните правой кнопкой мыши и выберите Stroke Path.

Установите флажок около пункта Simulate Pressure:

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

Шаг 16

Создайте новый слой над слоем «Filament» и назовите его «Light». Кликните по нему правой кнопкой мыши и выберите пункт Paste Layer Style.

К слою «Light» добавьте стиль слоя Outer Glow с непрозрачностью 50%:

Шаг 17

Выберите в панели инструментов круглую мягкую кисть и установите ее значения, как показано на рисунке:

Шаг 18

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

Когда будете обводить кистью новые контуры, убедитесь, что включен флажок Simulate Pressure.

Благодаря новым контурам, которые Вы нарисовали, провода будут выглядеть более яркими:

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

Шаг 19

Для слоев со светящимися частями на проводах можно снизить непрозрачность. В моей работе изменена непрозрачность до 90%.

Также можно изменить цвет для стиля слоя Inner Glow. Здесь для слоя «Light» установлен цвет #83591e.

Разница хоть едва, но заметна. Стало меньше белого и больше желтого цвета:

Шаг 20

Создайте новый слой между слоями «Back» и «Wire», и назовите его «Pins». Установите для этого нового слоя параметр Fill на 0%:

К слою «Pins» применим несколько стилей слоя:

Inner Glow: режим наложения Vivid Light, цвет #e9dcbb, источник Center, размер 7.

Bevel and Emboss: метод Chisel Hard, контур глянца Ring Double, поставьте флажок Anti-aliased box, изменить цвет режима Shadow Mode на #9a8739.

Contour: контур глянца Cone Inverted, поставьте флажок Anti-aliased box.

Шаг 21

Выберите круглую жесткую кисть размером 12 px и начните добавлять точки на концах проводов.

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

Шаг 22

К оригинальному текстовому слою добавьте стиль слоя Drop Shadow: измените цвет на #cbcbcb, Distance 0, Size 10.

Inner Shadow: измените цвет на #c2b394, Opacity 60%, 0, Size 60, Gloss Contour Gaussian поставьте флажок Anti-aliased box.

Bevel and Emboss: Depth 300 и Size 16. Снимите флажок Use Global Light box, Angle 80 и Altitude 50. Также измените Gloss Contour на Rounded Slope, Highlight Mode на Overlay, и цвет Shadow Mode на #fefefe.

Contour: установите флажок Anti-aliased box.

Все эти стили слоя позволят добавить свет и глубину, и создать основу для глянцевого эффекта.

Шаг 23

К копии текстового слоя добавьте такие стили слоя:

Inner Shadow: измените цвет на #d1c2a4, Opacity 50%, Distance 0, Size 35.

Inner Glow: измените цвет на #ebe3c8, Technique Precise, Source Center, и 70.

Bevel and Emboss: Depth 500, Size 20 и Soften 1. Снимите флажок Use Global Light box, Angle 60 и Altitude 35. Также измените Gloss Contour на Ring и снимите флажок Anti-aliased box, измените Highlight Mode на Vivid Light, цвет #d6d2bc, Opacity 60%, и измените цвет Shadow Mode на #fefefe.

Contour: Ring Double contour и включите флажок Anti-aliased box.

Мы получили текст с эффектом лампы.

Конечный результат:

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта psd.tutsplus.com, автор перевода указан в начале урока.