em ,

Criando um botão web com efeitos de luz.

Preview Descrição: Neste tutorial veremos como criar um botão web com efeitos de luz usando layer styles e ferramentas diversas.

tutoriaisphotoshop.net

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

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 640×480 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionara Paint Bucket Tool e clique no documento para preencher a layer Background com a cor preta, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Background Lighting, escolha a cor cinza escuro, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho grande e pontas suaves, clique no centro do documento, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

02. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, na barra de opções da ferramenta defina os valores abaixo.

tutoriaisphotoshop.net

03. Desenhe um shape como o da foto abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

05. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

06. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

07. Seu shape deverá ficar como o da foto abaixo.

tutoriaisphotoshop.net

08. Com a tecla Ctrl pressionada clique sobre a miniatura da layer do Shape para ativar a seleção ao redor do shape, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Lighting para a 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 a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho pequeno, dê apenas um clique no centro do Shape como na foto abaixo.

tutoriaisphotoshop.net

09. Seu shape deverá ficar como o da foto abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

12. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

13. Pressione Ctrl+D para desabilitar a seleção, seu shape ficará como o da foto abaixo.

tutoriaisphotoshop.net

14. Pressione Ctrl+J para duplicar a layer, vá em Edit> Transform> Flip Vertical, você notará uma pequena borda.

tutoriaisphotoshop.net

15. Pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas suaves, aplique no local indicado abaixo.

tutoriaisphotoshop.net

16. Seu efeito ficará como o da foto abaixo.

tutoriaisphotoshop.net

17. 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 a letra T do teclado para selecionar a Horizontal Type Tool, clique no shape e escreva uma palavra qualquer.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

20. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

Site de origem: http://www.webdesign.org/photoshop/drawing-techniques/design-a-simple-yet-effective-clean-and-shining-button-for-your-website-in-photoshop.17798.html

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.

Cyclop do game Might and Magic em Speedpaint.

Inspiração, Cartazes de Rock: Harry and the Potters.