SlideShare a Scribd company logo
1 of 31
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Aula 05
1. ANIMAÇÃO COM “A GRANDE“
2. PRINCÍPIOS BÁSICOS E CLÁSSICOS DE ANIMAÇÃO
3. PROPOSTA DE TPC
ATELIER AUDIOVISUAL E MULTIMÉDIA I - Multimédia
Curso de Ciências da Comunicação - 2º Ano | 2º Semestre
Professor Leonardo Pereira
Ano Curricular - 2013 | 2014
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
01
Animar com “A grande”
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Animar com
“A grande“
Quando se começa a animar é conveniente compreender que animar um objecto não é
o mesmo que apenas dar-lhe movimento.
É muito mais do que isso. É deixar transparecer na acção as propriedades físicas
e emocionais dos objectos ou personagens envolvidos.
Um objecto ou personagem:
• Tem um determinado peso e massa (mais ou menos kgs ou gramas);
• É feito de um material específico;
• Pode ser rígido, deformável ou elástico;
Está sujeito a interacções com o ambiente e objectos circundantes como:
• Os efeitos da gravidade;
• Os efeitos do atrito entre objectos;
• Colisões e interacções com outros objectos;
• E as transferências de energia cinética entre objectos.
E pode ainda ter um temperamento:
• Pode ser um objecto/personagem calmo;
• Pode ser um objecto/personagem nervoso e agitado;
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Animar com
“A grande“
Por um exemplo, uma bola que cai vai-se comportar de maneira diferente em função:
• Da gravidade;
• Do seu peso;
• e do material de que é feita.
Repare-se como, neste exemplo, apesar de termos duas bolas no ar exactamente
iguais, depois de vermos a animação percebemos que elas são completamente
diferentes. Porquê?
Porque se comportam fisicamente e interagem com o ambiente de formas diferentes
dizendo ao espectador que têm propriedades físicas, também, diferentes. Uma é rígida
e pesada mas a outra é deformável e não tão pesada como a primeira.
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Animar com
“A grande“
Outro exemplo... quando alguém atira uma bola o seu percurso vai depender:
• Da gravidade que é exercida sobre a bola;
• Do peso e massa da bola;
• e da força e velocidade com que foi atirada.
Mas seja qual for a combinação de variáveis e da distância percorrida pela bola, uma
coisa é certa. A bola vai sempre descrever um arco! Seja este mais alongado ou menos
alongado. Isto porque vai perdendo energia cinética e porque a gravidade actua
cumulativamente sobre essa perda de energia.
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Animar com
“A grande“
ou ainda... quando algo colide com outro objecto a reacção de ambos vai depender:
• Do peso de cada objecto;
• Da rigidez ou elasticidade do material de cada objecto;
• e da energia cinética transportada por cada objecto.
Bola mole e deformável
Parede pesada e rígida
Bola deforma-se ligeiramente a alta
velocidade
Bola deforma-se ao embater na
parede mas a parede não.
Bola rígida e indeformável
Parede elástica
e deformável
Bola não se deforma a alta
velocidade
Parede deforma-se ao receber a
colisão da bola, mas a bola não se
deforma.
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Animar com
“A grande“
e muitas outras situações existem...
Portanto...
Animar ou dar vida a algo inanimado, com credibilidade depende, em grande parte, da
compreensão que temos da forma como os objectos e os materiais se comportam físi-
camente, como interagem fisicamente no mundo real e de como a energia cinética os
atravessa ou interage com eles.
E foi exactamente isso, que nos anos 30, os animadores de Walt Disney começaram a
fazer. Ou seja, estudaram o comportamento dos materiais no mundo real, o que os le-
vou a criarem a linguagem da Arte da Animação. Esta linguagem traduziu-se e traduz-se
hoje nos chamados Princípios básicos e clássicos de Animação.
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Animar com
“A grande“
Um bom animador tem de saber animar
credivelmente um objecto, quer ele esteja
em terra, dentro de água ou até mesmo
na Lua.
E só o poderá conseguir se compreender e utilizar os PBCAs.
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
02
Princípios básicos e clássicos de Animação
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Timing
ou a noção
de tempo
O Timing refere-se à duração que uma acção demora a ser completada.
Por exemplo, uma bola pode pinchar mais depressa (Fast Timing) ou mais devagar
(Slow Timing). E isso vai afectar a percepção do grau de realismo ou de “cartonismo” da
animação.
BOINK BOINK BOINK BOINK BOINK
5 Segs = Slow timing
2 Segs = Fast timing
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Fast Timing O Fast Timing é uma estratégia de animação baseada na descrição de movimentos e
comportamentos a alta velocidade, mas com poucos desenhos e com truques visuais.
Tendencialmente é uma estratégia de animação que se utiliza mais quando o resultado
final pretendido é de comportamento e movimento mais “cartoonista“ e menos realista.
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Fast Timing Esta estratégia de “truques visuais” foi amplamente utilizada tanto em curtas como
longas metragens de animação conhecidas do grande público como as seguintes:
Ver excerto do Filme Alladin em: https://www.youtube.com/watch?v=5OCF_icJIYU
Ver episódio 43 do Road Runner & Wile E Coyote em: https://www.youtube.com/watch?v=jrpaUOVwNeU
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Slow Timing O Slow Timing baseia-se na descrição de movimentos e comportamentos a uma
velocidade normal onde todos os detalhes do movimento e comportamento físico dos
personagens são descritos. O resultado é um comportamento e movimento realista e
muito fluido.
Ver excerto de Snow White and the Seven Dwardfs em (ver execerto do minuto 14): https://www.youtube.com/watch?v=lxj_A1CKxPk
Ver excerto de Alice in wonderland em (ver execerto do minuto 2): https://www.youtube.com/watch?v=sdWYzMgpGPA
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Squash &
Stretch
Elasticidade
O Squash & Strech refere-se à compressão ou extensão física de um objecto em fun-
ção de uma determinada acção que está a ser executada pelo mesmo e em função da
elasticidade do material de que é composto. No mundo real os objectos tendem a esticar
quando se encontram em movimento e a comprimir quando colidem com alguma coisa
ou quando outra força externa oferece resistência ao seu movimento.
O exemplo mais básico do uso deste princípio de animação é o exemplo clássico da
bola a saltitar.
Estica à medida que acelera
Comprime quando colide ou encontra resistência
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
A elasticidade e a atribuição desta propriedade em objectos ou personagens, que se
pretende animar, é de vital importância pois ela confere um lado físico-material e fluidez
à acção e aos comportamentos.
A sua importância é facilmente compreendida quando vemos um exemplo extremo desta
propriedade, mesmo em objectos do mundo real que aparentemente não são elásticos,
como uma bola de golfe “rígida” que afinal se deforma em colisões.
Squash &
Stretch
Elasticidade
Ver vídeo de impacto da bola de golfe em slow motion em: https://www.youtube.com/watch?v=aMqM13EUSKw
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Squash &
Stretch
Elasticidade
Mas há mais situações em que se pode aplicar este princípio e propriedade para
além de uma simples bola a pinchar ou de uma bola de golfe “rígida“.
Repare-se como, enquanto este rato da animação “Country Cousin“ mastiga, toda a sua
face comprime e estica.
Ver excerto de Country Cousin em (ver execerto do minuto 2:35): https://www.youtube.com/watch?v=3U7adg_yPLM
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Squash &
Stretch
Elasticidade
O Pluto é um personagem onde se sente muito a elasticidade do seu corpo e do seu
comportamento/acção através do uso e abuso do Squash & Strech.
Ver excerto de Disney Pluto Classic Collection Volume 4 em (ver excerto do minuto 31): https://www.youtube.com/watch?v=ygQZQXc_C-M
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
O princípio da antecipação diz respeito a uma acção executada numa direcção que an-
tecipa outra acção na direcção contrária à primeira, por forma a preparar o espectador
para a acção que se lhe sucede.
Este princípio deriva de um comportamento que tanto o Homem como os animais
executam sempre que iniciam uma acção caracterizada por um grande esforço físico
onde vai ser necessário aplicar muita energia. O mundo do desporto é um excelente
exemplo de um contexto onde este comportamento acontece frequentemente.
Anticipation
Antecipação
Ver excerto de exemplo em (a partir do minuto 3:40): https://www.youtube.com/watch?v=n6_Q563nGh0
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Anticipation
Antecipação
E obviamente que, no mundo da animação, os animadores começaram, e bem, a tirar
partido deste comportamento para acentuar a expressividade da acção e movimento
dado aos personagens, como se pode ver neste exemplo do Pato Donald:
Antes de “desatar“ a correr, o Donald atira os braços para trás, levanta uma das pernas
e por fim dispara na direcção contrária ao movimento de antecipação.
Antecipação é, essencialmente, o acumular prévio da tensão e energia que vai ser,
na acção seguinte, dispendida ou libertada!
Ver excerto de Donald Duck 1 Hour Of Classic Episodes em (a partir do minuto 1:00): https://www.youtube.com/watch?v=2FZn-M1JyI0
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Anticipation
Antecipação
Mas há outras formas de antecipação mais caricaturais e menos realistas. O Speedy
Gonzalez, antes de correr ou até mesmo quando pára de correr, antecede estes dois
actos com pequenos saltos.
Não sendo realista, porque ninguém salta no ar antes de começar a correr, é uma acção
suplementar que cria tensão e diz ao espectador que o personagem vai fazer alguma
coisa de diferente dali em diante.
Ver excerto de Speedy Gonzales Cats And Bruises (a partir do minuto 2:30): https://www.youtube.com/watch?v=e57YCp6nGDc
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Drag, Follow
Through &
Overlapping
action
Arrasto,
continuidade e
acção
sobreposta
O Princípio de Drag, Follow Through e Overlapping Action diz respeito à transferência
de energia resultante de uma acção, entre objectos ou diferentes partes do corpo de um
personagem que se encontram fisicamente ligados numa relação parental.
Desconstruindo-se o princípio, este é composto pelas seguintes partes:
1. Drag
Uma parte do corpo de um
personagem arrasta outra parte
desse corpo ao qual está ligada.
2. Follow Through
A primeira parte do corpo pára o
seu movimento. Mas a segunda
continua a deslocar-se.
3. Overlapping action
A segunda parte do corpo, ao con-
tinuar a deslocar-se, sobrepõe-se à
primeira.
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Drag, Follow
Through &
Overlapping
action
Arrasto,
continuidade e
acção
A proveniência deste princípio é muito fácil de compreender se olharmos para um
exemplo muito parvo do mundo real, mas que é extremamente eficaz na ilustração do
funcionamento e importância deste princípio, ou seja:
O comportamento dos braços dos nossos tradicionais gigantones!
Por força da actuação da inércia, a energia utilizada para deslocar o tronco do gigantone
é transferida para os braços, onde é dissipada com o “balancear morto” dos braços.
Ver o vídeo Mercado à moda antiga em: https://www.youtube.com/watch?v=i888LgIdmE4
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Drag, Follow
Through &
Overlapping
action
Arrasto,
continuidade e
acção
No mundo da animação encontramos exemplos da aplicação deste Princípio e compor-
tamento físico em personagens como:
Pocahontas e o seu cabelo com comportamento hiper realista:
Ou ainda a Snow White com as suas roupagens naturais e esvoaçantes:
Ver o vídeo Colors of the wind (a partir do minuto 1:14) em: https://www.youtube.com/watch?v=TkV-of_eN2w
Ver o vídeo Snow White and the Seven Dwarfs (a partir do minuto 6:00) em: https://www.youtube.com/watch?v=lxj_A1CKxPk
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Action &
Reaction
Acção e
reacção
Este príncípio refere-se à transferência de energia e movimento entre objectos
ou personagens que não estão fisicamente ligados entre si nem têm qualquer tipo de
relação parental, mas que estão assentes sobre uma mesma superfície.
Repare-se como o Donald voa quando a boia, em tensão e esticada pelos tubarões, é
libertada e provoca uma onda de energia ascendente que afecta o Donald.
E repare-se como as árvores ao cairem ao chão, derrubadas pelo Bocas, “atiram“ ao ar
os animais por perto, afectados pela onda de impacto da árvore a bater no chão.
Ver o vídeo O Bocas - A Casa do Bocas (a partir do minuto 3:15) em: http://www.youtube.com/watch?v=k_7IhCCTQEg
Ver o vídeo Donald Duck - Bee At The Beach (a partir do minuto 5:40) em: https://www.youtube.com/watch?v=MhB-qXIVnXc
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Energy decay
Dispersão
energética
Este príncípio refere-se à perda progressiva de energia cinética no movimento de um
objecto, através da repetição, progressivamente menor, desse movimento.
O funcionamento deste princípio é muito fácil de compreender se olharmos para um dos
melhores exemplos do mundo real que existem para o ilustrar:
As portas de saloon e o seu movimento dissipante.
Como se pode ver neste vídeo, depois de as pessoas as empurrarem, as portas de
saloon vão dissipando a energia acumulada nas suas dobradiças elásticas “ondeando“
cada vez menos até pararem por completo.
Ver o vídeo Red Dog Saloon Doors em: https://www.youtube.com/watch?v=mlQkIiSLCUE
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Energy decay
Dispersão
energética
No mundo da animação vemos imensos exemplos do uso deste princípio, como nos
seguintes excertos:
Repare-se como o rodar desta tartaruga vai desvanecendo...
Ou como esta portinhola do correio “baloiça” cada vez menos, à medida que vai
perdendo energia cinética...
Ver o vídeo Disney Pluto Classic Collection Volume 3 (a partir do minuto 4:10 e 6:55) em: https://www.youtube.com/watch?v=QSvAjppJ874
Ver o vídeo Disney Pluto Classic Collection Volume 3 (a partir do minuto 10:50) em: https://www.youtube.com/watch?v=QSvAjppJ874
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Exaggeration
Exagero
O exagero é um princípio que está relacionado com a acentuação das emoções e dos
comportamentos dos objectos e personagens. O objectivo deste princípio é pegar numa
acção ou emoção realista e acentuá-la exagerando os arcos do movimento, o squash
and strech das expressões ou ainda a velocidade da execução de uma acção.
Se um personagem está triste... torna-o mais triste!
Se um personagem é rápido... torna-o ainda mais rápido!
Se um personagem é selvagem... torna-o ainda mais selvagem!
Um dos exemplos mais extremos deste princípio é o comportamento de um personagem
chamado Tazzzzzzzzzzzzzzzzzz.....
Ver o vídeo Wild Turkey Surprise Bugs Bunny and Taz em: https://www.youtube.com/watch?v=FOTlNOZB4Zo
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Exaggeration
Exagero
Outro exemplo genial do uso deste princípio é o comportamento de um dos personagens
de Tex Avery chamado “Wolfie“, que exprime a sua paixão por outra personagem com
comportamentos extremamente exagerados e inexequíveis no mundo real.
Entre muitas outras personagens que usam e abusam nas suas acções de acentuações
de escala, acentuações de velocidade entre outro tipo de acentuações exageradas que
reforçam a tensão física e dramática da acção dos personagens.
Ver o vídeo Put Your Arms Around Me, Wolfie em: https://www.youtube.com/watch?v=_oAgkTwFRuM
Ver exemplos em: http://www.youtube.com/watch?v=8kP2piN-03k
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
Exaggeration
Exagero
Até no Cinema se percebeu o potencial do uso e abuso do exagero e do seu potencial
dramático na acentuação da tensão da acção de um personagem. É o caso da máscara
que em tudo o que faz ou executa, literalmente, exagera.
Ver o vídeo Funny Scenes from The Mask part 2 em: https://www.youtube.com/watch?v=aH6m_JSZyig
Ver o vídeo Funny Scene in ‘The Mask’ 1994 em: https://www.youtube.com/watch?v=eEQomU6iFtw
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
04
TPC - Animar com princípios de animação
Exercício e objectivos:
Os alunos terão de produzir uma animação simples em Flash utilizando apenas formas geométricas simples.
Terão de tentar explorar princípios básicos da animação clássica para conseguir atribuir comportamento e pro-
priedades físicas e emocionais a um confronto entre três elementos geométricos diferentes — um quadrado,
um círculo e uma linha — “personagens“ que terão propriedades físicas diferentes e que em função dessas
propriedades terão de ser animadas de formas também diferentes pelos alunos.
Propriedades dos personagens:
•	Quadrado: Feito de um material muito pesado e inflexível;
• 	Círculo: Feito de um material leve e flexível.
• 	Parede vertical (linha): Feita de um material muito resistente mas muito flexível.
História e sinopse:
Um quadrado aproxima-se de um círculo que está um pouco mais à frente do seu caminho. Ao deparar-se com
o círculo pára o seu percurso por causa do círculo. Pouco depois o quadrado chuta o círculo contra a linha
vertical, o círculo faz um ricochete violento e embate de volta no quadrado. Fim!
Os alunos são, porém, livres de introduzir acções na narrativa descrita, desde que a animação contenha, pelo
menos, os momentos chave descritos na página seguinte no storyboard deste enunciado.
Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Módulo Multimédia
Atelier Audiovisual e Multimédia I - 2013 | 2014
Professor Leonardo Pereira
04
TPC - Animar com princípios de animação - continuação
Storyboard:
A animação deverá ter, os seguintes momentos chave:
Duração:
A animação deverá ter, entre 15 a 30 segundos no máximo.
Entrega:
Os alunos deverão entregar o trabalho em formato .swf no dia 25 de Março, para apresentação e discussão
conjunta com o professor e restantes colegas.
Stop!
1. O quadrado aproxima-se do
círculo...
2. O quadrado ao se deparar
com o círculo pára.
3. Logo depois o quadrado
“chuta“ o círculo contra a
parede.
4. O círculo bate na parede, faz
ricochete com o limite superior
do plano e atinge o quarado de
volta. Fim.

More Related Content

What's hot

Questionário estilo cognitivo 05 04_2013
Questionário estilo cognitivo 05 04_2013Questionário estilo cognitivo 05 04_2013
Questionário estilo cognitivo 05 04_2013
PriscilaUFGD
 
Os adolescentes e a tecnologia contemporânea.ppt rafaela bambil.
Os  adolescentes e a tecnologia contemporânea.ppt   rafaela   bambil.Os  adolescentes e a tecnologia contemporânea.ppt   rafaela   bambil.
Os adolescentes e a tecnologia contemporânea.ppt rafaela bambil.
Rafaela456
 
Aula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletoresAula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletores
Jolvani Morgan
 
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
Leonardo Pereira
 

What's hot (20)

Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não Designers
 
Arquitetura da Informação - Sistemas
Arquitetura da Informação - SistemasArquitetura da Informação - Sistemas
Arquitetura da Informação - Sistemas
 
Questionário estilo cognitivo 05 04_2013
Questionário estilo cognitivo 05 04_2013Questionário estilo cognitivo 05 04_2013
Questionário estilo cognitivo 05 04_2013
 
Desafios para o uso de TICs aplicadas à educação
Desafios para o uso de TICs aplicadas à educaçãoDesafios para o uso de TICs aplicadas à educação
Desafios para o uso de TICs aplicadas à educação
 
10 questões sobre mídias sociais
10 questões sobre mídias sociais10 questões sobre mídias sociais
10 questões sobre mídias sociais
 
AULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visualAULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visual
 
Clube informatica
Clube informaticaClube informatica
Clube informatica
 
Os adolescentes e a tecnologia contemporânea.ppt rafaela bambil.
Os  adolescentes e a tecnologia contemporânea.ppt   rafaela   bambil.Os  adolescentes e a tecnologia contemporânea.ppt   rafaela   bambil.
Os adolescentes e a tecnologia contemporânea.ppt rafaela bambil.
 
Tecnologias emergentes na sala de aula
Tecnologias emergentes na sala de aulaTecnologias emergentes na sala de aula
Tecnologias emergentes na sala de aula
 
Aula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletoresAula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletores
 
Sistema de Organizacão
Sistema de OrganizacãoSistema de Organizacão
Sistema de Organizacão
 
Sistemas da Arquitetura da Informação
Sistemas da Arquitetura da InformaçãoSistemas da Arquitetura da Informação
Sistemas da Arquitetura da Informação
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Slides Twine aula1
Slides Twine aula1Slides Twine aula1
Slides Twine aula1
 
Planejando seu app
Planejando seu appPlanejando seu app
Planejando seu app
 
Webdesign - Elementos de um página web
Webdesign - Elementos de um página webWebdesign - Elementos de um página web
Webdesign - Elementos de um página web
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Leonardo da vinci
Leonardo da vinciLeonardo da vinci
Leonardo da vinci
 
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 

Viewers also liked

Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsEstratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Leonardo Pereira
 
Masks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsMasks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After Effects
Leonardo Pereira
 
Particles emission from a moving finger - Tutorial
Particles emission from a moving finger - TutorialParticles emission from a moving finger - Tutorial
Particles emission from a moving finger - Tutorial
Leonardo Pereira
 
Tutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingTutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point tracking
Leonardo Pereira
 
Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010
Leonardo Pereira
 
Motion Graphics para Mobile TV em Portugal
Motion Graphics para Mobile TV em PortugalMotion Graphics para Mobile TV em Portugal
Motion Graphics para Mobile TV em Portugal
Leonardo Pereira
 

Viewers also liked (20)

Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsEstratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
 
Masks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsMasks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After Effects
 
Conceitos Básicos da Animação (p.2/3)
Conceitos Básicos da Animação (p.2/3)Conceitos Básicos da Animação (p.2/3)
Conceitos Básicos da Animação (p.2/3)
 
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DTutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
 
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitáriosOs Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
 
Adding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5DAdding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5D
 
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
 
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
 
After Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in TutorialAfter Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in Tutorial
 
Particles emission from a moving finger - Tutorial
Particles emission from a moving finger - TutorialParticles emission from a moving finger - Tutorial
Particles emission from a moving finger - Tutorial
 
Tutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingTutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point tracking
 
Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010
 
Cuidados de Produção de chroma e tracking
Cuidados de Produção de chroma e trackingCuidados de Produção de chroma e tracking
Cuidados de Produção de chroma e tracking
 
Anim2 aula0809 Cores_Background
Anim2 aula0809 Cores_BackgroundAnim2 aula0809 Cores_Background
Anim2 aula0809 Cores_Background
 
Anim2 Aula11 Preço_Custo
Anim2 Aula11 Preço_CustoAnim2 Aula11 Preço_Custo
Anim2 Aula11 Preço_Custo
 
História da Animação
História da AnimaçãoHistória da Animação
História da Animação
 
Conceitos Básicos da Animação (p.3/3)
Conceitos Básicos da Animação (p.3/3)Conceitos Básicos da Animação (p.3/3)
Conceitos Básicos da Animação (p.3/3)
 
Conceitos Básicos da Animação (p.1/3)
Conceitos Básicos da Animação (p.1/3)Conceitos Básicos da Animação (p.1/3)
Conceitos Básicos da Animação (p.1/3)
 
AULA 2: História da Animação
AULA 2: História da AnimaçãoAULA 2: História da Animação
AULA 2: História da Animação
 
Motion Graphics para Mobile TV em Portugal
Motion Graphics para Mobile TV em PortugalMotion Graphics para Mobile TV em Portugal
Motion Graphics para Mobile TV em Portugal
 

Similar to Princípios básicos e clássicos de animação

O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da Animação
Leonardo Pereira
 
Unidade 3 aula_com_material_digital_rosangelalb
Unidade 3 aula_com_material_digital_rosangelalbUnidade 3 aula_com_material_digital_rosangelalb
Unidade 3 aula_com_material_digital_rosangelalb
rosangelaleiteborges
 
Uca sp teia da vida apres sueli mainine
Uca sp teia da vida apres sueli mainineUca sp teia da vida apres sueli mainine
Uca sp teia da vida apres sueli mainine
Renata Aquino
 

Similar to Princípios básicos e clássicos de animação (10)

O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da Animação
 
Oficina-de-Foto-I_Introducao.pdf
Oficina-de-Foto-I_Introducao.pdfOficina-de-Foto-I_Introducao.pdf
Oficina-de-Foto-I_Introducao.pdf
 
Unidade 3 aula_com_material_digital_rosangelalb
Unidade 3 aula_com_material_digital_rosangelalbUnidade 3 aula_com_material_digital_rosangelalb
Unidade 3 aula_com_material_digital_rosangelalb
 
Ludicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLudicidade vs usabilidade num website
Ludicidade vs usabilidade num website
 
Introdução à Projeção de cameras
Introdução à Projeção de camerasIntrodução à Projeção de cameras
Introdução à Projeção de cameras
 
Uca sp teia da vida apres sueli mainine
Uca sp teia da vida apres sueli mainineUca sp teia da vida apres sueli mainine
Uca sp teia da vida apres sueli mainine
 
Pedagogia No S Lcompleto
Pedagogia No S LcompletoPedagogia No S Lcompleto
Pedagogia No S Lcompleto
 
Dossier de Produção - Final
Dossier de Produção - Final Dossier de Produção - Final
Dossier de Produção - Final
 
Portifólio AVA-2013
Portifólio AVA-2013Portifólio AVA-2013
Portifólio AVA-2013
 
Webfolio 2º semestre sala de informática 1
Webfolio 2º semestre sala de informática 1Webfolio 2º semestre sala de informática 1
Webfolio 2º semestre sala de informática 1
 

More from Leonardo Pereira

O Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaO Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte Publicitária
Leonardo Pereira
 
Leonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolio
Leonardo Pereira
 

More from Leonardo Pereira (16)

Tutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2DTutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2D
 
Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascaras
 
www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014
 
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
 
O Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaO Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte Publicitária
 
Tutorial de retoque
Tutorial de retoqueTutorial de retoque
Tutorial de retoque
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagem
 
Técnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopTécnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em Photoshop
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012
 
Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em Photoshop
 
Introdução ao Photoshop
Introdução ao PhotoshopIntrodução ao Photoshop
Introdução ao Photoshop
 
Apresentação relatório de progresso
Apresentação relatório de progressoApresentação relatório de progresso
Apresentação relatório de progresso
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à Infografia
 
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
 
Leonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolio
 

Recently uploaded

Expansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XVExpansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XV
lenapinto
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 
Artigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.pptArtigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.ppt
RogrioGonalves41
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
tatianehilda
 

Recently uploaded (20)

Aula 1 - Psicologia Cognitiva, aula .ppt
Aula 1 - Psicologia Cognitiva, aula .pptAula 1 - Psicologia Cognitiva, aula .ppt
Aula 1 - Psicologia Cognitiva, aula .ppt
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
 
Expansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XVExpansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XV
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdfAula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdf
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
Artigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.pptArtigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.ppt
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 
Pesquisa Ação René Barbier Livro acadêmico
Pesquisa Ação René Barbier Livro  acadêmicoPesquisa Ação René Barbier Livro  acadêmico
Pesquisa Ação René Barbier Livro acadêmico
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
 
Cópia de AULA 2- ENSINO FUNDAMENTAL ANOS INICIAIS - LÍNGUA PORTUGUESA.pptx
Cópia de AULA 2- ENSINO FUNDAMENTAL ANOS INICIAIS - LÍNGUA PORTUGUESA.pptxCópia de AULA 2- ENSINO FUNDAMENTAL ANOS INICIAIS - LÍNGUA PORTUGUESA.pptx
Cópia de AULA 2- ENSINO FUNDAMENTAL ANOS INICIAIS - LÍNGUA PORTUGUESA.pptx
 
Texto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptTexto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.ppt
 
Sistema de Bibliotecas UCS - Cantos do fim do século
Sistema de Bibliotecas UCS  - Cantos do fim do séculoSistema de Bibliotecas UCS  - Cantos do fim do século
Sistema de Bibliotecas UCS - Cantos do fim do século
 
3 2 - termos-integrantes-da-oracao-.pptx
3 2 - termos-integrantes-da-oracao-.pptx3 2 - termos-integrantes-da-oracao-.pptx
3 2 - termos-integrantes-da-oracao-.pptx
 

Princípios básicos e clássicos de animação

  • 1. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Aula 05 1. ANIMAÇÃO COM “A GRANDE“ 2. PRINCÍPIOS BÁSICOS E CLÁSSICOS DE ANIMAÇÃO 3. PROPOSTA DE TPC ATELIER AUDIOVISUAL E MULTIMÉDIA I - Multimédia Curso de Ciências da Comunicação - 2º Ano | 2º Semestre Professor Leonardo Pereira Ano Curricular - 2013 | 2014
  • 2. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira 01 Animar com “A grande”
  • 3. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Animar com “A grande“ Quando se começa a animar é conveniente compreender que animar um objecto não é o mesmo que apenas dar-lhe movimento. É muito mais do que isso. É deixar transparecer na acção as propriedades físicas e emocionais dos objectos ou personagens envolvidos. Um objecto ou personagem: • Tem um determinado peso e massa (mais ou menos kgs ou gramas); • É feito de um material específico; • Pode ser rígido, deformável ou elástico; Está sujeito a interacções com o ambiente e objectos circundantes como: • Os efeitos da gravidade; • Os efeitos do atrito entre objectos; • Colisões e interacções com outros objectos; • E as transferências de energia cinética entre objectos. E pode ainda ter um temperamento: • Pode ser um objecto/personagem calmo; • Pode ser um objecto/personagem nervoso e agitado;
  • 4. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Animar com “A grande“ Por um exemplo, uma bola que cai vai-se comportar de maneira diferente em função: • Da gravidade; • Do seu peso; • e do material de que é feita. Repare-se como, neste exemplo, apesar de termos duas bolas no ar exactamente iguais, depois de vermos a animação percebemos que elas são completamente diferentes. Porquê? Porque se comportam fisicamente e interagem com o ambiente de formas diferentes dizendo ao espectador que têm propriedades físicas, também, diferentes. Uma é rígida e pesada mas a outra é deformável e não tão pesada como a primeira.
  • 5. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Animar com “A grande“ Outro exemplo... quando alguém atira uma bola o seu percurso vai depender: • Da gravidade que é exercida sobre a bola; • Do peso e massa da bola; • e da força e velocidade com que foi atirada. Mas seja qual for a combinação de variáveis e da distância percorrida pela bola, uma coisa é certa. A bola vai sempre descrever um arco! Seja este mais alongado ou menos alongado. Isto porque vai perdendo energia cinética e porque a gravidade actua cumulativamente sobre essa perda de energia.
  • 6. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Animar com “A grande“ ou ainda... quando algo colide com outro objecto a reacção de ambos vai depender: • Do peso de cada objecto; • Da rigidez ou elasticidade do material de cada objecto; • e da energia cinética transportada por cada objecto. Bola mole e deformável Parede pesada e rígida Bola deforma-se ligeiramente a alta velocidade Bola deforma-se ao embater na parede mas a parede não. Bola rígida e indeformável Parede elástica e deformável Bola não se deforma a alta velocidade Parede deforma-se ao receber a colisão da bola, mas a bola não se deforma.
  • 7. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Animar com “A grande“ e muitas outras situações existem... Portanto... Animar ou dar vida a algo inanimado, com credibilidade depende, em grande parte, da compreensão que temos da forma como os objectos e os materiais se comportam físi- camente, como interagem fisicamente no mundo real e de como a energia cinética os atravessa ou interage com eles. E foi exactamente isso, que nos anos 30, os animadores de Walt Disney começaram a fazer. Ou seja, estudaram o comportamento dos materiais no mundo real, o que os le- vou a criarem a linguagem da Arte da Animação. Esta linguagem traduziu-se e traduz-se hoje nos chamados Princípios básicos e clássicos de Animação.
  • 8. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Animar com “A grande“ Um bom animador tem de saber animar credivelmente um objecto, quer ele esteja em terra, dentro de água ou até mesmo na Lua. E só o poderá conseguir se compreender e utilizar os PBCAs.
  • 9. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira 02 Princípios básicos e clássicos de Animação
  • 10. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Timing ou a noção de tempo O Timing refere-se à duração que uma acção demora a ser completada. Por exemplo, uma bola pode pinchar mais depressa (Fast Timing) ou mais devagar (Slow Timing). E isso vai afectar a percepção do grau de realismo ou de “cartonismo” da animação. BOINK BOINK BOINK BOINK BOINK 5 Segs = Slow timing 2 Segs = Fast timing
  • 11. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Fast Timing O Fast Timing é uma estratégia de animação baseada na descrição de movimentos e comportamentos a alta velocidade, mas com poucos desenhos e com truques visuais. Tendencialmente é uma estratégia de animação que se utiliza mais quando o resultado final pretendido é de comportamento e movimento mais “cartoonista“ e menos realista.
  • 12. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Fast Timing Esta estratégia de “truques visuais” foi amplamente utilizada tanto em curtas como longas metragens de animação conhecidas do grande público como as seguintes: Ver excerto do Filme Alladin em: https://www.youtube.com/watch?v=5OCF_icJIYU Ver episódio 43 do Road Runner & Wile E Coyote em: https://www.youtube.com/watch?v=jrpaUOVwNeU
  • 13. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Slow Timing O Slow Timing baseia-se na descrição de movimentos e comportamentos a uma velocidade normal onde todos os detalhes do movimento e comportamento físico dos personagens são descritos. O resultado é um comportamento e movimento realista e muito fluido. Ver excerto de Snow White and the Seven Dwardfs em (ver execerto do minuto 14): https://www.youtube.com/watch?v=lxj_A1CKxPk Ver excerto de Alice in wonderland em (ver execerto do minuto 2): https://www.youtube.com/watch?v=sdWYzMgpGPA
  • 14. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Squash & Stretch Elasticidade O Squash & Strech refere-se à compressão ou extensão física de um objecto em fun- ção de uma determinada acção que está a ser executada pelo mesmo e em função da elasticidade do material de que é composto. No mundo real os objectos tendem a esticar quando se encontram em movimento e a comprimir quando colidem com alguma coisa ou quando outra força externa oferece resistência ao seu movimento. O exemplo mais básico do uso deste princípio de animação é o exemplo clássico da bola a saltitar. Estica à medida que acelera Comprime quando colide ou encontra resistência
  • 15. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira A elasticidade e a atribuição desta propriedade em objectos ou personagens, que se pretende animar, é de vital importância pois ela confere um lado físico-material e fluidez à acção e aos comportamentos. A sua importância é facilmente compreendida quando vemos um exemplo extremo desta propriedade, mesmo em objectos do mundo real que aparentemente não são elásticos, como uma bola de golfe “rígida” que afinal se deforma em colisões. Squash & Stretch Elasticidade Ver vídeo de impacto da bola de golfe em slow motion em: https://www.youtube.com/watch?v=aMqM13EUSKw
  • 16. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Squash & Stretch Elasticidade Mas há mais situações em que se pode aplicar este princípio e propriedade para além de uma simples bola a pinchar ou de uma bola de golfe “rígida“. Repare-se como, enquanto este rato da animação “Country Cousin“ mastiga, toda a sua face comprime e estica. Ver excerto de Country Cousin em (ver execerto do minuto 2:35): https://www.youtube.com/watch?v=3U7adg_yPLM
  • 17. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Squash & Stretch Elasticidade O Pluto é um personagem onde se sente muito a elasticidade do seu corpo e do seu comportamento/acção através do uso e abuso do Squash & Strech. Ver excerto de Disney Pluto Classic Collection Volume 4 em (ver excerto do minuto 31): https://www.youtube.com/watch?v=ygQZQXc_C-M
  • 18. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira O princípio da antecipação diz respeito a uma acção executada numa direcção que an- tecipa outra acção na direcção contrária à primeira, por forma a preparar o espectador para a acção que se lhe sucede. Este princípio deriva de um comportamento que tanto o Homem como os animais executam sempre que iniciam uma acção caracterizada por um grande esforço físico onde vai ser necessário aplicar muita energia. O mundo do desporto é um excelente exemplo de um contexto onde este comportamento acontece frequentemente. Anticipation Antecipação Ver excerto de exemplo em (a partir do minuto 3:40): https://www.youtube.com/watch?v=n6_Q563nGh0
  • 19. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Anticipation Antecipação E obviamente que, no mundo da animação, os animadores começaram, e bem, a tirar partido deste comportamento para acentuar a expressividade da acção e movimento dado aos personagens, como se pode ver neste exemplo do Pato Donald: Antes de “desatar“ a correr, o Donald atira os braços para trás, levanta uma das pernas e por fim dispara na direcção contrária ao movimento de antecipação. Antecipação é, essencialmente, o acumular prévio da tensão e energia que vai ser, na acção seguinte, dispendida ou libertada! Ver excerto de Donald Duck 1 Hour Of Classic Episodes em (a partir do minuto 1:00): https://www.youtube.com/watch?v=2FZn-M1JyI0
  • 20. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Anticipation Antecipação Mas há outras formas de antecipação mais caricaturais e menos realistas. O Speedy Gonzalez, antes de correr ou até mesmo quando pára de correr, antecede estes dois actos com pequenos saltos. Não sendo realista, porque ninguém salta no ar antes de começar a correr, é uma acção suplementar que cria tensão e diz ao espectador que o personagem vai fazer alguma coisa de diferente dali em diante. Ver excerto de Speedy Gonzales Cats And Bruises (a partir do minuto 2:30): https://www.youtube.com/watch?v=e57YCp6nGDc
  • 21. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Drag, Follow Through & Overlapping action Arrasto, continuidade e acção sobreposta O Princípio de Drag, Follow Through e Overlapping Action diz respeito à transferência de energia resultante de uma acção, entre objectos ou diferentes partes do corpo de um personagem que se encontram fisicamente ligados numa relação parental. Desconstruindo-se o princípio, este é composto pelas seguintes partes: 1. Drag Uma parte do corpo de um personagem arrasta outra parte desse corpo ao qual está ligada. 2. Follow Through A primeira parte do corpo pára o seu movimento. Mas a segunda continua a deslocar-se. 3. Overlapping action A segunda parte do corpo, ao con- tinuar a deslocar-se, sobrepõe-se à primeira.
  • 22. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Drag, Follow Through & Overlapping action Arrasto, continuidade e acção A proveniência deste princípio é muito fácil de compreender se olharmos para um exemplo muito parvo do mundo real, mas que é extremamente eficaz na ilustração do funcionamento e importância deste princípio, ou seja: O comportamento dos braços dos nossos tradicionais gigantones! Por força da actuação da inércia, a energia utilizada para deslocar o tronco do gigantone é transferida para os braços, onde é dissipada com o “balancear morto” dos braços. Ver o vídeo Mercado à moda antiga em: https://www.youtube.com/watch?v=i888LgIdmE4
  • 23. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Drag, Follow Through & Overlapping action Arrasto, continuidade e acção No mundo da animação encontramos exemplos da aplicação deste Princípio e compor- tamento físico em personagens como: Pocahontas e o seu cabelo com comportamento hiper realista: Ou ainda a Snow White com as suas roupagens naturais e esvoaçantes: Ver o vídeo Colors of the wind (a partir do minuto 1:14) em: https://www.youtube.com/watch?v=TkV-of_eN2w Ver o vídeo Snow White and the Seven Dwarfs (a partir do minuto 6:00) em: https://www.youtube.com/watch?v=lxj_A1CKxPk
  • 24. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Action & Reaction Acção e reacção Este príncípio refere-se à transferência de energia e movimento entre objectos ou personagens que não estão fisicamente ligados entre si nem têm qualquer tipo de relação parental, mas que estão assentes sobre uma mesma superfície. Repare-se como o Donald voa quando a boia, em tensão e esticada pelos tubarões, é libertada e provoca uma onda de energia ascendente que afecta o Donald. E repare-se como as árvores ao cairem ao chão, derrubadas pelo Bocas, “atiram“ ao ar os animais por perto, afectados pela onda de impacto da árvore a bater no chão. Ver o vídeo O Bocas - A Casa do Bocas (a partir do minuto 3:15) em: http://www.youtube.com/watch?v=k_7IhCCTQEg Ver o vídeo Donald Duck - Bee At The Beach (a partir do minuto 5:40) em: https://www.youtube.com/watch?v=MhB-qXIVnXc
  • 25. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Energy decay Dispersão energética Este príncípio refere-se à perda progressiva de energia cinética no movimento de um objecto, através da repetição, progressivamente menor, desse movimento. O funcionamento deste princípio é muito fácil de compreender se olharmos para um dos melhores exemplos do mundo real que existem para o ilustrar: As portas de saloon e o seu movimento dissipante. Como se pode ver neste vídeo, depois de as pessoas as empurrarem, as portas de saloon vão dissipando a energia acumulada nas suas dobradiças elásticas “ondeando“ cada vez menos até pararem por completo. Ver o vídeo Red Dog Saloon Doors em: https://www.youtube.com/watch?v=mlQkIiSLCUE
  • 26. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Energy decay Dispersão energética No mundo da animação vemos imensos exemplos do uso deste princípio, como nos seguintes excertos: Repare-se como o rodar desta tartaruga vai desvanecendo... Ou como esta portinhola do correio “baloiça” cada vez menos, à medida que vai perdendo energia cinética... Ver o vídeo Disney Pluto Classic Collection Volume 3 (a partir do minuto 4:10 e 6:55) em: https://www.youtube.com/watch?v=QSvAjppJ874 Ver o vídeo Disney Pluto Classic Collection Volume 3 (a partir do minuto 10:50) em: https://www.youtube.com/watch?v=QSvAjppJ874
  • 27. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Exaggeration Exagero O exagero é um princípio que está relacionado com a acentuação das emoções e dos comportamentos dos objectos e personagens. O objectivo deste princípio é pegar numa acção ou emoção realista e acentuá-la exagerando os arcos do movimento, o squash and strech das expressões ou ainda a velocidade da execução de uma acção. Se um personagem está triste... torna-o mais triste! Se um personagem é rápido... torna-o ainda mais rápido! Se um personagem é selvagem... torna-o ainda mais selvagem! Um dos exemplos mais extremos deste princípio é o comportamento de um personagem chamado Tazzzzzzzzzzzzzzzzzz..... Ver o vídeo Wild Turkey Surprise Bugs Bunny and Taz em: https://www.youtube.com/watch?v=FOTlNOZB4Zo
  • 28. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Exaggeration Exagero Outro exemplo genial do uso deste princípio é o comportamento de um dos personagens de Tex Avery chamado “Wolfie“, que exprime a sua paixão por outra personagem com comportamentos extremamente exagerados e inexequíveis no mundo real. Entre muitas outras personagens que usam e abusam nas suas acções de acentuações de escala, acentuações de velocidade entre outro tipo de acentuações exageradas que reforçam a tensão física e dramática da acção dos personagens. Ver o vídeo Put Your Arms Around Me, Wolfie em: https://www.youtube.com/watch?v=_oAgkTwFRuM Ver exemplos em: http://www.youtube.com/watch?v=8kP2piN-03k
  • 29. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira Exaggeration Exagero Até no Cinema se percebeu o potencial do uso e abuso do exagero e do seu potencial dramático na acentuação da tensão da acção de um personagem. É o caso da máscara que em tudo o que faz ou executa, literalmente, exagera. Ver o vídeo Funny Scenes from The Mask part 2 em: https://www.youtube.com/watch?v=aH6m_JSZyig Ver o vídeo Funny Scene in ‘The Mask’ 1994 em: https://www.youtube.com/watch?v=eEQomU6iFtw
  • 30. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira 04 TPC - Animar com princípios de animação Exercício e objectivos: Os alunos terão de produzir uma animação simples em Flash utilizando apenas formas geométricas simples. Terão de tentar explorar princípios básicos da animação clássica para conseguir atribuir comportamento e pro- priedades físicas e emocionais a um confronto entre três elementos geométricos diferentes — um quadrado, um círculo e uma linha — “personagens“ que terão propriedades físicas diferentes e que em função dessas propriedades terão de ser animadas de formas também diferentes pelos alunos. Propriedades dos personagens: • Quadrado: Feito de um material muito pesado e inflexível; • Círculo: Feito de um material leve e flexível. • Parede vertical (linha): Feita de um material muito resistente mas muito flexível. História e sinopse: Um quadrado aproxima-se de um círculo que está um pouco mais à frente do seu caminho. Ao deparar-se com o círculo pára o seu percurso por causa do círculo. Pouco depois o quadrado chuta o círculo contra a linha vertical, o círculo faz um ricochete violento e embate de volta no quadrado. Fim! Os alunos são, porém, livres de introduzir acções na narrativa descrita, desde que a animação contenha, pelo menos, os momentos chave descritos na página seguinte no storyboard deste enunciado.
  • 31. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Módulo Multimédia Atelier Audiovisual e Multimédia I - 2013 | 2014 Professor Leonardo Pereira 04 TPC - Animar com princípios de animação - continuação Storyboard: A animação deverá ter, os seguintes momentos chave: Duração: A animação deverá ter, entre 15 a 30 segundos no máximo. Entrega: Os alunos deverão entregar o trabalho em formato .swf no dia 25 de Março, para apresentação e discussão conjunta com o professor e restantes colegas. Stop! 1. O quadrado aproxima-se do círculo... 2. O quadrado ao se deparar com o círculo pára. 3. Logo depois o quadrado “chuta“ o círculo contra a parede. 4. O círculo bate na parede, faz ricochete com o limite superior do plano e atinge o quarado de volta. Fim.