В этом фотошоп уроке мы будем с вами создавать серебристую кнопку для web сайта.

Откройте новый документ (File > New) с параметрами: 450x450 px и 72 dpi.
На новом слое, используя Rounded Rectangle Tool (U), создайте форму для вашей кнопки.

http://photoshop-master.ru/lessons/2008/021008/2.jpg

Добавьте к ней следующие стили слоя Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения):

Drop Shadow (Тень)

http://photoshop-master.ru/lessons/2008/021008/3.jpg

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

http://photoshop-master.ru/lessons/2008/021008/4.jpg

Gradient Overlay (наложение градиента)

http://photoshop-master.ru/lessons/2008/021008/5.jpg

Параметры "Gradient":

http://photoshop-master.ru/lessons/2008/021008/6.jpg

Stroke (Обводка)

http://photoshop-master.ru/lessons/2008/021008/7.jpg

Параметры "Gradient":

http://photoshop-master.ru/lessons/2008/021008/8.jpg

У вас должно получиться примерно вот так:

http://photoshop-master.ru/lessons/2008/021008/9.jpg

Используя нижнюю таблицу настроек, нанесите желаемый текст на вашу кнопку.

http://photoshop-master.ru/lessons/2008/021008/10.jpg

http://photoshop-master.ru/lessons/2008/021008/11.jpg

Добавьте к надписи следующие стили слоя Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения):

Outer Glow (Внешнее свечение)

http://photoshop-master.ru/lessons/2008/021008/12.jpg

Gradient Overlay (наложение градиента)

http://photoshop-master.ru/lessons/2008/021008/13.jpg

Параметры "Gradient":

http://photoshop-master.ru/lessons/2008/021008/14.jpg

http://photoshop-master.ru/lessons/2008/021008/15.jpg

На новом слое, используя "Rectangle Tool (U)" http://photoshop-master.ru/lessons/tools/rectangle.jpg, создайте подобное выделение:

http://photoshop-master.ru/lessons/2008/021008/16.jpg

Установите для этого слоя параметр "Fill" на 0%.
Добавьте стиль слоя "Gradient Overlay" (Наложение градиента)

http://photoshop-master.ru/lessons/2008/021008/17.jpg

Параметры "Gradient":

http://photoshop-master.ru/lessons/2008/021008/18.jpg

Ваша кнопка готова!

http://photoshop-master.ru/lessons/2008/021008/19.jpg

Источник: wwwadobetutorialz.com