Tutorial - Criando Botões e Ícones
Dicas de Design

Tutorial - 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!!!!



loading...

- Tutorial - Texto Em Chamas (fogo)
Olá povo! Após um longo período sem postar nada, (por falta de tempo) resolvi fazer um tutorial sobre textos... Hoje mostrarei como fazer um texto pegando fogo... 1- Crie um documento no tamanho 600x800 com fundo branco 2- Pinte o fundo de preto 3-...

- Tutorial - Tocha Humana
Olá povo! Atendendo a pedidos fiz o tutorial do tocha humana do Quarteto Fantástico! 1- Vamos começar o tutorial abrindo a foto. E logo em seguida selecione somente a pessoa. 2- Feita a seleção pressione Ctrl+J para criar uma layer apenas com a...

- Tutorial - Criando Reflexo
Olá povo! Como prometido vou postar um tutorial sobre como criar reflexos.. 1- Abra a imagem que deseja aplicar o efeito. E delete o fundo deixando apenas a imagem... 2- Aumente para o dobro sua área de trabalho, para isso vá em: Image > Canvas Size...

- Tutorial - Borda Arredondada
Olá!!! Atendendo a pedidos, fiz um tutorial para explicar como deixar as bordas de suas fotos arredondadas. Mãos à obra! 1- Abra a imagem à ser trabalhada 2- Pegue a ferramenta Rounded Retangle Tool (U) 3- Desenhe o retangulo sobre a foto, na área...

- Criando Uma Montagem Com Diversos Elementos.
Hoje veremos como criar uma montagem utilizando diversos elementos, ferramentas, filtros, modos de blend e layer styles.   01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1000x1500 pixels, 72 dpi's e modo de cor em...



Dicas de Design








.