Clique e Deixe seu Recado
![Diego Web](http://img683.imageshack.us/img683/8792/diegoj.png)
Diego Web
Como Criar botões no Photoshop
Crie um novo documento de qualquer tamanho. No caso deste tutorial, usamos 200x200 pixels.
Agora selecione a ferramenta Retângulo Arredondado (rounded rectangle tool). ![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/ico_roundedrectangle.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/ico_roundedrectangle.gif)
Na opções da ferramenta que ficam no topo do Photoshop, escolha a opção demonstrada abaixo:
Defina agora a proporção do arredondado. Usamos 10 px no exemplo![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/ico_radius.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/ico_op_rectangle.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/ico_radius.gif)
Agora defina uma cor de sua preferência e faça o formato desejado. No nosso exemplo, fizemos como é apresentado logo abaixo:
Mantendo a tecla CRTL pressionada, clique sobre a layer onde foi criado o botão, no local mostrado na figura abaixo:
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/demo-shape-crtl.gif)
Com a marcação de seleção feita, crie uma nova layer acima do botão.
Agora, no menu superior, vá em SELEÇÃO / MODIFICAR / CONTRAIR Em inglês, SELECT / MODIFY / CONTRACT e coloque o valor de 1 px.
Selecione agora a ferramenta Gradiente
. Na caixa de opção desta ferramenta, mude para Foreground to Transparent. Na paleta de cores, defina a cor branca como Foreground.Matenha a tecla SHIFT pressionada e a partir do topo da seleção feita no botão, arraste o mouse até o final da seleção. Deverá ficar parecido com o apresentado abaixo:
Pressiona a tecla BACKSPACE ou DELETE para apagar a seleção. Deverá ficar assim:
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/bot-verde.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/bot-vermelho.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/bot-laranja.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/bot-colordodge.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/ico_gradiente.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/bot-selecao-gradiente.gif)
Ainda com a seleção feita, escolha a ferramenta Eliptical Marquee Tool
. Pressione e mantenha a tecla ALT, e faça uma marcação como demonstrada abaixo:
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/ico_eliptical_marquee.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/ico_eliptical_marquee2.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/ico_eliptical_done.gif)
Está feito. Agora você pode fazer modificações na transparência desta camada / layer branco para ajustes pessoais.
Para modificar a cor do botão agora, basta alterar a cor do outro layer.
Veja alguns exemplos:
Veja alguns exemplos:
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/bot-verde.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/bot-vermelho.gif)
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/bot-laranja.gif)
Dica sem ilustração: Você também pode adicionar uma nova camada entre as duas existentes, mudar o Blend Mode para Overlay, selecionar um pincel e mudar sua configuração para Color Dodge, selecionar a camada base utilizando a tecla CRTL, selecionar a nova camada criada e mantendo a seleção feita, contrair a seleção em 1 px e pintar a base para criar um efeito mais rebuscado, como mostrado abaixo:
![](http://www.qubedesign.com.br/tutoriais/photoshop/imagens/bot-colordodge.gif)
0 comentários:
Postar um comentário