Home  Fórum  Sobre  Contato 

Categorias

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

Posts antigos

July 2010
M T W T F S S
« Jun «-»  
 1234
567891011
12131415161718
19202122232425
262728293031  
  • Links

    • Contato
    • Efeito Azaron
    • Inexistent Man
    • MeioBit
    • Site da Morróida
    • Sorcery Quest

Site Meta

Syndicate this site using RSS 2.0The latest comments to all posts in RSS 2.0
  • Register
  • Log in

Artigos por e-mail

Receba por e-mail todos os artigos de nosso site.

Digite o seu e-mail:

Distribuido por FeedBurner

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.

Não me servio pra nadaTalvez algum dia eu useValeu a pena saberVou usar issoOtimo! Sempre quis saber isso (1 votos. Média: 5 de 5)
Loading ... Loading ...
   2,704 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
  • Pacote de icones
  • Atualização do Photoshop.com já está disponível
  • Photoshop CS3 Portable

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

dark nagel
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

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>







Mais visualizados

  • Download Vray 1.5 para 3ds Max - 114,830 views
  • Emulador Nintendo DS &#8211; No$GBA - 94,534 views
  • Pacote de fontes Graffiti - 85,425 views
  • Instalar o Windows XP em Hds SATA - 53,708 views
  • Como fazer formulários em HTML/PHP - 52,873 views
  • Download Photoshop CS3 - 49,280 views
  • Detonado &#8211; Castlevania: Portrait of Ruin &#8211; NDS - 48,065 views
  • Download de modelos de carros para o 3ds Max - 46,474 views
  • Com o Windows Vista instalado como instalar o XP - 45,298 views
  • Detonado &#8211; Castlevania Order of Ecclesia &#8211; NDS - 43,772 views

Comentários Recentes

  • CASTLEVANIA disse: o iten new york steak eu usei ele para o nest of evil tem outro canto pra achar ele? por q sem ele nao fasso a quest build your strengh 2 eu tava...
  • Geison Soares disse: A Thales a respeito do meu comentário anterior devo-lhe dizer que estou jogando no computador atravéz de um emulador de nds,ok.Parabéns pelo...
  • Geison Soares disse: Fala Thales,po irmão aconteceu o seguinte comigo,quando eu cheguei em praticamente uns 80% do jogo ,perto do drácula e tudo o jogo começou a...
  • Thales RB disse: vc tem que curar elas com a magia sanctuary, que é mais dificil de fazer do que matar elas =D
  • ViniciusSMrt disse: Boa explicação. Exatamentemente o que eu procurava, pois me confudia na hora de usar “#” ou “.”.
  • Maicon disse: aff muito bom mas eu queria mesmo e criar uma partiçao com o vista starter e outra partiçao com XP
  • Taylor disse: Olá também estou com o mesmo problema…não consigo abrir os modelos, dá erro… sou iniciante no 3dmax, se alguem tiver alguma dica…
  • jaisson disse: muito maneiuro cara valeu mesmo foi de muita utilidade. quando puder mande mais!!!!!!!!
  • CASTLEVANIA disse: e sem derrotar ela nao vai pra forest of doom
  • CASTLEVANIA disse: ei quando a pessoa for derrotar stela te mq curar ela? ou so derrota? por q vc falo pra curar as duas eu to confuso mano responde aew por favor. flw

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