Tutorial Photoshop – Botão Moderno Para Sites

Em primeiro lugar, crie um novo documento no Photoshop de 400×120 pixels, com todas as
configurações padrão.

Agora, crie uma nova camada (Layer>New>Layer…) para ser a base do botão.

Com a ferramenta Rounded Rectangle Tool e configure como abaixo:

Em seguida, desenhe um pequeno botão na tela, não importa a cor.

Clique com o botão direito do mouse na camada do botão, localizada na paleta Layers, em
seguida, vá em Blending Options. Aplique os estilos de camada Inner Shadow, Gradient
Overlay e Stroke, com os seguintes parâmetros:

Inner Shadow
Gradient Overlay
Stroke

As cores utilizadas para o gradiente, em Gradient Overlay, foram: #e1e817 e #88a707.

O botão ficará parecido com este:

Vamos adicionar o texto?

Com a ferramenta Horizontal Type Tool escreva o texto no botão:


Na imagem acima utilizamos a fonte Arial, com 12 pt.

Depois de ter escrito o texto, com a cor branca, adicione à camada do texto o estilo de camada
Drop Shadow:

Drop Shadow

Agora, basta duplicar o botão e mudar as cores!

Faça o primeiro comentário a "Tutorial Photoshop – Botão Moderno Para Sites"

Comentar

O seu endereço de email não será publicado.


*