1. Создайте новый документ размером 400 x 340 пикселей, залейте фон серым градиентом, как показано ниже:

2. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool), настройте так (стиль - заданный размер):

Кликните на холсте, чтобы создать выделение:

3. Создайте новый слой (Create New Layer), выберите инструмент Градиент (Gradient Tool), тип - радиальный градиент, и залейте выделение любым цветом. Я использовал цвета - 3e94d4 и #336fc1.

4. Я применил обводку размером 1 пиксель:

5. Сделайте выделение слоя с кнопкой (Ctrl+Click):

6. Примените Сжатие (Modify - Contract) и введите значение 4-5 пикселей:

7. Выберите инструмент Градиент и настройте так:

8. Сделайте такую заливку сверху вниз:

9. Выберите инструмент перо (Pen Tool), создайте такой контур:

10. Кликните правой кнопкой и выберите Создать выделенную область (Make Selection), используйте настройки по умолчанию:

11. Создайте новый слой (Create New Layer), выберите инструмент Градиент (Gradient Tool), цвет - от белого к прозрачному и сделайте заливку выделения сверху вниз, как показано ниже:

12. Установите Режим наложения - Мягкий свет (Blending Mode – Soft Light) и понизьте немного Непрозрачность (Opacity), если нужно:

13. Я нашёл иконку в интернете и вставил её в наш документ. Вы можете найти много иконок на этих сайтах:

http://www.templatemonster.com/
http://www.webdesign.org

14. Инструментом Горизонтальный текст ( Horizontal Type Tool) напишите текст. Я использовал шрифт Tahoma, размером - 11 pt, цвет - #ffffff. Потом к слою с текстом примените стиль Отбрасывание тени (Layer Style - Drop Shadow):

Я сделал копию всех слоёв, передвинул вторую кнопку вправо, оставив промежуток в 10 пикселей. Я изменил цвет кнопки на красный. Для этого используйте другой цвет градиента в шаге с заливкой кнопки, и в настройках отбрасывания тени для текста также измените цвет: