Botão Com Efeito Vidro!

[AdeptDesign 0]

Bom eu to sem tempo pra criar Tutoriais, Os Créditos estão no final.

 

..: Botão globo com efeito vidro:..

 

Baseado em tutorial de autoria de Joey Durham publicado em: http://www.ultraweaver.com/index.asp

 

::Objetivo::

 

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

 

::Novo documento::

 

Abra o FW

Tecle Ctrl + N ou selecione, Arquivo(file) > Novo(new) 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::

 

 

Espero Que Gostem!

 

Créditos: Maujor

Editado 30 Junho, 2009 por AdeptDesign

[Gorgulf 0]

ficou mt escuro pra vidro :/