1) Создайте новый документ 300×150 px с черным фоном
2) Создайте новый слой. Возьмите инструмент 
, нарисуйте прямоугольное выделение и залейте его любым цветом, например, белым.
3) Нажмите на кнопочку 
внизу палитры слоев и выберите там следующие стили:
Тиснение:
Наложение градиента:
Цвета градиента: от 0a521d к 2ac553
Вы получите такой результат:
4) Теперь будем рисовать рамку. Создайте новый слой.
5) Снова с помощью выделения нарисуйте прямоугольник, но чуть больше зеленого. Разместите так, чтобы края одинаково выступали со всех сторон.
6) Залейте выделение белым цветом.
7) Ctrl + клик по слою с зеленой кнопкой, появится выделение.
Теперь перейдите на слой с белым прямоугольником и нажмите DELETE. Теперь у нас есть рамочка, которой осталось только добавить стили.
9) Добавляем стили:
Внешнее свечение
Тиснение:
Наложение градиента:
Цвета градиента: #598e67- #ffffff
Обводка цвета # 5e6270
В результате:
10) Создайте новый слой для блика на кнопке.
11) Выберите иструмент 
и нарисуйте форму похожую на эту:
12) Клик правой кнопкой по слою в палитре слоев - выберите команду Rasterize Layer (Растрировать слой).
13) Далее в меню Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу). Установите такой радиус как вам нравится, здесь 3,0 px
Вот такой появился блик:
14) В заключении, добавьте какой-нибудь текст кнопке.
ГОТОВО!
Автор: Лукьянова Зинаида
