_ Shout Design _

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

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

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

Mensagem por Vendetta em 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.


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.

-------------------------------------------------------------
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 : 25575
<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] Botões circulares e brilhantes O.O

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

Perfeito para fazer um ZOMINITRIX

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

Voltar ao Topo Ir em baixo

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

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

Bem legalzin '-'

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

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

http://shoutdesign.forumeiros.com

Voltar ao Topo Ir em baixo

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

Mensagem por Rudas~ em 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

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



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

http://shoutdesign.forumeiros.com

Voltar ao Topo Ir em baixo

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

Mensagem por Convidad em 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;

Convidad
Convidado


Voltar ao Topo Ir em baixo

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

Mensagem por Conteúdo patrocinado Hoje à(s) 05:21


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