 Inspiração, Cartazes de Rock: Arcade Fire.

Botão web 2.0.

Posted: 12 May 2011 06:23 AM PDT

Descrição: Hoje veremos como criar um botão no

estilo web 2.0 usando layer styles, filtros e patterns estilizados.

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho do documento em 300x100 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.

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.
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.
04. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.

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.

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

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.

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

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.

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

Site de origem: http://www.webdesign.org/photoshop/drawing-techniques/web-2-0-button-ii.15151.html

Sumô Lake.