Animation basics: The art of timing and spacing - TED-Ed

Tradutor: Margarida Ferreira Revisora: Isabel Vaz Belchior

Norman McLaren, the great 20th century pioneer of animation technique,

Norman McLaren, o grande pioneiro da técnica de animação, do século XX,

once said, "Animation is not the art of drawings that move,

disse: "A animação não é a arte de desenhos que se movem,

but the art of movements that are drawn.

"mas a arte dos movimentos que são desenhados.

What happens between each frame is more important

"O que ocorre entre cada imagem é mais importante

than what exists on each frame."

"do que o que existe em cada imagem".

What did he mean?

O que é que ele queria dizer com isso?

Well, for an object to appear in motion,

Para um objeto aparecer em movimento,

it necessarily has to change in position over time.

é necessário que mude de posição, ao longo do tempo.

If time passes and no change in position occurs,

Se o tempo passa e nada muda na posição,

the object will appear to be still.

o objeto aparece imóvel.

This relationship between the passage of time

Esta relação entre a passagem do tempo

and the amount of change that occurs in that time

e a quantidade de mudança que ocorre nesse tempo

is at the heart of every time-based art form,

está no cerne de todas as formas de arte baseadas no tempo,

be it music, dance, or motion pictures.

seja a música, a dança ou o desenho animado.

Manipulating the speed and amount of change

Manipular a velocidade e a quantidade de mudanças

between the frames is the secret alchemy

entre os fotogramas, é a alquimia secreta

that gives animation the ability to convey the illusion of life.

que dá à animação a capacidade de transmitir a ilusão de vida.

In animation, there are two fundamental principles

Na animação, há dois princípios fundamentais

we use to do this:

que usamos para isso:

timing and spacing.

o "timing" e o espaçamento.

To illustrate the relationship between them,

Para ilustrar a relação entre eles,

we'll use a timeless example: the bouncing ball.

usamos um exemplo clássico: a bola a saltitar.

One way to think about timing

Uma forma de pensar no "timing"

is that it's the speed, or tempo,

é que é a velocidade, ou o tempo em que uma ação decorre.

at which an action takes place.

We determine the speed of an action

Determinamos a velocidade duma ação

by how many pictures, or frames, it takes to happen.

pela quantidade de imagens, ou fotogramas, necessários para isso.

The more frames something takes to happen,

Quanto mais imagens forem usadas,

the more time it spends on screen,

mais tempo demora no ecrã, mais lenta será a ação.

so the slower the action will be.

The fewer frames something takes to happen,

Quanto menos imagens forem usadas para isso ocorrer,

the less screen time it takes,

menos tempo estarão no ecrã

which gives us faster action.

o que resulta numa ação mais rápida.

The timing is about more than just speed,

O "timing" é mais do que velocidade,

it's also about rhythm.

também é ritmo.

Like a drumbeat or melody only exists

Como um ritmo ou uma melodia

when a song is being played,

só existem quando se toca uma canção,

the timing of an action

o "timing" de uma ação

only exists while it's happening.

só existe enquanto ela decorre.

You can describe it in words,

Podemos descrevê-lo por palavras,

say, something will take 6 frames, 18 frames, or so on.

dizer que uma coisa leva seis imagens, 18 imagens, etc.

But to really get a sense of it,

Mas, para o percebermos, temos que o projetar,

you need to act it out

or experience it as it would happen in, well, real time.

temos que ver como acontece, em tempo real.

Now, the timing of an action

O "timing" de uma ação

all depends on the context of the scene

depende do contexto da cena

and what you're trying to communicate.

e do que estamos a tentar comunicar.

What is doing the acting, and why?

O que é a ação e porquê?

Let's take our example.

Vejamos o nosso exemplo.

What makes a ball bounce?

O que é que faz a bola saltar?

The action we're talking about here

A ação de que falamos aqui

is a result of interacting physical forces,

é o resultado de forças físicas interativas,

a moving ball's tendency to stay in motion,

a tendência de a bola se manter em movimento,

or its force of momentum

ou a força do impulso

vs. the constant force of gravity

em relação à força da gravidade,

bringing it back down Earth.

que a atrai para a Terra.

The degree to which these invisible forces apply,

O grau com que estas forças invisíveis se exercem

and the reason why the ball behaves the way it does,

e a razão por que a bola se comporta como o faz,

all depends on the physical properties of the ball.

dependem das propriedades físicas da bola.

A golf ball is small, hard and light.

Uma bola de golfe é pequena, dura e leve.

A rubber ball is small, soft and lighter.

Uma bola de borracha é pequena, macia e mais leve.

A beach ball is large, soft and light.

Uma bola de praia é grande, macia e leve.

And a bowling ball is large, hard and heavy.

E uma bola de "bowling" é grande, dura e pesada.

So, each ball behaves very differently,

Cada bola tem um comportamento diferente,

according to its properties.

segundo as suas propriedades.

Let's get a sense of the visual rhythm of each.

Vou dar uma ideia visual do ritmo de cada uma delas.

Cada bola tem um ritmo próprio

Each ball plays its own beat

and tells us something about itself

e conta-nos qualquer coisa sobre si mesma

and the time it takes to travel across the screen.

e sobre o tempo que leva a atravessar o ecrã.

The visual rhythm of these hits is the timing.

O ritmo visual destes ressaltos é o "timing".

Okay, let's start animating our ball,

Ok, comecemos a animação da nossa bola,

bouncing up and down with a simple cycle of drawings.

a saltar para cima e para baixo com um simples ciclo de desenhos.

We'll draw a circle here,

Desenhamos um círculo aqui,

call it point A, our starting point.

chamemos-lhe o ponto A, o nosso ponto de partida.

We'll have it hit the ground here, point B.

Aqui, no ponto B, ela bate no chão.

Let's say it takes about a second

Digamos que demora um segundo

to hit the ground and come back up again.

a bater no chão e a voltar a subir.

This is our timing.

É este o nosso "timing".

Our spacing is where we position the circle

O espaçamento é onde colocamos o círculo

in the frames between point A and point B.

nos fotogramas entre o ponto A e o ponto B.

If we were to move our ball

Se quisermos movimentar a bola em incrementos igualmente espaçados,

in evenly-spaced increments,

we'd get something like this.

obtemos uma coisa assim.

It's not really telling us anything about itself.

Não nos diz nada sobre si mesma.

Is it a bouncing ball or a circle on an elevator?

É uma bola a saltar ou um círculo num elevador?

Let's look at our footage again

Voltemos a olhar para a sequência

and think about what's going on

e pensemos no que se passa à medida que cada bola salta.

as each ball bounces.

Following each impact with the ground,

A seguir a cada impacto no chão,

the ball's upward momentum

o impulso que a bola sofre para cima

is eventually overcome by gravity.

é contrariado pela gravidade.

This happens at the peak of each arc.

Isso acontece no pico de cada arco.

As things change direction,

À medida que a direção muda, o movimento torna-se mais lento.

the motion is slowest.

We see here the successive positions of the ball

Vemos aqui que as sucessivas posições da bola

are close together.

vão-se aproximando.

The ball then speeds up as it falls,

A bola depois acelera quando cai

and is at its fastest

e atinge a maior velocidade

when it's approaching and hitting the ground.

quando se aproxima e toca no solo.

We can see here each position is further apart.

Vemos aqui que cada posição está mais afastada.

The change in position between frames

A mudança de posição entre fotogramas

is the spacing.

é o espaçamento.

The smaller the change,

Quanto menor for a alteração,

the slower the action will appear.

mais lenta parecerá a ação.

The greater the change,

Quanto maior for a alteração,

the faster it will appear.

mais rápida a ação parecerá.

For an action to decelerate,

Para uma ação desacelerar,

each change in position must be less than the change before it.

cada mudança de posição tem de ser menor do que a mudança anterior.

Likewise, for an action to speed up, or accelerate,

Do mesmo modo, para uma ação acelerar,

each successive change must be greater.

cada mudança sucessiva terá de ser maior.

Let's change the mechanical spacing

Vamos alterar o espaçamento mecânico do saltitar animado

of our animated bounce

to reflect what we observed in the footage.

para refletir o que observámos na sequência.

Slow at the top, fast when it's hitting the ground.

Lento no topo, rápido quando está a atingir o solo.

Simply by adjusting the spacing,

Basta ajustarmos o espaçamento

we've succeeded in suggesting

para conseguirmos sugerir

the forces of momentum and gravity at play

as forças do impulso e da gravidade, em ação

and achieved a much more realistic motion.

e conseguir um movimento muito mais realista.

Same timing but different spacing

O mesmo "timing" mas um espaçamento diferente

gives us vastly different results.

dá-nos resultados muitíssimo diferentes.

And in reality, as a ball bounces,

Na realidade, quando a bola salta,

the physics of gravity eventually defeat

a física da gravidade acaba por derrotar

the tendency of the ball to stay in motion.

a tendência da bola para se manter em movimento.

You can see this here in the decreasing height

Podemos ver isso aqui na altura decrescente

of each successive bounce.

de cada salto sucessivo.

However, again, this decrease varies

Mas, mais uma vez, essa diminuição varia

according to the properties of the ball.

segundo as propriedades da bola.

Even though these circles are the same size here,

Apesar de estes círculos terem aqui o mesmo tamanho,

they're each telling us a different story about themselves,

estão a contar-nos uma história diferente sobre si mesmos,

purely in how they move.

apenas pela forma como se movem.

The relationship between these principles

As relações entre estes princípios de "timing" e espaçamento

of timing and spacing

can be applied in countless ways

podem ser aplicados de inúmeras formas

and used to animate all types of action:

e usados para animar todo o tipo de ações:

a yo-yo,

um iôiô,

a punch,

um golpe,

a gentle tap,

uma palmadinha,

a push,

um empurrão,

a saw,

um serrote,

the Sun traveling across the sky,

o Sol a atravessar o céu,

a pendulum.

um pêndulo.

Animation is a time-based art form.

A animação é uma forma de arte baseada no tempo.

It may incorporate the aesthetic elements

Pode incorporar elementos estéticos de outras artes gráficas,

of other graphic arts,

like illustration or painting,

como a ilustração ou a pintura.

but what sets animation apart

Mas o que distingue a animação

is that, here, what you see

é que aqui, o que nós vemos,

is less important that what you don't see.

é menos importante do que o que não vemos.

An object's superficial appearance

O aspeto superficial de um objeto

only tells us so much about itself.

pouco nos diz sobre si mesmo.

It's only when it's in motion

É só quando está em movimento

that we really understand its nature.

que realmente percebemos a sua natureza.