Fazendo um botão estilo web

1- Abra uma nova imagem em branco do tamanho desejado;

2- Usando a ferramenta de seleção retângulo arredondado selecione uma parte da imagem;

3- Escolha a cor desejada e com a ferramenta de preenchimento colorize o interior da seleção e depois oculte a seleção (ctrl+d);

4- Novamente com a ferramenta de seleção retângulo arredondado selecione uma parte na região superior da figura. Depois vá em filtro> cor> gradiente> direção: de cima para baixo e faça como na imagem a seguir:

5- Oculte a seleção (ctrl+d);

6- Agora novamente usando a ferramenta de seleção retângulo arredondado, selecione agora uma parta da região inferior (embaixo)  com a mesma medida que utilizou na de cima. Depois vá em filtro> cor> gradiente> direção: de baixo para cima como na imagem a seguir:

 

7- Oculte a seleção, escreva dentro do botão o que você quiser, depois ajunte as camadas,vá em imagem> recorte automático e salve como jpeg se for de seu gosto.