Кнопка для веб-страницы

Автор: Topol Среда, Апрель 18th, 2012 Нет комментариев

Рубрика: Дизайн

Шаг 1

Откройте новое изображение размером 240х70 пикселей. Создайте новый слой и назовите его Pipe. C помощью инструмента Restangular Marquee Tool выделите прямоугольную область. Нажмите на клавиатуре D, затем Х, чтобы установить белый цвет как передний, а черный — как задний. Возьмите инструмент Reflected Gradient и, удерживая Shift, залейте выделение от середины к низу. У нас получилась металлическая труба.

Шаг 2

Отмените выделение (Ctrl+D). Выделите прямоугольник несколько меньший по размерам чем предыдущий.

Шаг 3

Перейдите на панель каналов. Создайте новый канал и залейте выделение белым цветом. Deselect (Select > Deselect). Размойте выделение на 5 пикселей (радиус размытия зависит от размера кнопки). Примените функцию Levels с параметрами, которые вы можете увидеть ниже.
$image3$

Шаг4

Удерживая Ctrl кликните на канале, затем перейдите на панель слоев, создайте новый слой (Ctrl+Shift+N) и залейте выделение черно-белым градиентом сверху вниз.

Шаг 5

Создайте новый слой (Ctrl+Shift+N). С помощью Select > Modify > Contract сузьте выделение на 2 пикселя. Установите передний цвет: R:0 G:105 B:179, задний: R:255 G:255 B:255 (белый). Возьмите инструмент Linear Gradient Tool и залейте выделение сверху

Шаг 6

Теперь контур пластика: для этого в меню Edit запустите функцию Stroke и установите такие параметры:
Width: 1 px
Color: Черный
Location: Inside
Mode: Normal
Opacity: 100 %.

Шаг 7

Сделайте новый слой (Ctrl+Alt+N). Возьмите Restangular Marquee Tool. Удерживая Alt, выберите нижнюю часть выделения.
Примените Select > Modify > Contract : 3px
Select > Modify > Smooth : 2px.

Шаг 8

Установите передний цвет: R:255 G:255 B:255, задний: R:0 G:105 B:179 Инструментом Linear Gradient Tool залейте выделение сверху вниз. Снимите выделение (Select > Deselect). Возьмите инструмент Move Tool (V) и нажатием клавиши вверх переместите слой вверх на 1 пиксель.

Шаг 9

Window > Show Channels. Удерживая Ctrl, кликните на канале Alpha 1. Идите на панель слоев и создавайте новый слой. Возьмите Restangular Marquee Tool. Удерживая Alt, выделите верхнюю часть выделения. Сожмите выделение на 4 пикселя (Select > Modify > Contract). Установите передний цвет как белый. Выберите Linear Gradient Tool, поставьте опцию заливки «Foreground to Transparent». Залейте выделение снизу вверх.

Шаг 10

Напишите какой-нибудь текст. У меня фантазии больше чем на Button не хватило :) .

Шаг 11

Вот, что получилось у меня.

Источник: woweb.ru

 

 

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты