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 RectangleApós ter configurado a ferramenta acima, faça um retângulo como mostra a figura abaixo:
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 GradienteObs.: Para aplicação do gradiente, o mesmo deve ter as seguintes configurações:
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.
Obs.: Para aplicação do gradiente, o mesmo deve ter as seguintes configurações:
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) 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):
8. Crie uma nova layer, denominada “Brilho 2″. Com a ferramenta “Gradient Tool” trace o seguinte gradiente (de cima para baixo):
Obs.: Para aplicação do gradiente, o mesmo deve ter as seguintes configurações:
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”:
11. Resultado: