Tema03PropriedadesdoFilme(QuadrosporSegundo)

Prévia do material em texto

Animações e 
Ferramentas Virtuais
Tema 03 – Propriedades do
Filme (Quadros por Segundo)
Bloco 1
Prof. Esp. Leandro Felipe Carvalho
W
B
A
0
1
7
6
_
V
1
.0
Animações e ferramentas virtuais
Neste momento, você já conhece o ambiente
de trabalho do Flash e já sabe como criar
suas animações quadro a quadro.
Melhorando a aparência da animação
Você consegue lembrar da apresentação que
fizemos no início da aula 2?
O que mais chamou sua atenção nela?
Vamos olhar o comportamento da animação
no próximo slide.
Animação quadro a quadro
Para acessar o vídeo, clique aqui: 
<http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be43
1606233e0f1d/337880c36db41ee6b673d568a9924d00> 
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/ab35c75b2dae0a190dc48293d23044a3
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/337880c36db41ee6b673d568a9924d00
Lembrou?
E, agora, tem como melhorar sem fazer ela
quadro a quadro como vimos no final da aula 2?
A resposta é sim!
Vamos entender um conceito que é a taxa de
FPS.
FPS (Frames per Second – Quadros
por Segundo)
O conceito de quadros por segundo é muito
importante em uma animação.
Corresponde à quantidade de frames
(quadros) que serão exibidos dentro de um
segundo.
Por padrão, o Flash traz essa taxa como 24
FPS.
FPS (Frames per Second – Quadros
por Segundo)
Quanto menor o número de quadros por
segundo, mais lenta a reprodução da
animação e mais perceptíveis as mudanças de
quadro.
Lembram da nossa animação inicial que já era
falha a 24 FPS? Vamos vê-la a 12 FPS?
Animação a 12 FPS
Para acessar o vídeo, clique aqui: 
<http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be43
1606233e0f1d/16278ad6e54c9e0eaf937070ed454bcc> 
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/ab35c75b2dae0a190dc48293d23044a3
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/16278ad6e54c9e0eaf937070ed454bcc
FPS (Frames per Second – Quadros
por Segundo)
Então, o inverso também é verdade:
Quanto maior o número de quadros por
segundo, mais rápida a reprodução da
animação e menos perceptíveis as mudanças
de quadro.
Vamos observar a mesma animação inicial
que era falha a 24 FPS, agora a 50 FPS.
Animação a 50 FPS
Para acessar o vídeo, clique aqui: 
<http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be43
1606233e0f1d/a30034fb4c7cfc9e96b9ad0852733590> 
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/ab35c75b2dae0a190dc48293d23044a3
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/a30034fb4c7cfc9e96b9ad0852733590
Tempo de duração da animação
Percebeu como faz diferença a mudança da
quantidade de quadros por segundo na
exibição da animação?
Na verdade, o olho humano tem que ser
“enganado” para melhorar a percepção do
movimento no quadro a quadro e taxas
maiores que 50 FPS já não fazem tanta
diferença para a visualização.
Animações e 
Ferramentas Virtuais
Tema 03 – Trabalhando
com Símbolos
Bloco 2
Prof. Esp. Leandro Felipe Carvalho
Melhorando a animação
Até este momento fizemos apenas animações
simples com apenas um símbolo. E se
quisermos montar nosso próprio símbolo para
animar?
Que tal fazermos um carrinho para a próxima
animação?
Vamos ao Flash novamente.
Para acessar o vídeo, clique aqui: 
<http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be4
31606233e0f1d/9db519e77d39cee4291e60b9f84b640e> 
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/ab35c75b2dae0a190dc48293d23044a3
http://fast.player.liquidplatform.com/pApiv2/embed/dbd3957c747affd3be431606233e0f1d/9db519e77d39cee4291e60b9f84b640e
Entendendo os símbolos
Gráfico: para imagens estáticas e para criar partes
reutilizáveis de animação vinculadas à Linha do
tempo principal. Os símbolos gráficos trabalham
junto com a Linha do tempo principal e deixam
menor o arquivo do Flash, pois não possuem Linha
do tempo independente.
Botão: para criar botões interativos que respondam
a cliques do mouse, rolagens ou outras ações. Crie
as imagens associadas aos diversos estados do
botão e, em seguida, atribua ações a cada estado do
botão. São utilizados em web para efeitos
Clipe de filme: os clipes de filme têm a sua
própria Linha do tempo com vários quadros,
independentemente da Linha do tempo
principal: imagine-os como aninhados dentro
de uma Linha do tempo principal que pode
conter controles e sons interativos e até
outras ocorrências de clipe de filme.
Conclusão
É sempre importante lembrar que ao realizar
um desenho de várias partes no Flash, se sua
intenção for animá-lo, você deverá sempre
converter os objetos em um símbolo.
Vale ressaltar que podemos ter apenas um
símbolo com o mesmo nome na biblioteca
(lembra o erro mostrado ao salvar o carrinho),
pois já existia outro símbolo com aquele nome
na biblioteca.