Tutorial Fireworks

Tutoriais por por Maurício Samy Silva

..: Efeito curto circuito em fios elétricos :..

Baseado em tutorial publicado em: http://www.traum-projekt.com/

Importante: Você deverá conhecer as técnicas de animação pelo painel "Frames" para obter este efeito.


::Objetivo::

Mostrar uma técnica de construção de uma animação simulando um curto circuito em fios elétricos.


::Visão antecipada::

Este tutorial mostra a técnica para desenhar fios elétricos conforme mostrado nesta

VISÃO ANTECIPADA.


::Construindo os fios::

Construa os dois fios elétricos conforme mostrado no tutorial "Fio elétrico" deste site.
Ver o Tutorial para construção do fio elétrico.

Você deverá estar com os dois fios construídos no palco do seu FW conforme mostrado na figura abaixo:

curto circuito1


::Os seis primeiros frames da animação::

Acompanhe na figura abaixo os seis primeiros frames da animação e construa-os conforme explicado a seguir:

1-) Quando você terminar de construir os dois fios elétricos conforme mostrado na figura do item anterior tecle Shift + F2 para abrir o painel frames. Observe que no painel consta somente o Frame 1.

2-) Clique no canto superior direito do painel frames para abrir o menu do painel e escolha "Duplicar frame" ==> " 1 Frame" ==> "Depois do frame atual" para criar novo frame igual ao Frame 1. Observe que no painel agora constam dois frames.

3-) Com o Frame 2 selecionado desenhe no palco com a ferramenta pen um traçado semelhante ao mostrado no quadro 5 da figura unindo as duas extremidades do fio elétrico.
Assim: Dê um zoom nas extremidades dos fios e selecione a ferramenta pen.
Clique e solte junto a extremidade do fio de cima.
Vá clicando e soltando em direção ao fio de baixo até completar o traçado.
No final você deverá ter no Frame 2 um traçado como mostrado no quadro 5 abaixo.
Use a cor #CCFFCC.

4-) Selecione o Frame 2 clique no canto superior direito do painel frames para abrir o menu do painel e escolha "Duplicar frame" ==> "4 Frames" ==> "Depois do frame atual".
Com esta ação você criará 4 (quatro) Frames após o Frame 2 e terá agora um total de
6 (seis) Frames, sendo:
Frame 1: Os dois fios
Frames 2,3,4,5,6: iguais ao quadro 5 da figura abaixo.

5-) Vamos agora colocar nossos Frames conforme mostrado nos quadros da figura abaixo.
a-) Selecione o Frame 2 e no palco selecione o traçado que você construiu com a ferramenta pen unindo as pontas dos fios.
Com a ferramenta faca corte um pedaço de baixo do traçado, obtendo o que mostra o quadro 2 da figura abaixo.
Repita este procedimento de corte com a ferramenta faca para os Frames 3 e 4, fazendo os cortes mais abaixo.
Ver quadros 3 e 4 na figura a seguir.
Deixe o Frame 5 como esta.

6-) Selecione o Frame 6 e desenhe um círculo pequeno sobre o traçado.
Use a cor de preenchimento #CCFFCC e sem traço em volta.
Selecione o círculo que você acabou de desenhar e aplique
Efeito ==> Glow ==> 5 - 90% - 12 - 0
Você deverá obter o efeito como mostrado no no quadro 6 da figura a seguir.

 

curto circuito2

::Os Frames 7 e 8::

Crie os Frames 7 e 8 duplicando o frame 6.

1-) Selicione a bolinha do Frame 7 e altere o Efeito Glow para:
6 - 100% - 7 - 3

2-) Selecione a bolinha do Frame 8 e altere o Efeito Glow para:
5 - 100% - 8 - 4
Crie outra bolinha no traçado e aplique o Efeito Glow com:
5 - 100% - 8 - 7

Veja na figura abaixo os Frames 7 e 8

curto circuito3

::A técnica dos Frames::

Crie o Frame 9 igual ao Frame1 e deixe-o assim;

Agora vá criando os seguintes e alterando os parâmetros do Efeito Glow em cada um deles para ir obtendo os efeitos de centelhamento.

Para finalizar atribua os tempos de duração de cada Frame.


::Os parâmetros de tempo usados neste tutorial::

Abaixo forneço os parâmetros de tempo de duração dos frames que usei para obter os efeitos mostrados neste tutorial.
Altere a vontade para obter efeitos diferentes.

Duração dos Frames:

Frame 1 - 100; Frame 2 até Frame 6 - 9; Frame 7 - 2; Frame 8 - 12; Frames 9 e 10 - 8;
Frame 11 - 2; Frame 12 - 15; Frame 13 - 8.


Site criado em 22 de julho de 2004 por Maurcio Samy Silva Direitos de terceiros reservados 2004-2017.
Contedos no pertencentes a terceiros podem ser copiados vontade (crdito ser bem-vindo).
Powered by: Maujor ®