Опишу 2 способа, один из которых предполагает использование лишь параметров смешивания, что даст возможность легко воссоздавать эту кнопку.

Итак, приступим.

1) Создайте изображение с размерами 300х70 пикселей
2) Создайте новый слой и нарисуйте на нем фигуру, используя Rounded Rectangle Tool с радиусом 5 пикселей и любым цветом.
3) Кликните дважды по слою с фигурой и выставьте следующие Параметры смешивания:

4) Создайте новый слой и залейте его белым цветом.
5) Удерживая Ctrl, кликните левой кнопкой мыши по слою с фигурой.
6) После этого выполните Select->Modify->Contract
7) Далее - Select->Inverse и нажмите кропку delete (на созданном нами белом слое)
8) Установите для этого слоя непрозрачность (Opacity) на уровень 20%.
9) Напишите любой текст.

В результате должно получиться некое подобие этого:

Всё это можно сделать всего лишь с помощью Параметров смешивания.
Для этого вместо предложенного градиента наложим этот:

и не будем создавать белых слоёв, а сразу напишем текст и будем использовать эту замечательную кнопку. Результат будет таким же.

Какой вариант выбрать - решать вам, но мне больше нравится второй, ведь он быстрее и удобнее в момент работы и в будующем (если его сохранить в стили).

Желаю вам удачного выполнения этого урока.