Xtreme Design
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Xtreme Design

Seu futuro começa aqui
 
InícioInício  PortalPortal  Últimas imagensÚltimas imagens  ProcurarProcurar  RegistarRegistar  Entrar  

 

 Botao Estilo Windows Vista

Ir para baixo 
2 participantes
AutorMensagem
Kamuma
Admin
Admin
Kamuma


Número de Mensagens : 479
Idade : 28
Localização : Xtreme Design
Galeria de Troféis : <br>Botao Estilo Windows Vista 1zcmpeo: 0Botao Estilo Windows Vista Trophy10: 0Botao Estilo Windows Vista Trophy11: 0Botao Estilo Windows Vista Trophy12: 0
Duelos : V: 1
D: 1
50%
Rate : Avançado
XP$: : 50.65
Agradecimentos :
Botao Estilo Windows Vista Left_bar_bleue1 / 1001 / 100Botao Estilo Windows Vista Right_bar_bleue

Warning :
Botao Estilo Windows Vista Left_bar_bleue100 / 100100 / 100Botao Estilo Windows Vista Right_bar_bleue

GP$ : 36
Reputação : 0
Data de inscrição : 21/01/2009

Botao Estilo Windows Vista Empty
MensagemAssunto: Botao Estilo Windows Vista   Botao Estilo Windows Vista EmptySáb Jan 24, 2009 3:17 pm

Ola pessoal trago um tutorial feito por Breno S.
muito bom,com um resultado muito bonito:

1. Crie um novo arquivo (File › New) com os seguintes parâmetros:
- Name: Botão
- Width: 240 pixels
- Height: 100 pixels
- Background: White



2. Com a ferramenta Lata de Tinta, pinte o Background com a cor “#292929″.

Ferramenta Lata de Tinta (Paint Bucket)

3. Em sua paleta de cores, selecione a cor “#002C45″ como primeiro plano. Agora selecione a ferramenta “Rounded Rectangle Tool” e aplique as seguintes opções:

Ferramenta Rounded Rectangle


Botao Estilo Windows Vista Botao_win_vista_01

Após ter configurado a ferramenta acima, faça um retângulo como mostra a figura abaixo:

Botao Estilo Windows Vista Botao_win_vista_02

De o nome da layer do retângulo de “Base”.


4. Crie uma nova layer, denominada “Gradiente Color”. Em sua paleta de cores, selecione a cor “#00DBEA” como primeiro plano. Com a camada “Gradiente Color” ativa de um clique na camada “Base” pressionando a tecla “Ctrl”. Selecione a ferramenta “Gradient Tool” e trase um gradiente, de baixo para cima, parecido com o de baixo:

Ferramenta Gradiente


Botao Estilo Windows Vista Botao_win_vista_03

Obs.: Para aplicação do gradiente, o mesmo deve ter as seguintes configurações:

Botao Estilo Windows Vista Botao_win_vista_04

5. Crie uma nova layer, denominada “Gradiente 2″. Aperte “D” para recetar as cores e em seguida “X” para inverter suas posições. Com a layer “Gradiente 2″ ativa, use a ferramenta “Gradient Tool” , fazendo o seguinte movimento da esquerda para a direita.

Botao Estilo Windows Vista Botao_win_vista_05

Obs.: Para aplicação do gradiente, o mesmo deve ter as seguintes configurações:

Botao Estilo Windows Vista Botao_win_vista_06

6. Crie uma nova layer, denominada “Brilho 1″. Aperte “Ctrl+Shift+I” para inverter a seleção. Usando a ferramenta “Rectangular Marquee Tool” faça a seguinte seleção (na figura abaixo, destacada em branco) com a tecla “Shift” pressionada:

Ferramenta de Seleção Retangular (Rectangular Marquee)

Botao Estilo Windows Vista Botao_win_vista_07

7. Aperte “Ctrl+Shift+I” para inverter a seleção. Com a ferramenta “Gradient Tool”, usando as mesmas configurações do passo “5″, trace o seguinte gradiente (da esquerda para a direita):

Botao Estilo Windows Vista Botao_win_vista_08

8. Crie uma nova layer, denominada “Brilho 2″. Com a ferramenta “Gradient Tool” trace o seguinte gradiente (de cima para baixo):

Botao Estilo Windows Vista Botao_win_vista_09

Obs.: Para aplicação do gradiente, o mesmo deve ter as seguintes configurações:

Botao Estilo Windows Vista Botao_win_vista_10

9. Aperte “Ctrl+D” pare desfazer a seleção. Crie uma nova layer denominada “Fill”. Com a tecla “Ctrl” pressionada, de um clique na layer “Base”. Com a camada “Fill” ativa, pinte a seleção feita (independente de cor). Deixe o “Fill” (opção localizada abaixo da “Opacity”) em “0%”.



10. Clique com o botão direito sobre o “ícone” da layer (localizado ao lado do seu respectivo nome) e no menu que aparecera clique em “Blending Options”. Na janela que abrira aplique as seguintes configurações no “Outer Glow” e “Stroke”:

Botao Estilo Windows Vista Botao_win_vista_11

Botao Estilo Windows Vista Botao_win_vista_12

11. Resultado:

Botao Estilo Windows Vista Botao_win_vista_13
Ir para o topo Ir para baixo
https://xtremedesign.forumeiros.com
gordinhogc
Admin
Admin
gordinhogc


Número de Mensagens : 803
Idade : 28
Galeria de Troféis : <br>Botao Estilo Windows Vista 1zcmpeo: 0
Botao Estilo Windows Vista Trophy10: 0
Botao Estilo Windows Vista Trophy11: 1
Botao Estilo Windows Vista Trophy12: 0
Duelos : V: 2
D: 2
50%
Rate : Intermediario
XP$: : 35.90
Agradecimentos :
Botao Estilo Windows Vista Left_bar_bleue5 / 1005 / 100Botao Estilo Windows Vista Right_bar_bleue

Warning :
Botao Estilo Windows Vista Left_bar_bleue100 / 100100 / 100Botao Estilo Windows Vista Right_bar_bleue

GP$ : 14
Reputação : 0
Data de inscrição : 23/01/2009

Botao Estilo Windows Vista Empty
MensagemAssunto: Re: Botao Estilo Windows Vista   Botao Estilo Windows Vista EmptySáb Jan 24, 2009 6:03 pm

As imagens não abriaram, porém tentarei sem as imagens...
Ir para o topo Ir para baixo
 
Botao Estilo Windows Vista
Ir para o topo 
Página 1 de 1
 Tópicos semelhantes
-
» Texto estilo gangster
» Borda estilo gordinho
» Avatar estilo kamuma
» Borda estilo gordinhogc (DACS)
» wallpaper vista

Permissões neste sub-fórumNão podes responder a tópicos
Xtreme Design :: Tutoriais :: Adobe Photoshop-
Ir para: