Jan-08 18

Criar um botão similar ao do Vista no Photoshop

Enviado por: Thales RB. .     3 comentários.     Categorias: Photoshop

Hoje irei ensinar a fazer um botão similar ao usado no Windows Vista, ele se chama Aero Glass Vista(não sei uma tradução que seja entendida para isso), o resultado será similar a esse:
botao glass vista

Então vamos lá

1) Crie um novo documento, pode ser do tamanho que quiser, eu usei 160×60, e coloquei o fundo como cinza escuro #2a2a2a. Use a Rounded Rectangle Tool, com o radius de 5px(botão maior radius maior!) na cor preta. Você deverá ter algo assim:

2) Agora vamos adicionar os efeitos a esse botão, usando as Blending Option, para muda-la você pode ir em Layer > Layer Style> Blending Options, e mude os seguinte itens:

Aqui é para adicionar a cor desejada:

No caso a cor usada para o gradiente é:

Azul claro, 1 cor: #148791

Azul escuro, 2 e 3 cor: #000f1b

O resultado disso deverá ser esse:

3) Adicione um novo Layer(Ctrl + Shift + N),  Segure Ctrl + Shift + Alt e clique no Layer Thumbnail(veja a imagem abaixo), para selecionar o botão criado.

4) Adicione a cor branca nessa seleção, usando o Paint Bucket Tool(Balde de tinta). Aperte Ctrl + t e diminua o tamanho para a metade do botão:

5) Diminua a transparência dele, mude a Opacity para 20%

6) E está pronto o botão, agora é só adicionar o que quiser

botao glass vista

Fica um botão bem loco, a única parte difícil é a escolha do gradiente, que é preciso ter um bom censo para escolher cores que combinam.

Compartilhe nos Sites Sociais: Adicionar esta notícia no Linkk Adicionar esta notícia no Rec6 Adicionar esta notícia no Ueba
Comment on January 28th, 2008.

esse procrama é muito legal para aprender melhor pois tem pessoas que não sabe operar outros programas e esse é mais facil

Comment on February 21st, 2008.

rkfejitzm lxqw atzi jwuyzgh gnozbkflu krinq djtqxzck

Chanuavost
Comment on March 6th, 2009.

Slavisk cheigen lauren scuavisc laisnougan ti gaian blanautis! glay xD

Deixe um comentário

Os campos nome e e-mail são obrigatorios(o e-mail não será exibido), a URL é opcional.

Os comentários podem ter os seguintes comandos:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>