Tutoriais e muito mais!

CRIE UM BOTÃO CIRCULAR E BRILHANTE

<< Voltar a botões e ícones

 

Passo 1

Crie um novo documento com cerca de 250x250 pixeis. Depois agarre na Ellipse Tool (U) e prima Shift enquanto arrasta o rato para desenhar um círculo perfeito.

Passo 2

Vá a Layer>Layer Style e defina os seguintes parâmetros:

Bevel and Emboss

Gradient Overlay

O seu círculo deverá ficar assim:

Passo 3

Agarre novamente na Ellipse Tool (U) e desenhe outro círculo perfeito, ligeiramente mais pequeno, por cima do círculo já existente. Use a imagem em baixo como referência.

Passo 4

Vá a Layer>Layer Style e defina os seguintes parâmetros:

Inner Shadow

Gradient Overlay

Stroke

O seu círculo irá ficar assim:

Passo 5

Agora crie uma camada por cima das duas camadas de forma já existentes (Shape Layers). Com a Elliptical Marquee Tool (M) faça uma selecção como a mostrada na FRAME 1. Mova o rato e posicione o cursor em cima da última camada de forma (Shape Layer) na paleta de camadas (Layer Palette), depois prima Ctrl+Shift+Alt e clique nessa mesma camada. A sua selecção será convertida para uma como na FRAME 2. Depois disso, preencha a camada que criou neste passo de branco (#ffffff).

          

Passo 6

Mude o Blend Mode da camada que criou no passo anterior para Soft Light e reduza a opacidade para 80%.

Depois agarre na Eraser Tool (E), escolha uma borracha suave (Soft Eraser) com cerca de 60 pixeis e apague a parte de baixo da camada. Assim o seu botão está terminado.

Conclusão

Agora que o botão está terminado, pode mudar a sua cor. Para fazer isso, basta adicionar uma camada de ajuste de tonalidade/saturação (Hue/Saturation Adjustment Layer). Portanto, clique no botão da paleta de camadas (Layer Palette) para criar uma camada de ajuste (pode vê-lo na imagem em baixo) e escolha uma cor que goste.

Aqui estão alguns botões com cores diferentes:

Tutorial retirado de https://www.tutorialwiz.com/glossy_orb_button. Posteriormente analisado, traduzido e postado aqui no Photoshop PT, Tutoriais e muito mais!.

Comentários

Não foram encontrados comentários.

Procurar no site

© 2010 Todos os direitos reservados.