Efeito Chuva no fireworks
Mais um simples e interessante recurso que podemos fazer com o fireworks e inserir em nosso site.
Publicado em: 30 de novembro de 2008 | Leituras: 5.403 |
Canal: FireWorks |
Autor: Elder Sales
Nosso primeiro passo é carregarmos a figura que irá sofrer o efeito onde nossa figura está descrita abaixo:

Figura01-Figura
Após isso iremos acionar o painel layers através do menu window ou da tecla F2 conforme visto nos tutoriais anteriores,
onde após isso iremos clicar duas vezes em cima do layer 1 para alterar seu nome e escolher a opção Share across frames conforme vemos abaixo:

Figura02-Layer
Nosso próximo passo é clicar duas vezes em cima do lápis para que o mesmo vire um cadeado e bloqueie a layer conforme vemos abaixo:

Figura03-Cadeado
Feito isso iremos criar um novo layer clicando em seu respectivo item no painel layers conforme vemos abaixo:

Figura04-Novo Layer
Após isso iremos fazer um retângulo com a cor branca solida e sua transparencia para 50 o resultado conferimos abaixo:

Figura05-Opacidade
Agora iremos ao menu Effects>>Noise>> Add Noise,onde faremos as seguintes configurações:
Amount:280
Color: sem seleção
Agora iremos ao menu Effects>>Blur>> Motion Blur,onde faremos as seguintes configurações:
Angle=240
Distance=40
Depois iremos ao menu
Agora iremos triplicar(criar 3 novos frames)o frame criado e ja configurado conforme procedimento ja descritos nas colunas anteriores,caso haja duvida recomendo suas leituras para contnuarmos.
Agora temos 4 frames ja previamente configurados,onde iremos copiar o retangulo criado anteriormente para todos os frames,onde o resultado podemos conferir melhor abaixo:

Figura06-Ajustes
Efetuando as configurações para uma animação na guia optimize temos o resultado final que pode ser incrementado com a criatividade de seu desenvolvedor,onde este efeito pode ser agregado ao efeito nuvem já feito anteriormente,por exemlo,
abaixo vemos o nosso resultado final:

Figura07-Final

Figura01-Figura
Após isso iremos acionar o painel layers através do menu window ou da tecla F2 conforme visto nos tutoriais anteriores,
onde após isso iremos clicar duas vezes em cima do layer 1 para alterar seu nome e escolher a opção Share across frames conforme vemos abaixo:

Figura02-Layer
Nosso próximo passo é clicar duas vezes em cima do lápis para que o mesmo vire um cadeado e bloqueie a layer conforme vemos abaixo:

Figura03-Cadeado
Feito isso iremos criar um novo layer clicando em seu respectivo item no painel layers conforme vemos abaixo:

Figura04-Novo Layer
Após isso iremos fazer um retângulo com a cor branca solida e sua transparencia para 50 o resultado conferimos abaixo:

Figura05-Opacidade
Agora iremos ao menu Effects>>Noise>> Add Noise,onde faremos as seguintes configurações:
Amount:280
Color: sem seleção
Agora iremos ao menu Effects>>Blur>> Motion Blur,onde faremos as seguintes configurações:
Angle=240
Distance=40
Depois iremos ao menu
Agora iremos triplicar(criar 3 novos frames)o frame criado e ja configurado conforme procedimento ja descritos nas colunas anteriores,caso haja duvida recomendo suas leituras para contnuarmos.
Agora temos 4 frames ja previamente configurados,onde iremos copiar o retangulo criado anteriormente para todos os frames,onde o resultado podemos conferir melhor abaixo:

Figura06-Ajustes
Efetuando as configurações para uma animação na guia optimize temos o resultado final que pode ser incrementado com a criatividade de seu desenvolvedor,onde este efeito pode ser agregado ao efeito nuvem já feito anteriormente,por exemlo,
abaixo vemos o nosso resultado final:

Figura07-Final
Resposta em até 24 horas! (grátis)Dúvidas?
Autor da matéria
Últimas matérias escritas pelo autor:
|
Elder Sales Sou técnico em manutenção de equipamentos eletrônicos, técnico em instalação de sistemas de automação, atualmente curso tecnologia em automação sendo também desenvolvedor de sites se utilizando das mais variadas linguagens de programação tal como p |
Últimas matérias escritas pelo autor:
27/08 - Photoshop: Planeta em Fogo
25/08 - Photoshop: Pichando o Muro digitalment...
21/08 - Photoshop: Transformando paisagens
11/08 - Inserindo Figuras em Textos no Corel
10/08 - Bordas em Imagens no Corel draw
03/08 - Texto em Curvas no Corel Draw
28/07 - Contornando Textos no Corel Draw
22/07 - Dual boot Windows XP com Linux Ubuntu
21/07 - Efeito de máscara estrela giratória no...
21/07 - Divulgando o seu site através de meta ...
20/07 - Trocando a memória de um Notebook
13/07 - Slide Show no Corel Paint
09/07 - Divulgando seu site na Web - usando Au...
07/07 - Ganhe dinheiro com seu site
25/08 - Photoshop: Pichando o Muro digitalment...
21/08 - Photoshop: Transformando paisagens
11/08 - Inserindo Figuras em Textos no Corel
10/08 - Bordas em Imagens no Corel draw
03/08 - Texto em Curvas no Corel Draw
28/07 - Contornando Textos no Corel Draw
22/07 - Dual boot Windows XP com Linux Ubuntu
21/07 - Efeito de máscara estrela giratória no...
21/07 - Divulgando o seu site através de meta ...
20/07 - Trocando a memória de um Notebook
13/07 - Slide Show no Corel Paint
09/07 - Divulgando seu site na Web - usando Au...
07/07 - Ganhe dinheiro com seu site
Matérias relacionadas
Últimas matérias
Últimas notícias
Dicas do canal
- Fireworks CS4 - Criando papel de parede
Olá amigos hoje vamos trabalhar com o Fireworks CS... - Agrupar ou desagrupar objetos no FireWor...
Agrupe objetos selecionados individuais e manipule...







Fireworks CS4 - Criando Logo e Cartão de Visita
Fireworks CS4 - Criando papel de parede
Agrupar ou desagrupar objetos no FireWorks
O que você procura para sua vida profissional?
O planejamento agrega valor
E-mail marketing em 140 caracteres
Novos iPods, novo iOS, novo iTunes e nova Apple TV
Conheça as 100 primeiras cidades atendidas pelo Banda Larga ...
Linus Torvalds diz que mercado já se rendeu ao Linux