Tutoriais de Photoshop - Como fazer um botão no estilo gel ou plástico no Photoshop

Sistema de Mailing/Newsletter

Site para agências de veículos

Site para Imobiliária

Programa para Cartório

Pincéis / Brushes para Photoshop

Logotipos vetoriais

Onde instalar os brushes no Photoshop

Newstoday

Techguru 2.0

Undergoogle

Primeira Página do Google

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: