_ Shout Design _
[Tutorial] Botões circulares e brilhantes O.O Bem_vi10

Participe do fórum, é rápido e fácil

_ Shout Design _
[Tutorial] Botões circulares e brilhantes O.O Bem_vi10
_ Shout Design _
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

[Tutorial] Botões circulares e brilhantes O.O

4 participantes

Ir para baixo

[Tutorial] Botões circulares e brilhantes O.O Empty [Tutorial] Botões circulares e brilhantes O.O

Mensagem por Vendetta 10/4/2011, 19:55

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.
[Tutorial] Botões circulares e brilhantes O.O 1

Passo 2

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

Bevel and Emboss
[Tutorial] Botões circulares e brilhantes O.O Style_2
Gradient Overlay
[Tutorial] Botões circulares e brilhantes O.O Style_1
O seu círculo deverá ficar assim:
[Tutorial] Botões circulares e brilhantes O.O 2

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.
[Tutorial] Botões circulares e brilhantes O.O 3

Passo 4

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

Inner Shadow
[Tutorial] Botões circulares e brilhantes O.O Style_4
Gradient Overlay
[Tutorial] Botões circulares e brilhantes O.O Style_3
[Tutorial] Botões circulares e brilhantes O.O Style_3

Stroke
[Tutorial] Botões circulares e brilhantes O.O Style_5
O seu círculo irá ficar assim:
[Tutorial] Botões circulares e brilhantes O.O 4

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).
[Tutorial] Botões circulares e brilhantes O.O 7[Tutorial] Botões circulares e brilhantes O.O 6

Passo 6

Mude o Blend Mode da camada que criou no passo anterior para Soft Light e reduza a opacidade para 80%.
[Tutorial] Botões circulares e brilhantes O.O 8
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.

[Tutorial] Botões circulares e brilhantes O.O Final

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.
[Tutorial] Botões circulares e brilhantes O.O Huesat

Aqui estão alguns botões com cores diferentes:
[Tutorial] Botões circulares e brilhantes O.O Final1

Créditos:Post
Editagem do tópico: Ghost.
Vendetta
Vendetta
Mod Campeonatos
Mod Campeonatos

<b>Frase</b> Frase : Die for metal.
<b>Sexo</b> Sexo : Masculino
<b>Rate</b> Rate : Iniciante High
<b>Clan</b> Clan : Kiken Kaen
<b>Postagens</b> Postagens : 2214
<b>Cash</b> Cash : 52285
<b>Reputação</b> Reputação : 16
<b>Idade</b> Idade : 27

http://www.shoutdesign.forumeiros.com

Ir para o topo Ir para baixo

[Tutorial] Botões circulares e brilhantes O.O Empty Re: [Tutorial] Botões circulares e brilhantes O.O

Mensagem por Kazma 24/5/2011, 12:54

Perfeito para fazer um ZOMINITRIX
Kazma
Kazma
Membro especial
Membro especial

<b>Frase</b> Frase : A culpa é Minha Boto ela Em quem Quiser
<b>Sexo</b> Sexo : Masculino
<b>Rate</b> Rate : Iniciante high
<b>Postagens</b> Postagens : 902
<b>Cash</b> Cash : 47953
<b>Reputação</b> Reputação : 8
<b>Idade</b> Idade : 27

Ir para o topo Ir para baixo

[Tutorial] Botões circulares e brilhantes O.O Empty Re: [Tutorial] Botões circulares e brilhantes O.O

Mensagem por → Caco 24/5/2011, 13:10

Bem legalzin '-'
→ Caco
→ Caco
Administrador
Administrador

<b>Frase</b> Frase : Jah gonna start this revolution! (̅_̅_̅_̅(̲̲̲̲̲̅̅̅̅̅̅(̅_̅_̲̅м̲̅­­­­­­­­­­­­­a̲̅я̲̅i̲̅j̲̅u̲̅a̲̅­n­̲­̅­a­̲­̅­̅­_­̅­_­̅­_­̅()
<b>Sexo</b> Sexo : Masculino
<b>Rate</b> Rate : Não Avaliado
<b>Clan</b> Clan : Nenhum
<b>Postagens</b> Postagens : 2586
<b>Cash</b> Cash : 63590
<b>Reputação</b> Reputação : 30
<b>Idade</b> Idade : 28

https://shoutdesign.forumeiros.com

Ir para o topo Ir para baixo

[Tutorial] Botões circulares e brilhantes O.O Empty Re: [Tutorial] Botões circulares e brilhantes O.O

Mensagem por Rudas~ 24/5/2011, 13:12

nao gostei muito desse, ja vi uns bem melhores de buttons, mas pra quem quer começar ta valendo ;D
Rudas~
Rudas~
Administrador
Administrador

<b>Frase</b> Frase : It is useless to try to help those who do not help themselves
<b>Sexo</b> Sexo : Masculino
<b>Rate</b> Rate : Intermediário
<b>Clan</b> Clan : TopIlusion
<b>Postagens</b> Postagens : 4510
<b>Cash</b> Cash : 58128
<b>Reputação</b> Reputação : 87
<b>Idade</b> Idade : 26

https://shoutdesign.forumeiros.com

Ir para o topo Ir para baixo

[Tutorial] Botões circulares e brilhantes O.O Empty Re: [Tutorial] Botões circulares e brilhantes O.O

Mensagem por Convidad 24/5/2011, 17:28

Aew, nem tinha visto que tinha esse xP , fiquei rolando na net até achar o certo e corrigir o do Rudonóide;
avatar
Convidad
Convidado


Ir para o topo Ir para baixo

[Tutorial] Botões circulares e brilhantes O.O Empty Re: [Tutorial] Botões circulares e brilhantes O.O

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos