Warning: include() [function.include]: Unable to access ../menutopo.php in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 27

Warning: include(../menutopo.php) [function.include]: failed to open stream: No such file or directory in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 27

Warning: include() [function.include]: Failed opening '../menutopo.php' for inclusion (include_path='.:') in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 27

Warning: include() [function.include]: Unable to access ../adses.php in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 33

Warning: include(../adses.php) [function.include]: failed to open stream: No such file or directory in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 33

Warning: include() [function.include]: Failed opening '../adses.php' for inclusion (include_path='.:') in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 33

Warning: include() [function.include]: Unable to access ../menuesq.php in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 34

Warning: include(../menuesq.php) [function.include]: failed to open stream: No such file or directory in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 34

Warning: include() [function.include]: Failed opening '../menuesq.php' for inclusion (include_path='.:') in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 34

Tutoriais de Adobe Photoshop

 
Nível Básico: Botão Gel
 

Este tutorial foi feito para iniciantes. Todos os passos estão detalhados e ilustrados.

Hoje vamos ensinar a fazer um botão no estilo gel de forma rápida e versátil, que permitirá mudar sua cor com apenas um clique de mouse. A versão utilizada neste exemplo foi a CS3 EXTENDED em inglês, mas funciona em todas as versões, salvo pequenas diferenças quanto a localização de algumas ferramentas. Vale ressaltar que alguns ítens foram traduzidos para o português para facilitar o entendimento.

 

Crie um novo documento de qualquer tamanho. No caso deste tutorial, usamos 200x200 pixels.

Agora selecione a ferramenta Retângulo Arredondado (rounded rectangle tool).
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 neste exemplo:

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:

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:

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:

Pressiona a tecla BACKSPACE ou DELETE para apagar a seleção. Deverá ficar assim:

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:

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:

Aprenda, divirta-se e repasse o conhecimento.
por Gustavo Nozella
 

Warning: include() [function.include]: Unable to access ../conteudo_googledir.php in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 179

Warning: include(../conteudo_googledir.php) [function.include]: failed to open stream: No such file or directory in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 179

Warning: include() [function.include]: Failed opening '../conteudo_googledir.php' for inclusion (include_path='.:') in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 179

Warning: include() [function.include]: Unable to access ../pesquisa_botao-gel.php in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 180

Warning: include(../pesquisa_botao-gel.php) [function.include]: failed to open stream: No such file or directory in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 180

Warning: include() [function.include]: Failed opening '../pesquisa_botao-gel.php' for inclusion (include_path='.:') in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 180

Warning: include() [function.include]: Unable to access ../conteudo_baixo.php in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 187

Warning: include(../conteudo_baixo.php) [function.include]: failed to open stream: No such file or directory in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 187

Warning: include() [function.include]: Failed opening '../conteudo_baixo.php' for inclusion (include_path='.:') in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 187

Warning: include() [function.include]: Unable to access ../rodape.php in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 194

Warning: include(../rodape.php) [function.include]: failed to open stream: No such file or directory in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 194

Warning: include() [function.include]: Failed opening '../rodape.php' for inclusion (include_path='.:') in /var/www/vhosts/qubedesign.com.br/httpdocs/tutoriais/tutoriais-de-photoshop-botao-gel.php on line 194