Design Up
Ola Visitante, Seja bem vindo ao DesignUp, esperamos que você goste de nosso conteudo e se torne um Membro para poder participar ainda mais de nossas atividades.

Vale tambem ressaltar que durante seu acesso caso vc veja algum assunto sem nexo algum não se preucupe, é que alguns de nossos conteudos são exclusivos para membros, entao não perca tempo, cadastre-se e tenha acesso completo ao forum.

Att. Rafael Ribeiro
Equipe DesignUp
Escolha o tema
  

Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Últimos assuntos
Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Top dos mais postadores
Antunes Marcelo™ (2685)
 
Rafael Ribeiro (1442)
 
bru5no (1407)
 
San (978)
 
abandonei rs' (213)
 
Banned+ (143)
 
michellgomes (138)
 
Micheel (132)
 
Kotoquinho (125)
 
Dexter (87)
 

Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Parceiros
Fórum grátis


iZiTech
Contador de Visitas
contador free
Facebook

[TUTO] ..: Botão Veerle :..

Ir em baixo

[TUTO] ..: Botão Veerle :..

Mensagem por Antunes Marcelo™ em Qui Ago 05, 2010 1:49 pm

::A forma inicial::

Desenhe um retângulo com cantos arredondados nas dimensões do botão a construir e aplique um gradiente com os parâmetros mostrados na figura a seguir:



::Dividindo a forma inicial em dois::

A seguir vamos dividir a forma construida cortando-a na horizontal com a ferramenta faca.

Selecione a forma e pegue a ferramenta faca (windows - Shift + Y)
Pressione a tecla Shift e "corte" a forma no meio e na horizontal;
Largue a ferramenta faca e selecione a parte inferior da forma. Defina as cores de preenchimento do gradiente como mostrado;
Ajuste o parâmetro de gradiente como mostrado;
Selecione a parte superior da forma e ajuste o parâmetro de gradiente como mostrado;



::Criando o detalhe superior::

Crie uma cópia do botão contruido, selecione a parte superior e com a ferramenta faca corte uma tira em cima como mostrado.
Apague tudo abaixo e fique com a tira que você acabou de criar.
Selecione a tira e reduza suas dimensões para 95%.




::Colocando sombra no botão::

Deixe a tira de lado. Selecione o botão construido e aplique uma sombra (Drop Shadow) como mostrado.




::Posicionando o detalhe superior::

Pegue a tira que você construiu e coloque em cima do botão como mostrado. Aplique fundo branco #FFFFFF e reduza a opacidade da tira para 15.

Nota: se você deslocar a tira ela ficará por baixo do botão, então tenha o cuidado de antes de deslocar a tira trazê-la para frente, arrastando o ícone dela para a posição mais acima no painel Layers.

Para finalizar escreva seu texto sobre o botão.




::Hue/Saturation::

Faça cópias do botão pronto e aplique Filters » Hue/saturation para obter botões com cores diferenciadas como mostrado a seguir.


avatar
Antunes Marcelo™
Administrador
Administrador

Gémeos
Mensagens : 2685
Pontos : 4815
Agradecimentos : 244
Data de inscrição : 19/07/2010
Idade : 27
Localização : Caldas Novas - GO

Outras Informações
Ocorrencias:
10/10  (10/10)

Ver perfil do usuário http://www.pwcentral.com.br

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum