Procurar
Últimos assuntos
Entrar
Top dos mais postadores
Tecnomm™ | ||||
MatheusDark | ||||
...::: Mk®50 :::... | ||||
Cristian | ||||
sarinha.s | ||||
Bruno | ||||
Hugo | ||||
Batista | ||||
Bononi | ||||
ZeuS |
Palavras-chaves
[Tutorial] Fazendo botão de vidro
:: Programas de edição :: FireWorks
Página 1 de 1
[Tutorial] Fazendo botão de vidro
..: 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.
::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::
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.
::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::
...::: Mk®50 :::...- Programador
- Número de Mensagens : 53
Cash : Dinheiro : 0
:: Programas de edição :: FireWorks
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Sex Dez 26, 2008 12:02 pm por Tecnomm™
» Como esta o fórum??
Qui Dez 25, 2008 7:31 pm por Feolca
» Logo do Portal Brasil
Qua Dez 24, 2008 11:57 pm por Bruno
» [Layout]X-Uploads
Qua Dez 24, 2008 5:09 pm por Tecnomm™
» [Truque] Fazendo Letra se mover
Qua Dez 24, 2008 5:04 pm por Tecnomm™
» ZeuS como Designer Master!!
Qua Dez 24, 2008 5:03 pm por Tecnomm™
» [Tutorial] Texto de Ferro
Qua Dez 24, 2008 5:02 pm por Tecnomm™
» [Tutorial]Aprendendo mais sobre a Pen Tool
Qua Dez 24, 2008 5:01 pm por Tecnomm™
» [Tutorial] Fazendo userBars!!
Qua Dez 24, 2008 5:00 pm por Tecnomm™