topo
topo
topo
Segunda, 11 de Dezembro de 2017.
portaldigidesign
menu principal
No Site Na Web
slogan
 
:: Home
:: Fórum
:: Newsletter
:: Na Mídia
:: Recomende-nos
:: Nossos banners
:: Rss Feeds
:: Contato
 
menu design
:: Flash
:: Dreamweaver
:: Fireworks
:: Swishmax
:: Photoshop
:: Corel Draw
:: Ícones
:: Tabela de cores
:: Layouts prontos
 
menu programação
 
:: PHP
:: Asp/.Net
:: Javascript
:: CGI
:: Cold Fusion
 
menu serviços
 
:: Geradores online
:: Indique o site
:: Usuários online
:: Contador
 
menu sites destaque
 
:: Indique seu site
:: Sites destaque
 
menu artigos
 
:: Web Marketing
:: Web acessibilidade
 
 
 

· Artigos » Fireworks

 

Efeito Bolhas  English Version

Por: Ivan W. Primo
Publicado em: 11.11.2005
Visualizações: 37140


rec6 Linkto delicious google yahoo live Twiter

Bolhas

Hoje vamos criar bolhas no Fireworks. Fique atento às técnicas!

Crie um novo documento com 300x300 px e fundo azul #003366.

imagem 1"

Desenhe um círculo no palco e duplique (Ctrl+Alt+D) 4 vezes. Pressione Shift enquanto desenha para fazer um círculo perfeito.

imagem 2"

Mude o preenchimento do primeiro círculo para azul #00CCFF e aplique um sombreamento como mostra a imagem:

imagem 3"

Selecione o segundo círculo e vá ao menu "Modify > Transform > Numeric Transform" e aumente o tamanho do círculo para 110%.

imagem 4"

Agora altere o preenchimento para radial, depois clique na paleta e mude as configurações como mostra a figura:

imagem 5"

Clique sobre a ferramenta "Pointer Tool" e arraste o ponto de ajuste um pouco para fora:

imagem 6"

Coloque este círculo exatamente sobre o círculo que foi preenchido de azul.

imagem 7"

Vá ao painel "Layers" e selecione os dois círculos:

imagem 8"

Em seguida vá ao menu "Modify > Mask > Group as Mask".

Muito bem! Agora vamos trabalhar com os outros dois círculos. Primeiramente selecione um dos círculos restantes e vá ao menu "Modify > Transform > Numeric Transform" e mude o valor para 85%. Depois araste o círculo maior para cima do menor de maneira que apareça somente uma pequena área do círculo menor. Esta área será usada para criar o reflexo da bolha. Observe a imagem:

imagem 9"

Vá ao painel "Layers" e selecione os dois círculos brancos, depois clique no menu "Modify > Combine Path > Punch" para cortar o círculo menor e criar uma meia-lua. Certifique-se de que círculo maior está sobre o menor observando o painel "Layers". Se não estiver, selecione-o e pressione Ctrl+Shift+Seta Acima ou menu "Modify > Arrange > Bring to Front"

Agora mude a opacidade para 30 a 40% e posicione sob a bolha.

imagem 10"

Agora vá ao painel "Layers" novamente e selecione tudo. Depois pressione "Ctrl+G" para agrupar. Agora é só duplicar (Ctrl+Alt+D) algumas vezes e usar a ferramenta "Scale Tool (Q)" para aumentar e diminuir o tamanho das bolhas. Espalhe pelo palco e altere a opacidade de algumas para aplicar um efeito de perspectiva, colocando as menos transparentes para cima (Ctrl+ Seta Acima) e as mais transparentes para baixo (Ctrl+Seta Abaixo). Para obter um visual melhor mude o formato para "jpeg" no painel Optimize e escolha a qualidade 100.

final"

Hoje é só!!! Espero que apreciem!!! Abraços! Baseado no original em inglês: Water Drops.

Restaram Dúvidas? Então consulte o Designer's Fórum.

Ivan W. Primo
webmaster@portaldigidesign.com.br
MSN: iwprimo@gmail.com



Versão para impressão  Twitter



 

  Comentários:

Nome: Digite seu nome.Digite seu nome.
Email: Campo Obrigatório. Formato Inválido.
Comentário:   Campo Obrigatório.Digite ao menos 8 caracteres.Até 100 caracteres.
   

   rss

 
hospedagem Host Brasil
Dreamweaver
Fireworks
Flash
SwishMax
Corel Draw
Photoshop
Photoshop
PHP
Asp/.Net
Web Marketing
publicidade
   

 

rodape rss Siga-me no Twitter