RSS
 

Кнопка с металлическим бордюром

29 марта

Создание кнопки с металлическим бордюром.

final

Шаг 1. Создайте новый документ 512×512 px. Выберите инструмент Прямоугольник с закругленными углами и на панели Options установите значение параметра Радиус в пределах 60 px. Создайте фигуру размером 120×408 px. Для фигуры выберите цвет, который вам больше всего подходит. [Прим. переводчика: поскольку мы создаём слой фигуры, активной должна быть первая кнопка на панели Options - создать слои фигур].

part1

Шаг 2. Щёлкните на значке f в нижней части палитры слоёв и выберите эффект Обводка со следующими параметрами:
Stroke, Structure, [Size: 14 px]; [Position: Center]; [Blend Mode: Normal]; [Opacity: 100]; [Fill Type: Color]; [Color: Black]. Пока не нажимайте Ok.

part2

Шаг 3. Примените эффект Скос и рельеф со следующими параметрами:
Bevel and Emboss, Structure, [Style: Stroke Emboss]; [Technique: Smooth]; [Depth: 41%]; [Direction: v (вкл.) - Up, x (выкл.) - Down]; [Size: 14 px]; [Soften: 0 px];
Shading, [ no (выкл.) - Use Global Light]; [Angle: 125°]; [Altitude: 25°]; [Gloss Contour: Ring-Double]; [ v (вкл.) - Anti-aliased]; [Highlight Mode: Screen]; [Color: White]; [Opacity: 100%]; [Shadow Mode: Screen]; [Color: White]; [Opacity: 65%]. Не нажимайте пока Ok.

part3

Шаг 4. Добавьте эффект Внутреннее свечение со следующими настройками:
Inner Glow, Structure, [Blend Mode: Multiply]; [Opacity: 41%]; [Noise: 0%]; [ v (вкл.) - □, - ●, gradient: Foreground (black) to Transparent];
Elements, [Technique: Softer]; [Source: x (выкл.) - Center, v (вкл.) - Edge]; [Choke: 0%]; [Size: 50 px];
Quality, [Contour: Linear]; [ x (выкл.) - Anti-aliased]; [Range: 55%]; [Jitter: 0%]. Нажмите Ok.

part4

Шаг 5. Создайте новый документ размером 3×3 px., и с тем же разрешением, что и первый. Увеличьте масштаб до 2000%. На новом прозрачном слое с помощью инструмента Прямоугольная область выделите 1/3 часть слоя в центре и закрасьте выделенную область в чёрный цвет. Выберите команду Edit>Define Pattern [Редактирование >Определить узор] и в появившемся окне присвойте имя узору Scanline, после чего нажмите Ok. Вернитесь к документу с кнопкой и выберите эффект Перекрытие узоров со следующими значениями:
Pattern Overlay, pattern, [Blend Mode: Normal]; [Opacity: 50%]; [Pattern: найдите ваш образец - Scanline]; [Scale: 100%]; [Link with Layer - v (вкл.)].

part5

Шаг 6. Щёлкните на имени слоя кнопки (нажимая клавишу Ctrl), чтобы загрузить выделение. Выберите команду Select>Modify>Expand и введите значение 7, чтобы растянуть выделенную область. Теперь из выделенной области необходимо удалить её часть. Для этого выберите инструмент Овальная область и нажав клавишу Alt, перетаскивайте инструмент. В процессе перетаскивания нажимайте клавишу пробела, чтобы переместить границу выделения. Последовательно отпустите кнопку мыши и клавишу Alt. У вас должно получиться следующее:

part7

Шаг 7. Создайте новый слой. Выберите инструмент Градиент, настроив параметры, как показано ниже и перетащите инструмент от нижнего края бордюра к нижнему краю выделения.

gradientsetup

part8

Шаг 8. Теперь можете к вашей кнопке добавить какой-либо текст.

part9

Шаг 9. Клонируйте текстовый слой <Ctrl+J>. Выберите команду Edit>Free Transform <Ctrl+T>, и щёлкнув правой кнопкой мыши выберите Flip Vertical — Перевернуть по вертикали. Чтобы создать эффект отражения, с помощью клавиши курсора опустите копию вниз, как показано ниже. Выберите команду Layer>Rasterize>Layer, чтобы растрировать копию текстового слоя с эффектом отражения. Выберите инструмент Ластик, настроив параметры, как показано ниже. На панели Options нажмите кнопку Airbrush.

part10

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

part11

Вот результат моей работы. Я уверен, что экспериментируя вы сможете сделать что-то лучшее. Надеюсь, что вам понравился этот урок и он окажется для вас полезным. Удачи вам!

final

Author: Talk-Mania.com

 
Комментариев нет

Опубликовано в рубрике Уроки Photoshop

 

Прокомментировать