Простые стильные web кнопки

1. Создайте новый документ размером 400 x 120 пикселей с разрешением 72 dpi. Создайте новый слой (Create New Layer) и назовите его ‘base’. Выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) и настройте так:

Создайте такую фигуру:

2. Перейдите в меню Стилей слоя (Layer Style - Blending Options) для кнопки и примените эти стили:

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

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

Обводка:

Цвета, которые я использовал в настройках наложения градиента и обводки - #e1e817и #88a707.

3. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите текст. Ниже показаны настройки для текста:


4. Потом примените стиль Отбрасывание тени (Layer Style - Drop Shadow) к слою с текстом: