Stolica.ru
Main > Lessons > Other > Кнопка для веб-страницы
Действие 1:

Автор статьи: Dan
Автор идеи: EyesOnDesign

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

Действие 2:

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

Действие 3:

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

Действие 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:

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

Rambler's Top100 TopList

Stolica.ru