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 globo com efeito vidro:..

Ir em baixo

[TUTO] ..: Botão globo com efeito vidro:..

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

::Objetivo::

Mostrar uma técnica de construção de efeito vidro em um botão tipo globo.

::Visão antecipada::

Este tutorial mostra a técnica se obter o efeito vidro em um botão, conforme esta

VISÃO ANTECIPADA.

::Novo documento::

Abra o FW

Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento".

Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:

Largura: 200 pixels - Altura: 200 pixels

Cor da Tela: #AAAAAA.

Tecle OK.

::A base::

Vamos construir um base para nosso botão.

Desenhe no palco um círculo de 165px x 165px e aplique:
1-) Preenchimento: gradiente radial cores #555555 e #FFFFFF, conforme mostrado na figura;

2-) Contorno do círculo: traço arredondado suave de 1px na cor #999999;



::Construindo o botão globo::

Desenhe outro círculo de 150px x 150px e alinhe-o vertical e horizontalmente com o círculo anterior;
Para alinhar, selecione os dois círculos e tecle Ctrl + Alt + 2 e depois Ctrl + Alt + 5;

Aplique neste novo círculo:

1-) Preenchimento: gradiente radial cores #0000BB e #FFFFFF, conforme mostrado na figura;

2-) Contorno do círculo: traço arredondado suave de 1px na cor #000000;



::Aplicando efeito::

Acompanhe a numeração na figura abaixo:

1-) Desenhe um círculo de 130px x 130px com a cor de preenchimento #FFFFFF e alinhe-o com o círculo anterior;
2-) Clone o círculo desenhado Ctrl + Shift + D e desloque o clone para baixo como mostrado na figura;
3- Selecione os dois círculos brancos e menu Modify => Combine Paths => Punch e você obterá a "meia-lua" mostrada no desenho;
4-) Selecione a "meia-lua" e aplique Effects => Blur => Gaussian Blur e ajuste para radius=4,5;
5-) Aplique transparência=70 na "meia-lua"



::O botão pronto::

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