Criando Botões e Ícones

Olá povo!!!!

Hoje irei ensinar como cria botões e ícones no photoshop!

1- Crie um novo documento no tamanho 200 px X 200 px. (a cor de fundo é de sua preferência)

2- Pegue a ferramenta Rounded Retangle Tool (U).




3- No radius coloque 10 px.


4- Agora desenhe o quadrado na área de trabalho.



5- Feito isso, crie uma nova layer: (Ctrl+Shift+N) ou clique no botão (create new layer) na janela dos layers.

6- Criada a nova layer, faça uma seleção do quadrado segurando o Ctrl e clicando em cima da layer do quadrado.

7- Feita a seleção, vá em Select->Modify->Contract. Na caixa que abrirá digite 5 para o valor.
Ficará assim:

8- Agora pegue a ferramenta Gradient Tool:

9- Configure o gradiente assim:




Na primeira caixa coloque 40% de opacidade, e na caixa abaixo escolha a cor branca.
Na seguna caixa coloque 0% de opacidade, e na caixa abaixo escolha a cor branca.

10- Feito isso, aplique o gradiente na seleção do quadrado. Com a ferramenta gradient tool, clique e segure na parte superior do quadrado e arraste até a parte de baixo. Você deverá fazer tudo isso em cima da seleção e na nova layer.
Ficará assim:

11- Com a ferramenta Eliptical Marquee Tool faça uma seleçao mais ou menos assim:


12- Feita a seleção inverta ela, Ctrl+Shift+I. E aperte o Delete.
Ficará assim:
13 - Agora é só colocar um texto, e está pronto o seu ícone.
Você pode dar mais alguns efeitos para incrementar.


No exemplo acima eu coloquei sombra no texto, e fiz o reflexo do botão....
No próximo tutorial vou ensinar como criar esse reflexo.

Até mais!!!!

Pesquisar no site

© 2010 Todos os direitos reservados a -Alex- Web-design.