
Создайте новый документ 400х100рх
Инструментом Rounded Rectangle Shape нарисуйте на новом слое скругленный прямоугольник и залейте его градиентом от #6c7c84 к #5a676d

Примените к слою стили:





Создайте новый слой, выделите содержимое слоя с формой, CTRL-кликнув по его иконке в палитре слоев. Залейте выделение градиентом от белого к прозрачному сверху вниз

Отрежьте нижнюю половину градиента

Смените режим смешивания для этого слоя на Soft Light и понизьте его непрозрачность до, примерно, 25-40%

Создайте новый слой, снова выделите содержимое первого слоя (CTRL-клик). Далее Select>Modify>Contract 1px и заполните выделение белым цветом. Потом снова Select>Modify>Contract 1px и нажимаем DELETE.

Ластиком с большой мягкой кистью сотрите нижнюю часть только что
созданного белого обрамления. Смените режим смешивания для этого слоя
на Overlay или Soft Light и понизьте его непрозрачность до 80-100% по необходимости.

Точно так же создайте границу и для нижней части кнопки, но только выберите уже не белый цвет, а чуть потемнее

Добавьте текст

Готово!