Efeitos de Botões 001

Aprenda a fazer botões para seu site. Botões usados nessa nova web, a web 2.0. Muito bonito o resultado final.

Crie uma nova imagem 400×350px. Com a ferramenta gradient tool, fça um degrade com a cor de foreground:#EBEBEB.

Selecione a ferramente Rectangular Marquee Tool e defina a opção para Style: Fized Size. Use tanto para altura quanto para largura 140px.

Clique sobre a imagem.

Selecione as cores de foreground: #3e94d4 em background: #336fc1.

Selecione a ferramenta gradient tool.

Crie uma nova camada. De baixo-direito para topo-esquerdo, trace uma diagonal:

Em Edit > Stroke

Em Select > Modify > Contract. Use 4 pixels

Pressione D para resetar as cores. Pressione X para inverter as cores, selecione a ferramenta gradient tool:

Pressione CTRL + D para tirar a seleção. Com a ferramenta ellipse tool:

Clique com o botão direito do mouse em cima desse circulo oval e selecione Make Selection…

Vai abrir uma nova tela. Deixe como mostra a imagem abaixo:

Novamente com a ferramenta gradient.

Crie uma nova camada. Trace de cima para baixo. Pressione CTRL + D para tirar a seleção:

Altere o modo dessa camada para Soft Light:

Pressione CTRL + Clique sobre a camada do quadrado azul. No meu exemplo, eu cliquei sobre a camada Layer 1(veja a imagem de camadas acima para se situar). Pressione CTRL+ Shift + I, para inferter a seleção.

Pressione Delete.

Escreva algum texto. Escrevi "Fale Conosco":

Usei a fonte Tahoma, com tamanho de 11pt.

Em Layer > Layer Style > Drop Shadow. Cor azul: #367BCE

Pronto. Agora basta usar a criatividade para criar novos botões…

Espero que tenham gostado.

Leave a comment

Nome: (Required)

eMail: (Required)

Website:

Comentário: