Home  Fórum  Sobre  Contato 

Informações

Você está vendo Criar um botão similar ao do Vista no Photoshop. Você pode deixar um comentário ou um trackback esse post
Há 3 comentários.

January 2008
M T W T F S S
« Dec   Feb »
 123456
78910111213
14151617181920
21222324252627
28293031  

Páginas

  • Contato
  • sitemap
  • Sobre

Categorias

  • ClubePC (13)
  • Desenvolvimento (37)
    • AJAX (2)
    • HTML-CSS (15)
    • Javascript (5)
    • Jquery (1)
    • MySQL (7)
    • PHP (18)
      • Aprendendo PHP (6)
    • Scripts (4)
  • Designer (42)
    • CG (12)
      • 3ds Max (6)
    • Photoshop (20)
  • Diversos (26)
  • Download (55)
  • Games (20)
  • Guia de Compra (2)
  • Hardware (7)
  • Humor (11)
  • Internet (31)
    • Blogs (3)
    • Firefox (8)
  • Notícias (33)
  • Rapidinha (6)
  • Softwares (45)
  • Windows (32)
  • Links

    • Contato
    • Download de filmes
    • Efeito Azaron
    • MeioBit
    • Site da Morróida

Site Meta

Syndicate this site using RSS 2.0The latest comments to all posts in RSS 2.0
  • Register
  • Log in
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.

   5,333 visualizações

Tags: Botão, Photoshop

Leia também

  • Super pacote de Stlyes para o Photoshop
  • Criar um botão com aparência de um tablete no photoshop
  • Download Photoshop CS5 Portable
  • Pacote com 300 ícones png de diversos tamanhos
  • Pacote de icones

Super pacote de Stlyes para o Photoshop »« Instalando e usando Brushes no Photoshop

dark nagel
Comment on January 28th, 2008.

esse procrama

yzmestfc zacmojkb
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>







Posts mais vistos

  • Download Vray 1.5 para 3ds Max
  • Emulador Nintendo DS – No$GBA
  • Pacote de fontes Graffiti
  • Como fazer formulários em HTML/PHP
  • Detonado – Castlevania: Portrait of Ruin – NDS
  • Detonado – Castlevania Order of Ecclesia – NDS
  • Instalar o Windows XP em Hds SATA
  • Tutorial Básico PHP (Aprenda PHP)
  • Download Photoshop CS3
  • Download de modelos de carros para o 3ds Max

Comentarios recentes

  • william on Dicas – Yu-Gi-Oh! Nightmare Troubadour – NDS
  • joao victor on 300 3D Smileys para MSN
  • Tutorial Básico PHP - Riba Developer on Instalando o Apache, PHP, Mysql no Windows
  • pedro henrique on Digimon World Dawn/Dusk – DNA/Armor Digivolution
  • Eduardo on Query String

Tags

3ds Max 3ds Max Basico Aprendendo PHP Brushes ClubePC Computação Grafica CSS CSS-Hacks Designer Detonados Diversos Download Downloads Firefox Fontes Games Google Hardware HTML Básico Humor Icones Internet Internet Explorer Javascript Jogos-PC Microsoft MySQL mysql-basico NDS Notícias Office Photoshop PHP PHP Basico Portable Rapidinha Script Sobre Softwares tags-HTML Wallpapers Windows Windows-Vista Windows-XP WordPress
eXTReMe Tracker