Botão estilo Vista.

Descrição: Hoje veremos como criar um botão para sites usando layer styles e algumas ferramentas.

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

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho em 300×100 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, escolha a cor branca como cor de Foreground e um cinza claro como cor de Background, pressione a letra G do teclado para selecionar a Gradient Tool, escolha o modo Linear e aplique o gradiente de cima para baixo, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção como a da foto abaixo.

02. Vá em Select> Modify> Smooth, defina o valor de 7 pixels e pressione Ok.

03. Clique com o botão direito do mouse dentro da seleção e escolha a opção Fill, escolha uma cor qualquer e pressione Ok.

04. Agora vá em Layer> Layer Style> Outer Glow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Gradient Overlay, Layer> Layer Style> Stroke e defina os valores abaixo.

05. Seu botão deverá ficar como o da foto abaixo.

06. Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, no final seu botão ficará como o da foto abaixo.

Site de origem: http://www.webdesign.org/photoshop/drawing-techniques/vista-style-button.15152.html