[Tutorial] Botões circulares e brilhantes O.O
4 participantes
Página 1 de 1
[Tutorial] Botões circulares e brilhantes O.O
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:
Créditos:Post
Editagem do tópico: Ghost.
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:
Créditos:Post
Editagem do tópico: Ghost.
Re: [Tutorial] Botões circulares e brilhantes O.O
Perfeito para fazer um ZOMINITRIX
Kazma- Membro especial
- Frase : A culpa é Minha Boto ela Em quem Quiser
Sexo :
Rate : Iniciante high
Postagens : 902
Cash : 47953
Reputação : 8
Idade : 27
Re: [Tutorial] Botões circulares e brilhantes O.O
nao gostei muito desse, ja vi uns bem melhores de buttons, mas pra quem quer começar ta valendo ;D
Re: [Tutorial] Botões circulares e brilhantes O.O
Aew, nem tinha visto que tinha esse xP , fiquei rolando na net até achar o certo e corrigir o do Rudonóide;
Convidad- Convidado
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|