Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Procurar
 
 

Resultados por:
 


Rechercher Pesquisa avançada

Últimos assuntos
» [PEDIDO] Imagem para fundo de categoria
Botão estilo Glossy. EmptyQui maio 26, 2011 10:02 pm por cooker

» 1000 Brushes para Download
Botão estilo Glossy. EmptyQui Abr 01, 2010 3:51 pm por x SparTan

» [Fonte]Game Logos
Botão estilo Glossy. EmptyQua Mar 31, 2010 2:41 pm por Gouveia -

» Ranks-Habbundo
Botão estilo Glossy. EmptyTer Mar 30, 2010 11:17 am por Ronoroa ~

» [Fonte]Coca-Cola
Botão estilo Glossy. EmptyQua Mar 17, 2010 5:52 pm por Hink

» [Fonte] Battlestar (Galactica)
Botão estilo Glossy. EmptySáb Dez 12, 2009 6:14 pm por Aurora

» [Fonte]Team Spirit
Botão estilo Glossy. EmptySáb Dez 12, 2009 6:07 pm por Aurora

» [Fonte] Aardvark Cafe (Hard Rock Café)
Botão estilo Glossy. EmptySáb Dez 12, 2009 6:05 pm por Aurora

» [Fonte] Allstar
Botão estilo Glossy. EmptySáb Dez 12, 2009 4:53 pm por Aurora

Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Nosso Banner
Gostaria de Parceria?

Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!



Clique - Crie parceria

Para parceria, é necessário seu registro no VisualArts!

Botão estilo Glossy.

3 participantes

Ir para baixo

Botão estilo Glossy. Empty Botão estilo Glossy.

Mensagem por Azure Qua Jan 21, 2009 12:56 pm

01. Pressione Ctrl+N para criar um novo arquivo, defina um tamanho
qualquer com 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a
letra U do teclado para selecionar a Rounded Rectangle Tool, marque a opção Shape Layers
na barra de opções da ferramenta e desenhe o formato de seu botão como
na foto abaixo, caso queira aumentar ou diminuir o arredondamento nas
bordas antes de criar a forma do botão defina o valor da modificação no
campo Radius na barra de opções da ferramenta.

Botão estilo Glossy. Imagem1

02. Agora vá em Layer> Layer Style> Gradient Overlay e defina o valor do gradiente usado como 434343 no primeiro e segundo indicador e 000000 no terceiro indicador.

Botão estilo Glossy. Imagem2

03. Agora vá em Layer> Layer Style> Stroke e defina os valores usados abaixo, neste tutorial a cor usada foi 363636.

Botão estilo Glossy. Imagem3

04. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

Botão estilo Glossy. Imagem4

05. Seu botão deve ficar parecido com o da imagem abaixo.

Botão estilo Glossy. Imagem5

06. Pressione a letra D do teclado para resetar as cores de Foreground
e Background para preto e branco, pressione a letra X do teclado para
alternar as cores de Foreground e Background, pressione a letra U do
teclado para selecionar a Rounded Rectangle Tool
novamente e crie outro retângulo, desta vez um pouco menor que o
anterior e na parte superior do reângulo criado anteriormente como na
foto abaixo, caso seu novo Shape já apareça com layer styles aplicados
clique com o botão direito do mouse sobre a layer escolha a opção Clear Layer Styles.

Botão estilo Glossy. Imagem6

07. Clique com o botão direito do mouse sobre a nova layer na paleta de layers e escolha a opção Rasterize Layer, pressione a letra Q do teclado para ativar o Quick Mask Mode, pressione a letra G do teclado para selecionar a Gradient Tool,
escolha um gradiente que vá do preto para o branco, clique na parte de
cima da imagem e arraste até a parte de baixo, sua imagem deverá ficar
como a da foto abaixo, pressione Ctrl+D para retirar a seleção.

Botão estilo Glossy. Imagem7

08. Pressione a letra Q novamente para sair do Quick Mask Mode, você terá uma seleção ativa, pressione Delete e sua imagem deverá ficar como a da foto abaixo.

Botão estilo Glossy. Imagem8

09. Agora pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva algo no seu botão, no botão usado no tutorial foi escrito a palavra Entries RSS, vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Botão estilo Glossy. Imagem9

10. Seu botão deve ficar como o da foto abaixo.

Botão estilo Glossy. Imagem10

11. Abaixo seguem outras variações do mesmo botão criado.

Botão estilo Glossy. Imagem11

Botão estilo Glossy. Imagem12

Botão estilo Glossy. Imagem13

Botão estilo Glossy. Imagem14
Azure
Azure
Membro
Membro

Masculino
Posts : 657
Localização : São Paulo
Inscrição : 17/01/2009

http://visual-arts.forumeiros.com

Ir para o topo Ir para baixo

Botão estilo Glossy. Empty Re: Botão estilo Glossy.

Mensagem por Telmo Qua Jan 21, 2009 6:47 pm

Otimo tuto.
Parabéns!
Telmo
Telmo
Membro
Membro

Masculino
Posts : 132
Localização : Minas Gerais
Inscrição : 16/01/2009

http://visual-arts.forumeiros.com

Ir para o topo Ir para baixo

Botão estilo Glossy. Empty Re: Botão estilo Glossy.

Mensagem por Igor_Ruiz Qua Jan 21, 2009 7:59 pm

Telmo escreveu:Otimo tuto.
Parabéns!

Idem!
Muito bom mesmo.
Igor_Ruiz
Igor_Ruiz
Sub-Administrador
Sub-Administrador

Masculino
Posts : 1089
Localização : São Paulo
Inscrição : 21/01/2009

http://visual-arts.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Botão estilo Glossy. Empty Re: Botão estilo Glossy.

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos