topo
topo
topo
Monday, 04 de May de 2026.
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
 
 
 

· Design » Fireworks » Tutoriais » Bolhas

 

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.

 

comentar

 

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

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

 

Licença Creative Commons    rss

 

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

 

rodape rss Siga-me no Twitter