em ,

Botão web 2.0.

Preview Descrição: Hoje veremos como criar um botão no estilo web 2.0 usando layer styles, filtros e patterns estilizados.

tutoriaisphotoshop.net

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

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho do documento em 300×100 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, escolha uma cor qualquer para seu botão, pressione a letra U do teclado para selecionara a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja selecionada, defina o Radius em 7 pixels na barra de opções da ferramenta.

tutoriaisphotoshop.net

02. Agora vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

03. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo, caso queira utilizar o mesmo pattern usado neste tutorial clique aqui para fazer o download.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

05. Com a tecla Ctrl pressionada clique sobre a miniatura da layer onde criamos o botão, isto ativará a seleção ao redor do shape, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, marque a opção Subtract from Selection na barra de opções da ferramenta e aplique a seleção como na foto abaixo.

tutoriaisphotoshop.net

06. Sua seleção deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

07. 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, 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.

tutoriaisphotoshop.net

08. Pressione Ctrl+D para desabilitar a seleção, diminua a opacidade da layer para 18%.

tutoriaisphotoshop.net

09. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer, no caso deste tutorial a fonte usada foi a Trebuchet MS em Bold.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

Site de origem: http://www.webdesign.org/photoshop/drawing-techniques/web-2-0-button-ii.15151.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.

Sumô Lake.

Inspiração, Cartazes de Cinema: Rio.