Criando botoes no Photoshop

como criar botões no photoshop CS5

Share0digg

Se você tem um website ou blog (blogger) de downloads, filmes online ou outro assunto e precisa criar um botão para download ou para outra função veja este tutorial do photoshop e aprenda como criar um botão simples com efeitos de sua preferência. Veja e aprenda.

Como criar botão no Adobe Photoshop CS5.

Neste tutorial você vai aprender como criar botões no photoshop CS5 utilizando apenas algumas ferramentas e cores no photoshop CS5. Veja abaixo os passos...

Abra o photoshop e crie uma nova imagem (eu recomento criar com a proporção 3:1) com o fundo transparente no photoshop. No meu caso eu criei uma nova imagem com a largura de 150px e altura de 50px.

Depois que você criou a nova imagem, selecione a ferramenta forma de Retângulo arredondado:

Depois que você selecionou a ferramenta, para aumentar ou diminuir o raio (tamanho da borda arredondada) vá até a parte superior do photoshop e mude o valor em Raio (em pixels):

Depois simplesmente crie a estrutura do botão com a ferramenta, para isso clique com o mouse em algum canto da imagem, segure e arraste o mouse até o botão ficar do jeito que você quer na imagem (lembrando que você pode fazer o botão com qualquer forma, retângulo (borda arredondada ou não), quadrado, circulo, setas e qualquer forma imaginável...

Depois deste passo, vá até a camada da forma, clique encima da camada com o botão direito do mouse e selecione OPÇÕES DE MESCLAGEM:

Na janela das opções de mesclagem habilite a opção CHANFRO E ENTALHE para dar alguns efeitos (3D) no botão. confira mais abaixo a explicação de algumas opções ali:

• ESTILO: recomendo deixar CHANFRO INTERNO para dar o visual 3D e não deixar uma sombra no botão.
• TÉCNICA: Deixe em suave para suavizar o botão.
• TAMANHO: O tamanho em pixels da sombra interna do botão.
• SUAVIZAÇÃO: Opção para suavizar a sombra interna, se deixar em 0(px) irá ficar uma coisa mais sólida (não gosto na minha opinião), quanto mais colocar mais suave vai ficar.
• Por ultimo: teste todas as opções ali, só assim você terá controle total desta ferramenta.

Depois que configurei meu CHANFRO com as informações da imagem acima, meu botão ficou assim:

(2KB)

Quanto mais cores utilizar, mais pesado a imagem vai ficar. Se quiser otimizar a imagem, veja o tutorial de como reduzir tamanho de imagens.

Se mesmo assim você não gostou de como o botão ficou, podemos adicionar outros efeitos em OPÇÕES DE MESCLAGEM como o BRILHO INTERNO para deixar uma linha com outra cor envolta do nosso botão.

Para isso habilite a opção BRILHO INTERNO em opções de mesclagem e configure do jeito que quiser, lembando para sempre testas todas as opções para deixar do seu gosto:

Outra coisa legal também que pode se fazer é adicionar texto (Ex: DOWNLOAD para um botão de downloads) ou também uma imagem (como play para tocar uma musica) e assim vai, a imaginação é boa estas horas!

Com as configurações deste tutorial, meu botão ficou assim:

( 5KB )

Outros botoes que fiz no photoshop (a maioria feita com formas e textos, com efeitos na opções de mesclagem):

(Botão play em preto e vermelho feito no photoshop - edição rápida :)

(Botão imitando a tecla M do teclado - feito no photoshop sem muitos efeitos)

E por hoje é só galera, use bem a imaginação e as ferramentas citadas neste tutorial, se quiser veja mais tutoriais do photoshop! Até a próxima...

Ajude-nos comentando!