Flash - anisioteixeira.com.br · selecionado e escolha a opção criar uma interpolação de forma...
Transcript of Flash - anisioteixeira.com.br · selecionado e escolha a opção criar uma interpolação de forma...
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