flash - anisioteixeira.com.br · selecionado e escolha a opção criar uma interpolação de forma...

Post on 04-Oct-2020

0 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Flash

Prof. Luiz Claudio Ferreira de Souza

www.luizclaudiofs.blogspot.com

Flash

Programa destinado para a criação de animações.

www.luizclaudiofs.blogspot.com

Conceitos Importantes

Linha do tempo: Correspondem a quadros que podemos trabalhar um a um.

Flash -> Padrão de 12 quadros por segundo Tv -> 21 a 30 quadros por segundo

www.luizclaudiofs.blogspot.com

Primeiro Exemplo

Selecione Texto, e defina o tamanho da fonte para 48 e o Tipo Arial

www.luizclaudiofs.blogspot.com

Selecione a Ferramenta de Texto (1) e clique no palco (2)

www.luizclaudiofs.blogspot.com

Selecione a cor verde

www.luizclaudiofs.blogspot.com

Digite o B da palavra Brasil

www.luizclaudiofs.blogspot.com

Na Linha do Tempo, selecione o segundo quadro dando um clique com o botão direito do mouse

Observe, o quadro ficará azul!

www.luizclaudiofs.blogspot.com

Clique com o Botão esquerdo do mouse sobre o segundo quadro e insira quadro chave

www.luizclaudiofs.blogspot.com

Deverá ficar assim

www.luizclaudiofs.blogspot.com

Agora Faça as demais letras, para que fique assim

www.luizclaudiofs.blogspot.com

Ferramentas

www.luizclaudiofs.blogspot.com

Segundo Exemplo

Selecione o quadro 50 e Insira um quadro chave

Ficando assim:

www.luizclaudiofs.blogspot.com

Desenhe uma Circunferência no Palco, no frame (quadro) 1

www.luizclaudiofs.blogspot.com

Selecione o Quadro 50 e insira um quadro chave

Ficando assim!

www.luizclaudiofs.blogspot.com

Selecione o quadro 50, e troque de cor a circunferência!

www.luizclaudiofs.blogspot.com

Selecione qualquer quadro entre 1 e 50

www.luizclaudiofs.blogspot.com

Clique com o botão direito do mouse sobre o quadro selecionado e escolha a opção criar uma interpolação de forma

www.luizclaudiofs.blogspot.com

A Linha do tempo ficará assim!

www.luizclaudiofs.blogspot.com

Ctrl + Enter , veja a execução!

www.luizclaudiofs.blogspot.com

Exemplo 3

Vamos fazer a circunferência do exemplo anterior mudar de posição!

www.luizclaudiofs.blogspot.com

Selecione o Quadro 50 e desloque a circunferência para a nova posição

www.luizclaudiofs.blogspot.com

Exemplo 4

Vamos agora fazer um circulo virar um retângulo!

www.luizclaudiofs.blogspot.com

No Quadro 1, desenhe uma circunferência no palco

www.luizclaudiofs.blogspot.com

Insira um quadro chave em branco no frame 50

www.luizclaudiofs.blogspot.com

Observe como ficará a linha do tempo!

www.luizclaudiofs.blogspot.com

No quadro 50 desenhe um quadrado!

www.luizclaudiofs.blogspot.com

Em qualquer quadro entre 1 e 50 insira a interpolação de forma

www.luizclaudiofs.blogspot.com

www.luizclaudiofs.blogspot.com

CTRL + Enter e veja como ficou!

www.luizclaudiofs.blogspot.com

Exemplo 5

Até agora utilizamos uma única camada, vamos a um exemplo de duas camadas!

www.luizclaudiofs.blogspot.com

Desenhe a figura abaixo no quadro 1

www.luizclaudiofs.blogspot.com

Insira um quadro chave no frame 50

Ficando a linha do tempo assim!

www.luizclaudiofs.blogspot.com

Selecione a ferramenta transformação livre e aumento a figura desenhada!

www.luizclaudiofs.blogspot.com

Aumente a figura para a direita!

www.luizclaudiofs.blogspot.com

Ficando assim!

www.luizclaudiofs.blogspot.com

Em qualquer quadro entre 1 e 50, insira a interpolação de forma

Ficando a linha do tempo assim!

www.luizclaudiofs.blogspot.com

Adicione uma nova camada!

Clique onde a seta indica, abaixo

www.luizclaudiofs.blogspot.com

Nova camada criada!

www.luizclaudiofs.blogspot.com

Coloque um cadeado na primeira camada!

www.luizclaudiofs.blogspot.com

Na camada 2, no quadro 1 insira o desenho, conforme abaixo

www.luizclaudiofs.blogspot.com

Insira um quadro chave no frame 50

Ficando assim!

www.luizclaudiofs.blogspot.com

Utilizando a ferramenta transformação livre aumente a figura desenhada por último para a esquerda

www.luizclaudiofs.blogspot.com

Na camada 2, entre os quadros 1 e 50, crie a interpolação de forma

www.luizclaudiofs.blogspot.com

A linha do tempo ficará assim:

www.luizclaudiofs.blogspot.com

Ctrl + Enter , veja como ficou!

www.luizclaudiofs.blogspot.com

Exemplo 6

Vamos fazer agora uma bolinha caindo e subindo!

www.luizclaudiofs.blogspot.com

No quadro 1, faça o desenho abaixo

www.luizclaudiofs.blogspot.com

No quadro 25 insira um quadro chave:

www.luizclaudiofs.blogspot.com

Selecione a bolinha desenhada, mantenha a tecla shift pressionada e juntamente tecle a seta para baixo, assim mantemos o eixo

www.luizclaudiofs.blogspot.com

Insira um quadro chave no quadro 30

www.luizclaudiofs.blogspot.com

Insira um quadro chave no quadro 35

www.luizclaudiofs.blogspot.com

Selecione o quadro 1, clique com o botão esquerdo do mouse

www.luizclaudiofs.blogspot.com

Selecione a linha do tempo 55, clique com o botão direito e cole

www.luizclaudiofs.blogspot.com

Selecione o frame 30, selecione a ferramenta transformação e achate a bolinha

www.luizclaudiofs.blogspot.com

Selecione todas os quadros da camada

Para isso, clique no nome da camada (camada 1)

www.luizclaudiofs.blogspot.com

Insira a interpolação de forma, clique com o botão direito do mouse sobre qualquer quadro selecionado em azul

www.luizclaudiofs.blogspot.com

A linha do tempo ficará assim:

www.luizclaudiofs.blogspot.com

Ctrl + Enter , veja como ficou!

www.luizclaudiofs.blogspot.com

Física com Flash

www.luizclaudiofs.blogspot.com

Selecione um arquivo novo

No quadro 1 desenhe a figura abaixo:

www.luizclaudiofs.blogspot.com

No quadro 30 Insira um quadro chave em branco, a linha do tempo ficará assim!

www.luizclaudiofs.blogspot.com

No quadro 30, Insira um quadro chave.

Utilize a ferramenta de transformação livre.

www.luizclaudiofs.blogspot.com

Amplie a chapa de metal desenhada

www.luizclaudiofs.blogspot.com

Selecione qualquer quadro entre 1 e 30

Crie uma interpolação de Forma!

www.luizclaudiofs.blogspot.com

Nomeie a camada1 para Metal e coloque o cadeado!

Ficando assim:

www.luizclaudiofs.blogspot.com

Crie a camada Fogo

www.luizclaudiofs.blogspot.com

Selecione o quadro 1

Importe para o palco o arquivo cbx-fogo 43:

www.luizclaudiofs.blogspot.com

No quadro 1 da camada Fogo, traga o fogo para baixo na chapa de metal, utilizando a ferramenta:

www.luizclaudiofs.blogspot.com

Faça o mesmo para os quadros 5, 7, 10, 13, 16, 19, 22

www.luizclaudiofs.blogspot.com

Agora veja como ficou Ctrl+Enter

www.luizclaudiofs.blogspot.com

top related