![[Tutorial]Criar um botão circular brilhante Bem_vi10](https://i.servimg.com/u/f65/16/15/91/73/bem_vi10.png)
[Tutorial]Criar um botão circular brilhante
3 participantes
Página 1 de 1
[Tutorial]Criar um botão circular brilhante
por Rudas~ 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.
![[Tutorial]Criar um botão circular brilhante 1](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/1.gif)
Passo 2
Vá a Layer>Layer Style e defina os seguintes parâmetros:
Bevel and Emboss
![[Tutorial]Criar um botão circular brilhante Style_2](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/style_2.gif)
O seu círculo deverá ficar assim:
![[Tutorial]Criar um botão circular brilhante 2](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/2.gif)
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]Criar um botão circular brilhante 3](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/3.gif)
Passo 4
Vá a Layer>Layer Style e defina os seguintes parâmetros:
Inner Shadow
![[Tutorial]Criar um botão circular brilhante Style_4](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/style_4.gif)
Gradient Overlay
![[Tutorial]Criar um botão circular brilhante Style_3](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/style_3.gif)
Stroke
![[Tutorial]Criar um botão circular brilhante Style_5](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/style_5.gif)
O seu círculo irá ficar assim:
![[Tutorial]Criar um botão circular brilhante 4](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/4.gif)
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]Criar um botão circular brilhante 7](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/7.gif)
![[Tutorial]Criar um botão circular brilhante 6](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/6.gif)
Passo 6
Mude o Blend Mode da camada que criou no passo anterior para Soft Light e reduza a opacidade para 80%.
![[Tutorial]Criar um botão circular brilhante 8](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/8.gif)
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]Criar um botão circular brilhante Final](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/final.jpg)
Créditos : http://photoshop-tutoriais-pt.webnode.pt
http://www.tutorialwiz.com
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
Rudas~- Administrador
Frase : It is useless to try to help those who do not help themselves
Sexo : 
Rate : Intermediário
Clan : TopIlusion
Postagens : 4510
Cash : 58428
Reputação : 87
Idade : 26-
Convidad- Convidado
Re: [Tutorial]Criar um botão circular brilhante
por Convidad 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 
xP
- 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![[Tutorial]Criar um botão circular brilhante Style_1](https://2img.net/h/www.tutorialwiz.com/tutorials/glossy_orb_button/images/style_1.gif)
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
Re: [Tutorial]Criar um botão circular brilhante
por Vendetta 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
- Spoiler:
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.
https://shoutdesign.forumeiros.com/t504-tutorial-botoes-circulares-e-brilhantes-oo
Vendetta- Mod Campeonatos
- Frase : Die for metal. Sexo : Rate : Iniciante High Clan : Kiken Kaen Postagens : 2214 Cash : 52585 Reputação : 16 Idade : 27
-
Re: [Tutorial]Criar um botão circular brilhante
por → Caco 24/5/2011, 13:12
Já criaram outro certo, portanto para não dar confusão. CLOSED.
→ Caco- Administrador
- Frase : Jah gonna start this revolution! (̅_̅_̅_̅(̲̲̲̲̲̅̅̅̅̅̅(̅_̅_̲̅м̲̅a̲̅я̲̅i̲̅j̲̅u̲̅a̲̅n̲̅a̲̅̅_̅_̅_̅() Sexo : Rate : Não Avaliado Clan : Nenhum Postagens : 2586 Cash : 63890 Reputação : 30 Idade : 28
-
Tópicos semelhantes» o melhor tutorial para criar um logo
» Tutorial Photoshop // Criar Padrão com Icons
» [Pedido] Tutorial criar menu em flash + Banner
» Estilos brilhante para o Photoshop
» Ryu Tutorial
» Tutorial Photoshop // Criar Padrão com Icons
» [Pedido] Tutorial criar menu em flash + Banner
» Estilos brilhante para o Photoshop
» Ryu Tutorial
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos|
|
|