em ,

Criando um botão verde para sites.

Preview Descrição: Neste tutorial veremos como criar um botão usando layer styles e filtros.

tutoriaisphotoshop.net

(adsbygoogle = window.adsbygoogle || []).push({});

01. Pressione Ctrl+N para criar um novo documento, defina um tamanho qualquer com 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja ativada, defina o Radius da ferramenta em 8 pixels, crie um retângulo como o da foto abaixo.

tutoriaisphotoshop.net

02. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

03. Vá em Layer> Layer Style> Inner Shadow, use a cor #3a7010.

tutoriaisphotoshop.net

04. Vá em Layer> Layer Style> Gradient Overlay, defina o gradiente com as cores #589221 e #7bae28.

tutoriaisphotoshop.net

05. Vá em Layer> Layer Style> Stroke, defina a cor como #3a7010.

tutoriaisphotoshop.net

06. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

07. Com a tecla Ctrl pressionada clique sobre a miniatura da layer que contém o shape para ativar a seleção, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor branca, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, clique e arraste a seleção 1 pixel para baixo, pressione Delete para eliminar a cor.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

08. Com a tecla Ctrl pressionada clique sobre a miniatura da layer que contém o shape do botão para ativar a seleção, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor preta.

tutoriaisphotoshop.net

09. Vá em Filter> Noise> Add Noise e defina os valores abaixo.

tutoriaisphotoshop.net

10. Vá em Filter> Blur> Motion Blur e defina os valores abaixo.

tutoriaisphotoshop.net

11. Pressione Ctrl+L para abrir a caixa de Levels, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

12. Pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

13. Mude o modo de blend da layer para Linear Dodge, reduza a opacidade da layer para 35%.

tutoriaisphotoshop.net

14. Escolha a cor #3f7717, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer.

tutoriaisphotoshop.net

15. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

16. No final seu botão estará como o da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://www.photoshopease.com/photoshoptutorials/designing-green-button/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

2 Comments

  1. Dúvida.
    Uso o Photoshop em pt-BR, consigo achar todas as descrições q estão nas figuras, porém a unica q esta tirando meus cabelos é o significado de "screen", pois não estou achando e isso esta dificultando um pouco as minhas artes.
    Desde já agradeço.

Portifólio em vídeo de Jonathan Gales.

Inspiração, Cartazes de Rock: David Gray.