Pular para o conteúdo principal

Crie um estiloso botão no photoshop

Botão estiloso no photoshop

Já foi o tempo em que os botões de um site eram apenas figurantes. Hoje eles exercem um grande impacto no aspecto de um site, tanto no visual quanto na usabilidade. Neste segundo artigo da série, você vai aprender a criar um botão cheio de estilo para seu site.


Este tutorial faz parte da série "Elementos web para webdesigners", que irá abordar a criação de gráficos utilizados em websites, blogs e afins.

Assine o feed ou receba as atualizações via email e fique por dentro das novidades.

1º passo

Crie um novo documento e preencha com a cor #f4f4f4.

2º passo

Selecione a ferramenta Rounded Rectangle Tool, deixe o Radius em 5px e crie um retângulo.

3º passo

Acesse o painel Blending Options e ajuste os efeitos conforme mostro abaixo:

Drop Shadow

Inner Shadow

Gradient Overlay

Stroke

4 passo

Crie uma nova layer, selecione a ferramenta Horizontal Type Tool e escreva no botão.

5º passo

Acesse o painel Blending Options mais uma vez e aplique os seguintes efeitos:

Drop Shadow

Inner Shadow

Color Overlay

Final

Agora é estudar o botão e criar variações. Veja o resultado.

Download do arquivo final

Baixar

Sugestões para os próximos tutoriais? Entre em contato.

Webtutoriais:36B685AE

Comentários

Postagens mais visitadas deste blog

Criando um layout simples com HTML e CSS

Deixe a barra de tarefas do windows 7 igual a do xp

Elegante menu azul no photoshop