Clique e Deixe seu Recado
Como Criar botões no Photoshop
Crie um novo documento de qualquer tamanho. No caso deste tutorial, usamos 200x200 pixels.
Agora selecione a ferramenta Retângulo Arredondado (rounded rectangle tool). 

Na opções da ferramenta que ficam no topo do Photoshop, escolha a opção demonstrada abaixo:
Defina agora a proporção do arredondado. Usamos 10 px no exemplo


Agora defina uma cor de sua preferência e faça o formato desejado. No nosso exemplo, fizemos como é apresentado logo abaixo:
Mantendo a tecla CRTL pressionada, clique sobre a layer onde foi criado o botão, no local mostrado na figura abaixo:

Com a marcação de seleção feita, crie uma nova layer acima do botão.
Agora, no menu superior, vá em SELEÇÃO / MODIFICAR / CONTRAIR Em inglês, SELECT / MODIFY / CONTRACT e coloque o valor de 1 px.
Selecione agora a ferramenta Gradiente
. Na caixa de opção desta ferramenta, mude para Foreground to Transparent. Na paleta de cores, defina a cor branca como Foreground.Matenha a tecla SHIFT pressionada e a partir do topo da seleção feita no botão, arraste o mouse até o final da seleção. Deverá ficar parecido com o apresentado abaixo:
Pressiona a tecla BACKSPACE ou DELETE para apagar a seleção. Deverá ficar assim:






Ainda com a seleção feita, escolha a ferramenta Eliptical Marquee Tool
. Pressione e mantenha a tecla ALT, e faça uma marcação como demonstrada abaixo:



Está feito. Agora você pode fazer modificações na transparência desta camada / layer branco para ajustes pessoais.
Para modificar a cor do botão agora, basta alterar a cor do outro layer.
Veja alguns exemplos:
Veja alguns exemplos:



Dica sem ilustração: Você também pode adicionar uma nova camada entre as duas existentes, mudar o Blend Mode para Overlay, selecionar um pincel e mudar sua configuração para Color Dodge, selecionar a camada base utilizando a tecla CRTL, selecionar a nova camada criada e mantendo a seleção feita, contrair a seleção em 1 px e pintar a base para criar um efeito mais rebuscado, como mostrado abaixo:

Categorias: