_ Shout Design _

[Tutorial]Criar um botão circular brilhante

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[Tutorial]Criar um botão circular brilhante

Mensagem por Rudas~ em 10/3/2011, 14:08

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

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.

Créditos : http://photoshop-tutoriais-pt.webnode.pt
http://www.tutorialwiz.com

-------------------------------------------------------------



~RUDAS101.DEVIANTART.COM

~MY GIFTS

~ON YOUTUBE

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 : 31468
<b>Reputação</b> Reputação : 87
<b>Idade</b> Idade : 19

http://shoutdesign.forumeiros.com

Voltar ao Topo Ir em baixo

Re: [Tutorial]Criar um botão circular brilhante

Mensagem por Convidad em 10/3/2011, 15:50

Bom Tutorial.

Convidad
Convidado


Voltar ao Topo Ir em baixo

Re: [Tutorial]Criar um botão circular brilhante

Mensagem por Convidad em 24/5/2011, 11:48

Rudine errou nesse tutorial, fico faltando um pedaço importantissimo, então pra quem tiver não consiguindo faser ta no spoller a correção Very Happy




Spoiler:
Rudas~ escreveu:
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.

Créditos : http://photoshop-tutoriais-pt.webnode.pt
http://www.tutorialwiz.com

xP

Convidad
Convidado


Voltar ao Topo Ir em baixo

Re: [Tutorial]Criar um botão circular brilhante

Mensagem por Vendetta em 24/5/2011, 11:59

DragonSlayer escreveu:Rudine errou nesse tutorial, fico faltando um pedaço importantissimo, então pra quem tiver não consiguindo faser ta no spoller a correção Very Happy




Spoiler:
Rudas~ escreveu:
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.

Créditos : http://photoshop-tutoriais-pt.webnode.pt
http://www.tutorialwiz.com

xP

Por isso fiz este Tópico.
http://shoutdesign.forumeiros.com/t504-tutorial-botoes-circulares-e-brilhantes-oo

-------------------------------------------------------------
Valeu Rodanildo~


Rev:

FoREVer in our


::Kiken Kaen::



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 : 25625
<b>Reputação</b> Reputação : 16
<b>Idade</b> Idade : 20

http://www.shoutdesign.forumeiros.com

Voltar ao Topo Ir em baixo

Re: [Tutorial]Criar um botão circular brilhante

Mensagem por → Caco em 24/5/2011, 13:12

Já criaram outro certo, portanto para não dar confusão. CLOSED.

-------------------------------------------------------------

Isso é atitude:
[center]
"Eu prefiro mil vezes conviver com maconheiro honesto, do que com bandido de terno e gravata, que rouba o povo"

TOMORROWLAND me espera - 2013:

"Você pode ter a fé que quiser em espíritos, em vida após a morte, no paraíso e no inferno, mas se tratando desse mundo, não seja idiota. Porque você pode me dizer que deposita sua fé em Deus, mas quando chega a hora de atravessar a rua, eu sei que você olha para os dois lados."
[/center]

→ 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 : 36905
<b>Reputação</b> Reputação : 30
<b>Idade</b> Idade : 21

http://shoutdesign.forumeiros.com

Voltar ao Topo Ir em baixo

Re: [Tutorial]Criar um botão circular brilhante

Mensagem por Conteúdo patrocinado Hoje à(s) 16:17


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum