Меню
Учебник
Партнёры
Вход
Стеклянный текст, похожий на лампы
Конечный результат:

Стеклянный текст, похожий на лампы


Программа: Adobe Photoshop CS5 Extended
Уровень сложности: Новичок
Предполагаемое время завершения: 1 час

Ресурсы урока:
junegull.zip [42,05 Kb]

golden_metal_gradients_by_adoralyna.zip [4,29 Kb]

Texturetastic Gray

Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) со следующими параметрами.

Стеклянный текст, похожий на лампы


Установите цвета по умолчанию (клавиша D) и залейте фон чёрным цветом при помощи сочетания клавиш Alt + Backspace (заливка основным цветом). При нажатии клавиш Ctrl + Backspace произойдёт заливка фоновым цветом. Либо используйте инструмент Заливка (Paint Bucket Tool) (G) для этого.

Стеклянный текст, похожий на лампы


Шаг 2


Импортируйте шрифт «Junegull» в общую библиотеку шрифтов. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и установите размер шрифта на 400pt. У нас получится довольно крупные буквы, что позволит создать чёткие детали внутри них. Напишите слово «DESIGN».

Стеклянный текст, похожий на лампы


Установите Заливку (Fill) текста на 0%.

Стеклянный текст, похожий на лампы


Сделайте копию текстового слоя (Ctrl + J).

Стеклянный текст, похожий на лампы


Шаг 3


Сделайте выделение текстового слоя (удерживая Ctrl, кликните на иконке слоя).

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Перейдите в меню Выделение > Модифицировать > Расширить (Select > Modify > Expand) и введите значение 5 пикселей.

Стеклянный текст, похожий на лампы


На слое «Back» залейте выделение цветом #9b7e4f при помощи инструмента Заливка (Paint Bucket Tool) (G). Затем уберите выделение (Ctrl + D).

Стеклянный текст, похожий на лампы


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


Для применения стилей нам потребуются дополнительные контуры. Перейдите в меню Редактирование > Управление наборами (Edit > Preset Manager). В списке Тип набора (Preset Type) выберите пункт Контуры (Contours).

Стеклянный текст, похожий на лампы


Кликните на маленьком треугольнике в углу и выберите пункт Контуры (Contours).

Стеклянный текст, похожий на лампы


Нажмите Добавить (Append), чтобы дополнить набор контуров.

Стеклянный текст, похожий на лампы


Шаг 4


Кликните дважды на слое «Back» в палитре слоёв, чтобы открыть окно стилей. Примените следующие стили:

Внешнее свечение:

Режим наложения (Blend Mode): Осветление (Screen)
Непрозрачность (Opacity): 75%
Шум (Noise): 0%
Цвет (Color): #8f6f2c
Метод (Technique): Мягкий (Softer)
Размах (Spread): 0%
Размер (Size): 5 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%

Стеклянный текст, похожий на лампы


Внутреннее свечение:

Режим наложения (Blend Mode): Умножение (Multiply)
Непрозрачность (Opacity): 75%
Шум (Noise): 0%
Цвет (Color): #e4d7b2
Метод (Technique): Мягкий (Softer)
Источник (Source): Из центра (Center)
Стягивание (Choke): 0%
Размер (Size): 125 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 35%
Колебание (Jitter): 0%

Стеклянный текст, похожий на лампы


Тиснение:

Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Жёсткая огранка (Chisel Hard)
Глубина (Depth): 300%
Направление (Direction): Вверх (Up)
Размер (Size): 20 пикселей
Смягчение (Soften): 0 пикселей
Угол (Angle): 120
Глобальное освещение (Use Global Light): Включено
Высота (Altitude): 30
Контур глянца (Gloss Contour): Линейный (Linear); Сглаживание (Anti-aliased): Включено
Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): #c6a96c; Непрозрачность (Opacity): 75%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): #ddd6c1; Непрозрачность (Opacity): 75%.

Стеклянный текст, похожий на лампы


Контур:

Контур (Contour): Конус (Cone), Сглаживание (Anti-aliased): Включено
Диапазон (Range): 70%

Стеклянный текст, похожий на лампы


Текстура:

Узор (Pattern): здесь нам понадобится серая текстура, предоставленная в начале урока.
Масштаб (Scale): 100%
Глубина (Depth): +8%
Инвертировать: Выключено
Связать со слоем: Включено

Стеклянный текст, похожий на лампы


Обводка:

Размер (Size): 1 пиксель
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Тип обводки (Stroke Type): Градиент (Gradient)
Градиент (Gradient): один из золотых градиентов; Инверсия (Inverse): Выключено
Стиль (Style): Линейный (Linear); Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%


Стеклянный текст, похожий на лампы


Результат:

Стеклянный текст, похожий на лампы


Понизьте Заливку (Fill) слоя до 50%.

Стеклянный текст, похожий на лампы


Шаг 5


Установите цвет заливки на #555555. Выберите инструмент Кисть (Brush Tool) (B) и установите его Размер (Size) – 3 пикселя, Жёсткость (Hardness) – 100%. Эту кисть мы будем использовать для обводки контура.

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Выберите инструмент Перо (Pen Tool) (P) в режиме Контуров (Paths).

Стеклянный текст, похожий на лампы


Шаг 6


При помощи инструмента Перо мы будем рисовать прямые линии и несложные кривые (в зависимости от формы буквы). Начнём с прямых линий.
Кликните внутри буквы на точке, отмеченной на левом скриншоте ниже. Затем, удерживая Shift, кликните левее. Должна получиться прямая линия (правый скриншот ниже). Старайтесь рисовать линии по центру, на одинаковом расстоянии от краёв буквы.

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Шаг 7


Кликните правой кнопкой мыши на холсте и выберите пункт Выполнить обводку контура (Stroke Path).

Стеклянный текст, похожий на лампы


В появившемся окне выберите Кисть (Brush).

Стеклянный текст, похожий на лампы


Нажмите Enter, чтобы избавиться от контура.

Стеклянный текст, похожий на лампы


При помощи инструмента Перо (Pen Tool) (P) дорисуйте последнюю линию буквы «E».

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Шаг 8


Сейчас поработаем на буквой «D». Внутри неё нужно будет создать кривые линии. Чтобы создать кривую, кликните на конечной точке искривления и, не отпуская левой кнопки мыши, тяните её вверх (параллельно направлению кривой).

Стеклянный текст, похожий на лампы


Закройте контур, кликнув на начальной точке.

Стеклянный текст, похожий на лампы


Помните, что Вы можете использовать инструмент Стрелка (Direct Selection Tool) (A) для того, чтобы сдвинуть якорные точки.

Стеклянный текст, похожий на лампы


Выполните обводку контура через контекстное меню.

Стеклянный текст, похожий на лампы


Шаг 9


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

Стеклянный текст, похожий на лампы


Выберите инструмент Стрелка (Direct Selection Tool) (A), выберите якорную точку на первом сгибе, и у Вас появятся рычажки.

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Как только закончите с внутренней обводкой всех букв, понизьте Заливку (Fill) слоя до 50%.

Стеклянный текст, похожий на лампы


Шаг 10


Кликните дважды на слое «Wire», чтобы открыть окно его стилей. Примените следующие стили:

Внешнее свечение:

Режим наложения (Blend Mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity): 75%
Шум (Noise): 0%
Цвет (Color): #ffffbe
Метод (Technique): Мягкий (Softer)
Размах (Spread): 0%
Размер (Size): 13 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%

Стеклянный текст, похожий на лампы


Внутреннее свечение:

Режим наложения (Blend Mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity): 75%
Шум (Noise): 0%
Цвет (Color): #d5d5cd
Метод (Technique): Мягкий (Softer)
Источник (Source): На краях (Edge)
Стягивание (Choke): 0%
Размер (Size): 1 пиксель
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%

Стеклянный текст, похожий на лампы


Результат:

Стеклянный текст, похожий на лампы


Шаг 11


Сделайте копию слоя «Wire».

Стеклянный текст, похожий на лампы


Перейдите в меню стилей копии (кликните дважды на слое). Измените Размер (Size) на 10 пикселей.

Стеклянный текст, похожий на лампы


Это усилит эффект свечения.

Стеклянный текст, похожий на лампы


Шаг 12


Сейчас мы создадим дополнительную кисть. Создайте ещё один документ в Фотошопе (Ctrl + N) со следующими параметрами (фон должен быть прозрачным):

Стеклянный текст, похожий на лампы


Инструментом Эллипс (Ellipse Tool) (U) создайте контур круга, который должен покрыть почти весь холст. Чтобы получить круг, удерживайте клавишу Shift при создании.

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Нажмите Enter, чтобы убрать контур. Затем перейдите в меню Редактирование > Определить кисть (Edit > Define Brush Preset), дайте кисти имя и нажмите ОК. Можете закрыть этот документ.

Стеклянный текст, похожий на лампы


Шаг 13


Вернитесь в основной документ и создайте новый слой (Ctrl + Shift + N) над копией слой «Wire». Назовите его «Filament».

Стеклянный текст, похожий на лампы


Кликните правой кнопкой мыши на слое «Wire» и выберите пункт Скопировать стиль слоя (Copy Layer Style). Затем кликните правой кнопкой мыши на слое «Filament» и выберите пункт Вклеить стиль слоя (Paste Layer Style). Таким образом мы скопировали стили с одного слоя на другой.

Стеклянный текст, похожий на лампы


Установите Заливку (Fill) слоя «Filament» на 100% и цвет заливки на #d0b174.

Стеклянный текст, похожий на лампы


Шаг 14


Выберите инструмент Кисть (Brush Tool) (B) и перейдите в палитру кистей (F5). Выберите кисть, созданную в шаге 12. Настройте её, как показано ниже.

Стеклянный текст, похожий на лампы

Стеклянный текст, похожий на лампы


Шаг 15


Сейчас мы создадим контуры внутри существующих линий букв и обведём их при помощи созданной кисти. Инструментом Перо (Pen Tool) (P) нарисуйте короткую прямую линию (или кривую).

Стеклянный текст, похожий на лампы


Кликните правой кнопкой мыши на холсте и выберите пункт Выполнить обводку контура (Stroke Path):

Стеклянный текст, похожий на лампы


Выберите Кисть (Brush) и установите значение Имитировать нажим (Simulate Pressure).

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Шаг 16


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

Стеклянный текст, похожий на лампы


Перейдите в меню стилей слоя «Light» и измените Непрозрачность (Opacity) стиля Внешнее свечение (Outer Glow).

Стеклянный текст, похожий на лампы


Шаг 17


Выберите инструмент Кисть (Brush Tool) (B), перейдите в палитру кистей (F5), выберите обычную круглую кисть и настройте её, как показано ниже на скриншотах.

Стеклянный текст, похожий на лампы

Стеклянный текст, похожий на лампы


Шаг 18


Установите цвет заливки на #fffde1. Инструментом Перо (Pen Tool) (P) нарисуйте небольшую линию, которая бы заполнила пустое место первой обводки буквы.

Стеклянный текст, похожий на лампы


Обведите контур кистью и не забудьте установить значение Имитировать нажим (Simulate Pressure).

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Шаг 19


Понизьте Непрозрачность (Opacity) слоя «Light» до 90%. Но Вы можете этого не делать, если сочтёте нужным.

Стеклянный текст, похожий на лампы


Я также немного изменил параметры стиля Внутреннее свечение (Inner Glow) у слоя «Light». Цвет (Color) теперь - #83591e, а Размер (Size) – 1 пиксель.

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Шаг 20


Создайте новый слой (Ctrl + Shift + N) между слоями «Back» и «Wire». Назовите этот слой «Pins». Установите Заливку (Fill) слоя – 0%.

Стеклянный текст, похожий на лампы


Кликните дважды на слое «Pins» и примените следующие стили:

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

Режим наложения (Blend Mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity): 75%
Шум (Noise): 0%
Цвет (Color): #e9dcbb
Метод (Technique): Мягкий (Softer)
Источник (Source): Из центра (Center)
Стягивание (Choke): 0%
Размер (Size): 7 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%

Стеклянный текст, похожий на лампы


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

Стиль (Style): Тиснение (Emboss)
Метод (Technique): Жёсткая огранка (Smooth)
Глубина (Depth): 100%
Направление (Direction): Вверх (Up)
Размер (Size): 5 пикселей
Смягчение (Soften): 0 пикселей
Угол (Angle): 90
Глобальное освещение (Use Global Light): Включено
Высота (Altitude): 30
Контур глянца (Gloss Contour): Двойное кольцо (Ring - Double); Сглаживание (Anti-aliased): Включено
Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): Белый; Непрозрачность (Opacity): 75%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): #9a8739; Непрозрачность (Opacity): 75%.

Стеклянный текст, похожий на лампы


Контур (Contour):

Контур (Contour): Перевёрнутый конус (Cone – Inverted), Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%

Стеклянный текст, похожий на лампы


Шаг 21


Выберите инструмент Кисть (Brush Tool) (B) и настройте, как показано ниже. Нарисуйте точки на концах первой обводки.

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Шаг 22


Перейдите в меню стилей оригинального текстового слоя и примените следующие стили:

Отбрасывание тени (Drop Shadow):

Режим наложения (Blend Mode): Умножение (Normal); Цвет (Color): #cbcbcb
Непрозрачность (Opacity): 75%
Угол (Angle): 120; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 0 пикселей
Размах (Spread): 0%
Размер (Size): 10 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено

Стеклянный текст, похожий на лампы


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

Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): #c2b394
Непрозрачность (Opacity): 60%
Угол (Angle): 120; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 0 пикселей
Стягивание (Choke): 0%
Размер (Size): 60 пикселей
Контур (Contour): По гауссу (Gaussian); Сглаживание (Anti-aliased): Включено
Шум (Noise): 0%

Стеклянный текст, похожий на лампы


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

Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Плавное (Chisel Hard)
Глубина (Depth): 300%
Направление (Direction): Вверх (Up)
Размер (Size): 16 пикселей
Смягчение (Soften): 0 пикселей
Угол (Angle): 80
Глобальное освещение (Use Global Light): Выключено
Высота (Altitude): 50
Контур глянца (Gloss Contour): Скругленный уклон (Rounded Slope); Сглаживание (Anti-aliased): Выключено
Режим подсветки (Highlight Mode): Перекрытие (Overlay); Цвет (Color): Белый; Непрозрачность (Opacity): 75%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): #fefefe; Непрозрачность (Opacity): 75%.

Стеклянный текст, похожий на лампы


Контур (Contour):

Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%

Стеклянный текст, похожий на лампы


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

Стеклянный текст, похожий на лампы


Шаг 23


Перейдите в меню стилей копии текстового слоя и настройте так:

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

Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): #d1c2a4
Непрозрачность (Opacity): 50%
Угол (Angle): 120; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 0 пикселей
Стягивание (Choke): 0%
Размер (Size): 35 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%

Стеклянный текст, похожий на лампы


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

Режим наложения (Blend Mode): Осветление (Screen)
Непрозрачность (Opacity): 75%
Шум (Noise): 0%
Цвет (Color): #ebe3c8
Метод (Technique): Точный (Precise)
Источник (Source): Из центра (Center)
Стягивание (Choke): 0%
Размер (Size): 70 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%
Колебание (Jitter): 0%

Стеклянный текст, похожий на лампы


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

Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Плавное (Chisel Hard)
Глубина (Depth): 500%
Направление (Direction): Вверх (Up)
Размер (Size): 20 пикселей
Смягчение (Soften): 1 пиксель
Угол (Angle): 60
Глобальное освещение (Use Global Light): Выключено
Высота (Altitude): 35
Контур глянца (Gloss Contour): Кольцо (Ring); Сглаживание (Anti-aliased): Включено
Режим подсветки (Highlight Mode): Яркий свет (Vivid Light); Цвет (Color): #d6d2bc; Непрозрачность (Opacity): 60%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): #fefefe; Непрозрачность (Opacity): 75%.

Стеклянный текст, похожий на лампы


Контур (Contour):

Контур (Contour): Двойное кольцо (Ring - Double), Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%

Стеклянный текст, похожий на лампы


Результат:

Стеклянный текст, похожий на лампы


Конечный результат:
Стеклянный текст, похожий на лампы

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.