Download - Princípios Básicos da Animação (Parte 2/3)
![Page 1: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/1.jpg)
CONCEITOS BÁSICOS DE ANIMAÇÃO
Parte 2
![Page 2: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/2.jpg)
12 PRINCÍPIOS BÁSICOS
DA ANIMAÇÃOStraight Ahead & Pose-to-Pose / Overlapping Action & Follow Through
Slow-in & Slow Out / Arcs / Secondary Action
Parte 2
![Page 3: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/3.jpg)
STRAIGHT AHEAD POSE-TO-POSE
4
AVANÇO DIRETO / POSES
![Page 4: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/4.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
STRAIGHT AHEAD • O movimento é concebido à medida que a cena progride linearmente,
partindo em sequência, do primeiro ao último.
![Page 5: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/5.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
STRAIGHT AHEAD • O animador desenha um movimento após o outro até o final da cena
(animação mais espontânea e a cena parece menos mecânica).
• Não planeja exatamente como vai ser o decorrer da cena e vai inventando à
medida que progride a ação.
• Método geralmente usado em cenas de ação onde muitas vezes ocorrem
movimentos rápidos e inesperados (cuidado para que o personagem não
fique fora de perspectiva ou checagem do cenário).
![Page 6: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/6.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
STRAIGHT AHEAD
![Page 7: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/7.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
STRAIGHT AHEAD
![Page 8: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/8.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
• É o planejamento das ações (elabora os extremos da ação/poses e estipula o
tempo para a execução de cada quadro-chave).
POSE-TO-POSE
![Page 9: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/9.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
• O animador planeja os extremos cuidadosamente, bem como a quantidade
e intervalos entre os extremos para conseguir o timing desejado.
• Os intervalos entre os extremos são passados para um assistente
(intervalador) que preenche os desenhos que faltam.
POSE-TO-POSE
![Page 10: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/10.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
POSE-TO-POSE
![Page 11: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/11.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
Espontaneidade.
Controle e clareza.
STRAIGHT AHEAD / POSE-TO-POSE
![Page 12: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/12.jpg)
OVERLAPPING ACTION & FOLLOW THROUGH
5
COMPLEXIDADE / CONTINUIDADE
![Page 13: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/13.jpg)
www.mauriciomallet.com
CONCEITOS BÁSICOS DE ANIMAÇÃO
OVERLAPPING ACTION & FOLLOW THROUGH• Nada pára de uma só vez.
• O movimento de cada elemento terá um tempo diferente para parar
(Inércia), de acordo com seu peso e características.
![Page 14: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/14.jpg)
www.mauriciomallet.com
CONCEITOS BÁSICOS DE ANIMAÇÃO
OVERLAPPING ACTION • Acréscimo de complexidade no timing proporcionando naturalidade à ação.
![Page 15: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/15.jpg)
www.mauriciomallet.com
CONCEITOS BÁSICOS DE ANIMAÇÃO
FOLLOW THROUGH (CONTINUIDADE) • Denomina o efeito observado nas extremidades dos objetos flexíveis
(continuam a se movimentar com a frenagem do corpo).
![Page 16: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/16.jpg)
6
SLOW IN & SLOW OUTACELERA E DESACELERA (SUAVIZAÇÃO)
![Page 17: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/17.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
• Caracteriza o espaçamento dos entremeios (In-betweens) dos quadros-chave
(Keypose): acelera e desacelera o movimento.
SLOW IN e SLOW OUT
SLOW IN
SLOW OUT
SLOW IN
SLOW IN
SLOW OUT
SLOW IN
KEYPOSE / KEYFRAME
KEYPOSE / KEYFRAMEKEYPOSE / KEYFRAME
KEYPOSE / KEYFRAME
![Page 18: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/18.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
SLOW IN e SLOW OUT
![Page 19: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/19.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
SLOW IN e SLOW OUT
SLOW OUT
SLOW INSLOW IN
SLOW OUT
![Page 20: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/20.jpg)
ARCSARCOS
7
![Page 21: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/21.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
ARCS • Os movimentos dos objetos na natureza acontecem em arcos descritos no
espaço. Numa animação, movimentos são construídos para percorrer uma
trajetória, usualmente, estes caminhos são curvos ao invés de lineares.
![Page 22: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/22.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
ARCS • O caminho visual da ação de um extremo ao outro é sempre descrito por um
arco. Na natureza, arcos são os caminhos mais comuns pelos quais uma
forma pode mover-se de uma posição à outra.
![Page 23: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/23.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
ARCS • Raramente um personagem ou parte de um personagem movimenta-se em
linhas retas. O movimento tende a não seguir caminhos lineares.
![Page 24: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/24.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
ARCS • Quando um braço tenta alcançar algo, seu movimento tende a mudar-se para
um arco.
![Page 25: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/25.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
ARCS • Utilizar arcos nas animações é uma forma de tornar o movimento de
personagens mais suave e, por isso, mais realístico.
![Page 26: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/26.jpg)
SECONDARY ACTIONAÇÃO SECUNDÁRIA
8
![Page 27: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/27.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
SECONDARY ACTION• Em um cenário nada é completamente fixo, mas sim repleto de ações e
movimentos de personagens secundários que dão autenticidade a cena.
Esse princípio abrange a questão da ação/reação e da interligação das
coisas em um cenário.
![Page 28: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/28.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
SECONDARY ACTION• Semelhante ao princípio de continuidade e sobreposição da ação, a ação
secundária diz respeito ao movimento de objetos, dependentes do
movimento de outros de forma atrasada. Essa ação acrescenta e enriquece a
ação principal. Não traz resultados diretos, mas contribui indiretamente para
a realização da primeira ação.
![Page 29: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/29.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
SECONDARY ACTION• É o conjunto de movimentos resultantes da ação principal efetuada.
![Page 30: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/30.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
SECONDARY ACTION• Uma maneira de se conseguir uma ação secundária convincente é fazer um
planejamento inicial do que vai ser a cena e depois animar por partes,
primeiro a ação principal e depois as ações secundárias que podem ter
timing diferentes.
![Page 31: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/31.jpg)
KEY POSE BREAKDOWN
QUADRO-CHAVE (KEY FRAME) / INTERMEDIÁRIO (IN BETWEENS)
![Page 32: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/32.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
KEYPOSE• Um quadro-chave (keypose / key frame) na animação e na produção
cinematográfica é um quadro que define os pontos de início e fim de
qualquer transição entre imagens.
• Uma sequência de quadros-chave define qual movimento o espectador verá.
Definem o tempo do movimento.
![Page 33: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/33.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
KEYPOSE
![Page 34: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/34.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
KEYPOSE
![Page 35: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/35.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
BREAKDOWN• É o termo usado para os desenhos intermediários que têm função de
transição entre os quadro-chave (a animação 2D exige uma série de
múltiplos desenhos para completar a descrição das ações que contam uma
história).
![Page 36: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/36.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
BREAKDOWN
![Page 37: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/37.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
BREAKDOWN
![Page 38: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/38.jpg)
FRAME, SEGUNDO E TIMELINE
QUADRO / LINHA DO TEMPO
![Page 39: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/39.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
• É cada um dos quadros ou imagens fixas de um produto audiovisual.
• O termo Fotograma é utilizado para as imagens individuais de um filme. Film
frame: película (tecnologia cinematográfica).
• A palavra Frame é normalmente usada em imagens de vídeo (produtos
audiovisuais genéricos). Vídeo frame: tecnologia eletrônica (analógica ou
digital).
FRAME
![Page 40: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/40.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
SEGUNDO• Unidade de tempo padrão, utilizada como parâmetro.
![Page 41: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/41.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
FRAMES POR SEGUNDO (FPS)• Todo movimento em qualquer tipo de vídeo / games, existe um truque que
transforma imagens paradas em imagens animadas. A ilusão (persistência
retiniana) que nosso cérebro interpreta como movimento é feita exibindo vários
quadros consecutivos em um curto período de tempo.
• Quanto mais desenhos (Frames) forem exibidos no mesmo período de tempo,
mais natural será a ilusão de movimento.
![Page 42: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/42.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
• Em 1876, Eadweard Muybridge fez uma experiência: colocou 12 e 24 câmeras
fotográficas ao longo de um hipódromo, tirou várias fotos da passagem de um
cavalo, obtendo a decomposição do movimento.
EXPERIÊNCIA DE EADWEARD MUYBRIDGE
FRAMES POR SEGUNDO (FPS)
![Page 43: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/43.jpg)
www.mauriciomallet.com
PRINCÍPIOS BÁSICOS DE ANIMAÇÃO
• É uma maneira de visualizar uma lista de eventos em ordem cronológica
(Linha do tempo).
• Consiste num desenho gráfico que mostra uma barra longa com a legenda
de datas junto da barra do uso do tempo que (normalmente) indica os
eventos junto aos pontos onde eles aconteceram.
• As linhas do tempo são normalmente utilizadas para a compreensão de
eventos (Estabelece relações de um determinado assunto). Mostram os
períodos do tempo entre dois eventos.
• É na timeline que definimos a animação e a organizamos no espaço e no
tempo.
TIMELINE
![Page 44: Princípios Básicos da Animação (Parte 2/3)](https://reader030.vdocuments.mx/reader030/viewer/2022020123/55aef2dd1a28ab88288b4726/html5/thumbnails/44.jpg)
www.mauriciomallet.com