LU

Criando Botões

Por luisfe23, 20 de jul. de 2010 em Tutoriais

tibia
otserv
5
2k
20 de julho de 2010 às 15:25

Fala Éks Tibianos...

Hoje vim trazer para voces um tutorial de como criar botões no Photoshop.

 

Criando Botões

 

1- Crie um novo documento no tamanho 200 px X 200 px.

 

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

 

rounded.jpg

 

3- No radius coloque 10 px.

 

roundede2.jpg

 

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

 

1.jpg

 

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:



2.jpg

 

8- Agora pegue a ferramenta Gradient Tool:

 

gradient.jpg

 

9- Configure o gradiente assim:

 

3.jpg

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:

 

4.jpg

 

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

 

5.jpg

 

12- Feita a seleção inverta ela, Ctrl+Shift+I. E aperte o Delete. Ficará assim:



6.jpg

 

13- Agora é só colocar um texto, e está pronto o seu ícone. Você pode dar mais alguns efeitos para incrementar.

 

6copyw.png

 

Créditos



luisfe23

Colírio Photoshop

 

Gostou? REP+++

 

Abraços...

Editado Julho 20 por luisfe23

TonynhT
20 de julho de 2010 às 15:48

Cara, ótimo tutorial pra iniciantes..

Com um capricho a mais, é possível fazer um botão bem fashion ;D

 

+REP

Obrigado por compartilhar

Henrique MouraH
20 de julho de 2010 às 16:31

Da pra fazer mais complexo, com layer em opacidade e etc. Esse ficou muito simples, mas está bem explicado.

SnoozS
20 de julho de 2010 às 18:43

Bom eu faço isso de outra maneira mas pra quem ta começando é um bom metodo..

Parabéns e continue trazendo tutos para o Xtibia.

+REP

ZutunZ
20 de julho de 2010 às 18:47

Bom tutorial, vai ajudar bastante os iniciantes cara,

rep pra voce :)