Создайте новый документ 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% по необходимости.
Точно так же создайте границу и для нижней части кнопки, но только выберите уже не белый цвет, а чуть потемнее
Добавьте текст
Готово!