1. Начните с создания нового документа, затем выберите "Rounded Rectangle Tool ( U) " http://photoshop-master.ru/lessons/tools/round_rectangle.jpg(радиус скругления 50 px) и сделайте форму подобно нижней.

http://photoshop-master.ru/lessons/2008/290908/1.jpg

2. Теперь её необходимо трансформировать. Для этого выберите "Direct Selection Tool" http://photoshop-master.ru/lessons/2008/290908/directselectiontool.jpg, кликнете по форме (появится 6 точек), затем щелкните по левой верхней точке, чтобы получилась ситуация как на нижнем рисунке. Используя стрелки управления вашей клавиатуры, переместите выбранную точку влево 9 раз (см. рисунок ниже).
Проделайте такую операцию для всех 4-ёх аналогичных точек.

http://photoshop-master.ru/lessons/2008/290908/2.gif

3. Необходимо создать еще несколько дополнительных точек, для этого выберите "Add Anchor Point Tool"   и расположите их в середине всех 4-ёх сторон. Переместите эти точки как показано ниже.

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

4. Щелкните правой кнопкой мыши по слою с формой в панели слоев и выберите Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)
Настройте указанные ниже стили слоя:

Внутренняя тень

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

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

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

Тиснение/объем:

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

Наложение цвета:

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

Наложение градиента:

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

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

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

5. Снова выберите  (радиус 40 px) и нарисуйте новую форму
серого цвета #484747.

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

6. Щелкните правой кнопкой мыши по слою с серой формой в панели слоев и выберите Layer>Layer Style>Blending Options (Слой - Стиль слоя - Параметры наложения)
Настройте указанные ниже стили слоя:

Тень:

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

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

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

Обводка:

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

Вот результат:

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

7. Опять возьмите http://photoshop-master.ru/lessons/tools/round_rectangle.jpg (радиус 15 px) и нарисуйте
форму подобно нижней. Убедитесь, что цвет переднего плана #636363.

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

8. Щелкните правой кнопкой мыши по слою с новой формой в панели слоев и выберите Layer>Layer Style>Blending Options (Слой - Стиль слоя - Параметры наложения)

Настройте указанные ниже стили слоя:

Тень:

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

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

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

Обводка:

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

Вот результат:

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

9. Снова возьмите  http://photoshop-master.ru/lessons/tools/round_rectangle.jpg (радиус 15 px) и нарисуйте новую форму
светло-серого цвета #D5D5D6.

http://photoshop-master.ru/lessons/2008/290908/20.jpg

10. Щелкните правой кнопкой мыши по слою с последней формой в панели слоев и выберите "Blending Options" (Параметры наложения)
Настройте указанные ниже стили слоя:

Тень:

http://photoshop-master.ru/lessons/2008/290908/21.jpg

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

http://photoshop-master.ru/lessons/2008/290908/22.jpg

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

http://photoshop-master.ru/lessons/2008/290908/23.jpg

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

http://photoshop-master.ru/lessons/2008/290908/24.jpg

11.Осталось лишь добавить блик и необходимый текст.
Чтобы сделать блик создайте новую форму белого цвета, уменьшите
непрозрачность (Opacity) слоя, затем, используя инструмент http://photoshop-master.ru/lessons/tools/Elliptical%20Marquee.jpg Овальная область, выделите часть новой формы и нажмите "Delete". Слой с текстом расположите под слоем с бликом. Вот окончательный вид вашей кнопки:

http://photoshop-master.ru/lessons/2008/290908/results.jpg

Перевод: Дмитрий Максимов