em ,

Botão web no estilo Windows Vista.

Preview Descrição: Hoje veremos como criar um botão no estilo do sistema operacional Windows Vista, para isso utilizaremos apenas layer styles e algumas ferramentas.

tutoriaisphotoshop.net

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

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 300×100 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, 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 do documento para preencher a layer com branco, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie uma seleção como a da foto abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

03. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, 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.

tutoriaisphotoshop.net

04. 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.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

06. Pressione a letra D do teclado para resetar as cores de Foreground e Background, 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 e escreva uma palavra qualquer, no final seu botão estará como o da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://www.webdesign.org/photoshop/drawing-techniques/vista-style-button.15152.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.

Portifólio em vídeo da Machine Molle.

Inspiração, Cartazes de Rock: Shannon And The Clams.