U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 1 
Animação –Conceitos 
Animação II –Visão Geral
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 2 
Animação –Conceitos 
Animação Tradicional 
»Animação tradicional: 
•popular desenho animado, normalmente feito à mão com animação direta em acetato e formas tradicionais de animação. Também conhecida como animação em células. 
(Laybourne, 1998).
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 3 
Animação –Conceitos 
Animação Tradicional 
A viagem de Chihiro(SpiritedAway) 
2001-HayaoMiyazaki, Studio Ghibli.
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 4 
Animação –Conceitos 
»Animação direta: 
Desenhos realizados na sequência cronológica dos acontecimentos, de forma contínua, passo-a-passo. As atuais técnicas de motion capture(captura de movimento) e rotoscopia permitem a captura de movimentos contínuos, onde as imagens são geradas e gravadas sequencialmente; 
Tipos de animação tradicional 
Princípios de animação 
12a. Animação Direta 
12b. Pose a Pose
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 5 
Animação –Conceitos 
Tipos de animação tradicional 
Animação Direta: Rotoscoping
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 6 
Animação –Conceitos 
Tipos de animação tradicional 
Animação Direta: Rotoscoping
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 7 
Animação –Conceitos 
Tipos de animação tradicional 
Animação Direta: Motion Capture
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 8 
Animação –Conceitos 
»Pose a pose: 
O animador planeja a ação desenhando os quadros- chaves (key-frames) que depois são completados com os quadros auxiliares para definição do movimento, permite grande controle de tempo, porém, pode alterar a representação real de um movimento. 
Tipos de animação tradicional 
Princípios de animação 
12a. Animação Direta 
12b. Pose a Pose
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 9 
Animação –Conceitos 
Tipos de animação tradicional 
Princípios de animação 
12a. Animação Direta 
12b. Pose a Pose
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 10 
Animação –Conceitos 
Tipos de animação tradicional 
Princípios de animação 
12a. Animação Direta 
12b. Pose a Pose
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 11 
Animação –Conceitos 
»Quadros-chave: 
Imagem estática que define o ponto de início e de fim de qualquer transição de ação, tempo e movimento entre imagens. 
O que é um quadro-chave?
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 12 
Animação –Conceitos 
Quadros-chave?
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 13 
Animação –Conceitos 
Quadros-chave e intermediários
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 14 
Animação –Conceitos 
(Willians, 2009) 
Quadros-chave e intermediários 
Esquema para técnica de animação
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 15 
Animação –Conceitos 
(Willians, 2009) 
»Quadros-Chave 
Quadros-chave e intermediários
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 16 
Animação –Conceitos 
(Willians, 2009) 
»Extremos e de Contato 
Quadros-chave e intermediários
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 17 
Animação –Conceitos 
(Willians, 2009) 
Quadros-chave e intermediários 
»Breakdowns
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 18 
Animação –Conceitos 
(Willians, 2009) 
Quadros-chave e intermediários
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 19 
Animação –Conceitos 
Mesas de animação
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 20 
Animação –Conceitos 
Pranchas em acetato
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 21 
Animação –Conceitos 
Earl Hurd 
(1914) 
Pranchas em acetato
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 22 
Animação –Conceitos 
Bases para fotografia
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 23 
Animação –Conceitos 
Bases para fotografia
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 24 
Animação –Conceitos 
Exercício 
»Analisar o storyboard; 
»Escolher cena; 
»Desenhar primeiro quadro-chave e último quadro-chave; 
»Desenhar quadros intermediários.
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 25 
Animação –Conceitos 
Exercício
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 26 
Animação –Conceitos 
Técnicas -Referências 
(Willians, 2009) 
(Halas et al, 2011)
U 
F 
P 
R 
LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 
27 / 27 
Animação –Conceitos 
Conceitos -Referências 
(Barbosa Junior, 2005) 
(Macknik e Martinez-Conte, 2011)

Anim2 aula02 tecnicas2

  • 1.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 1 Animação –Conceitos Animação II –Visão Geral
  • 2.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 2 Animação –Conceitos Animação Tradicional »Animação tradicional: •popular desenho animado, normalmente feito à mão com animação direta em acetato e formas tradicionais de animação. Também conhecida como animação em células. (Laybourne, 1998).
  • 3.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 3 Animação –Conceitos Animação Tradicional A viagem de Chihiro(SpiritedAway) 2001-HayaoMiyazaki, Studio Ghibli.
  • 4.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 4 Animação –Conceitos »Animação direta: Desenhos realizados na sequência cronológica dos acontecimentos, de forma contínua, passo-a-passo. As atuais técnicas de motion capture(captura de movimento) e rotoscopia permitem a captura de movimentos contínuos, onde as imagens são geradas e gravadas sequencialmente; Tipos de animação tradicional Princípios de animação 12a. Animação Direta 12b. Pose a Pose
  • 5.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 5 Animação –Conceitos Tipos de animação tradicional Animação Direta: Rotoscoping
  • 6.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 6 Animação –Conceitos Tipos de animação tradicional Animação Direta: Rotoscoping
  • 7.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 7 Animação –Conceitos Tipos de animação tradicional Animação Direta: Motion Capture
  • 8.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 8 Animação –Conceitos »Pose a pose: O animador planeja a ação desenhando os quadros- chaves (key-frames) que depois são completados com os quadros auxiliares para definição do movimento, permite grande controle de tempo, porém, pode alterar a representação real de um movimento. Tipos de animação tradicional Princípios de animação 12a. Animação Direta 12b. Pose a Pose
  • 9.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 9 Animação –Conceitos Tipos de animação tradicional Princípios de animação 12a. Animação Direta 12b. Pose a Pose
  • 10.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 10 Animação –Conceitos Tipos de animação tradicional Princípios de animação 12a. Animação Direta 12b. Pose a Pose
  • 11.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 11 Animação –Conceitos »Quadros-chave: Imagem estática que define o ponto de início e de fim de qualquer transição de ação, tempo e movimento entre imagens. O que é um quadro-chave?
  • 12.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 12 Animação –Conceitos Quadros-chave?
  • 13.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 13 Animação –Conceitos Quadros-chave e intermediários
  • 14.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 14 Animação –Conceitos (Willians, 2009) Quadros-chave e intermediários Esquema para técnica de animação
  • 15.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 15 Animação –Conceitos (Willians, 2009) »Quadros-Chave Quadros-chave e intermediários
  • 16.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 16 Animação –Conceitos (Willians, 2009) »Extremos e de Contato Quadros-chave e intermediários
  • 17.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 17 Animação –Conceitos (Willians, 2009) Quadros-chave e intermediários »Breakdowns
  • 18.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 18 Animação –Conceitos (Willians, 2009) Quadros-chave e intermediários
  • 19.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 19 Animação –Conceitos Mesas de animação
  • 20.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 20 Animação –Conceitos Pranchas em acetato
  • 21.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 21 Animação –Conceitos Earl Hurd (1914) Pranchas em acetato
  • 22.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 22 Animação –Conceitos Bases para fotografia
  • 23.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 23 Animação –Conceitos Bases para fotografia
  • 24.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 24 Animação –Conceitos Exercício »Analisar o storyboard; »Escolher cena; »Desenhar primeiro quadro-chave e último quadro-chave; »Desenhar quadros intermediários.
  • 25.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 25 Animação –Conceitos Exercício
  • 26.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 26 Animação –Conceitos Técnicas -Referências (Willians, 2009) (Halas et al, 2011)
  • 27.
    U F P R LAI-DI –DESIGN -UFPR –MatheusCezarotto, Marcia Alves e André Battaiola 27 / 27 Animação –Conceitos Conceitos -Referências (Barbosa Junior, 2005) (Macknik e Martinez-Conte, 2011)