Прежде всего рисуем выделение в виде прямоугольника.

Теперь заливаем выделение градиентом.

Создаем еще один слой, при помощи Select - Modify Expand расширяем; выделение. Заливаем эту область градиентом только в другом направлении. Осталось только добавить текст и кнопка готова.

Вот еще один вариант, разница лишь в использовании другого типа градиента. Сначала заливаете сферическим градиентом, а потом обычным.

Вот таким простым способом можно быстро и просто делать кнопки