Animações com Interpolação no Flash

Prévia do material em texto

Animações e Ferramentas 
Virtuais
Tema 04 – Animando com
Interpolação
Bloco 1
Prof. Esp. Leandro Felipe Carvalho
W
B
A
0
1
7
6
_
V
1
.0
Animações e ferramentas virtuais
Nas aulas anteriores, tratamos das
ferramentas básicas do Flash e de animações
quadro a quadro. Falamos de FPS e como ele
muda a exibição da animação.
Melhorando a aparência da animação
Será que após tudo isso você não se
perguntou se a única forma de realizar uma
animação é esta?
Com toda certeza, e esse é o assunto desta
aula. Vamos começar!
Interpolação
Quando queremos um movimento linear de
um símbolo, podemos utilizar a interpolação
para criar um “caminho” de um ponto inicial
até um ponto final.
Lembra da nossa bolinha da Aula 2? Vamos
criar uma parecida que cai no chão e volta
para o ar... Fica pingando ! Vamos ao Flash!
Para acessar o vídeo, clique aqui: 
<http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3
be431606233e0f1d/d206d850e59b3b1ecc76bcdc94312351> 
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/ab35c75b2dae0a190dc48293d23044a3
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/d206d850e59b3b1ecc76bcdc94312351
Cenários
Perceba como com formas bem simples
conseguimos criar um cenário para a nossa
animação.
É importante relacionar diversos elementos
para que a animação se torne mais agradável
ao usuário.
Falando da interpolação...
Essa primeira interpolação que faz o objeto
descrever o caminho linear que tínhamos na
animação quadro a quadro é a interpolação
clássica.
Existem outras formas de interpolação, como
a interpolação de forma que veremos no
próximo bloco desta aula.
Conclusão
Aproveite que você aprendeu a criar a
interpolação clássica e utilize o carrinho da
nossa Aula 3 para testá-la um pouco mais?
Assim ficou mais fácil animar objetos, né!?
Animações e Ferramentas 
Virtuais
Tema 04 – Animando com
Interpolação de Formas
Bloco 2
Prof. Esp. Leandro Felipe Carvalho
Introdução a interpolação de forma
No bloco anterior, tratamos da interpolação
clássica que facilitou nossa vida na hora de
desenvolver animações lineares.
Vamos conhecer um pouco outra aplicação da
interpolação que é a interpolação de forma.
Ela permite transformar um objeto em outro
durante a animação.
Sobre a interpolação de forma
Além de transformar um objeto em outro
durante a animação, ela é capaz de fazer a
transição entre cores dos objetos também.
Vamos fazer um exemplo no Flash.
Para acessar o vídeo, clique aqui: 
<http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd
3be431606233e0f1d/eb59423b6b8532c6eb9b0ce19b50f79e> 
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/ab35c75b2dae0a190dc48293d23044a3
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/eb59423b6b8532c6eb9b0ce19b50f79e
Para acessar o vídeo, clique aqui: 
<http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3
be431606233e0f1d/af3cc320c4847461731b5732ad4700df> 
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/ab35c75b2dae0a190dc48293d23044a3
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/af3cc320c4847461731b5732ad4700df
Texto precisa separar antes de usar
interpolação de forma
Ao trabalhar com o texto, é importante
lembrar de utilizar o comando separar 2x para
que ele se torne um objeto e então aplicar a
interpolação de forma para ver a
transformação das letras.
Interpolação clássica em caminho
não linear
A interpolação clássica funciona de modo não
linear desde que o caminho para que ela siga
seja traçado em uma camada guia.
Vamos ver no Flash, rapidamente, pois temos
essa explicação detalhada no material da Aula 4.
Para acessar o vídeo, clique aqui: 
<http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3
be431606233e0f1d/bfea3fdc42a807356e99087cd7f40043> 
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/ab35c75b2dae0a190dc48293d23044a3
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/bfea3fdc42a807356e99087cd7f40043