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

Fundamentos da Animação: A arte da sincronia e do espaçamento

Tradutor: Edna Allen Revisor: Leonardo Leidens

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,

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

but the art of movements that are drawn.

mas a arte de movimentos que estão desenhados.

What happens between each frame is more important

O que acontece entre cada quadro é mais importante

than what exists on each frame."

do que o que existe em cada quadro."

What did he mean?

O que ele quis dizer?

Well, for an object to appear in motion,

Bem, para um objeto parecer estar em movimento,

it necessarily has to change in position over time.

ele necessariamente tem que mudar de posição com o tempo.

If time passes and no change in position occurs,

Se o tempo passa e nenhuma mudança em posição ocorre,

the object will appear to be still.

o objeto parecerá estar imóvel.

This relationship between the passage of time

Essa relação entre a passagem de tempo

and the amount of change that occurs in that time

e quanta mudança ocorre naquele momento

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

é o coração de toda forma de arte baseada no uso do tempo,

be it music, dance, or motion pictures.

seja ela música, dança, ou imagens em movimento.

Manipulating the speed and amount of change

Manipular a velocidade e a mudança

between the frames is the secret alchemy

entre os quadros é a alquimia secreta

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

que proporciona à animação a habilidade de transmitir a ilusão de vida.

In animation, there are two fundamental principles

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

we use to do this:

que utilizamos para fazer isso:

timing and spacing.

sincronia e espaçamento.

To illustrate the relationship between them,

Para ilustrar a relação entre eles,

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

vamos utilizar um exemplo atemporal: a bola quicante.

One way to think about timing

Uma forma de pensar em sincronia

is that it's the speed, or tempo,

é que ela é a velocidade, ou o tempo,

at which an action takes place.

no qual uma ação acontece.

We determine the speed of an action

Determinamos a velocidade de uma ação

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

através de quantas imagens, ou quadros, ele precisa para acontecer.

The more frames something takes to happen,

Quanto mais quadros ele precisar para acontecer,

the more time it spends on screen,

mais tempo ele passa na tela

so the slower the action will be.

e mais lenta a ação será.

The fewer frames something takes to happen,

Quanto menos quadros algo precisar para acontecer,

the less screen time it takes,

menos tempo na tela ele leva,

which gives us faster action.

o que nos proporciona uma ação mais rápida.

The timing is about more than just speed,

A sincronia é mais do que apenas velocidade.

it's also about rhythm.

É também ritmo.

Like a drumbeat or melody only exists

Assim como uma batida de tambor ou melodia apenas existe

when a song is being played,

quando um som está sendo tocado,

the timing of an action

a sincronia de uma ação

only exists while it's happening.

apenas existe enquanto está acontecendo.

You can describe it in words,

Você pode descrever isso em palavras,

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

digamos, algo levará 6 quadros, 18 quadros, e por assim em diante.

But to really get a sense of it,

Mas, para realmente entender isso,

you need to act it out

você precisar colocar em prática

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

ou vivenciar como aconteceria em tempo real.

Now, the timing of an action

Agora, a sincronia 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 está tentando comunicar.

What is doing the acting, and why?

O que está fazendo a ação, e por quê?

Let's take our example.

Vamos considerar nosso exemplo.

What makes a ball bounce?

O que faz uma bola quicar?

The action we're talking about here

A ação a que nos referimos aqui

is a result of interacting physical forces,

é um resultado de forças físicas interagindo,

a moving ball's tendency to stay in motion,

a tendência de uma bola em movimento permanecer em assim,

or its force of momentum

ou sua força de momento linear

vs. the constant force of gravity

versus a força constante da gravidade

bringing it back down Earth.

trazendo-a de volta ao chão.

The degree to which these invisible forces apply,

O grau a que estas forças invisíveis se aplicam,

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

e a razão pela qual a bola se comporta da maneira que se comporta,

all depends on the physical properties of the ball.

tudo depende 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 boliche é grande, dura e pesada.

So, each ball behaves very differently,

Então, cada bola se comporta de formas muito diferentes,

according to its properties.

de acordo com suas propriedades.

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

Vamos captar o ritmo visual de cada uma.

Cada bola toca sua própria batida

Each ball plays its own beat

and tells us something about itself

e nos conta algo sobre si mesma

and the time it takes to travel across the screen.

e o tempo que leva para viajar através da tela.

The visual rhythm of these hits is the timing.

O ritmo visual destes toques é a sincronia.

Okay, let's start animating our ball,

Tudo bem, vamos começar animando nossa bola,

bouncing up and down with a simple cycle of drawings.

quicando para cima e para baixo com um simples ciclo de desenhos.

We'll draw a circle here,

Vamos desenhar um círculo aqui,

chamando-o de ponto A, nosso ponto inicial.

call it point A, our starting point.

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

Ela tocará o solo aqui, ponto B.

Vamos dizer que leve mais ou menos um segundo

Let's say it takes about a second

to hit the ground and come back up again.

para tocar o solo e subir novamente.

This is our timing.

Essa é a nossa sincronia.

Our spacing is where we position the circle

Nosso espaçamento é onde posicionamos o círculo

in the frames between point A and point B.

nos quadros entre o ponto A e o ponto B.

If we were to move our ball

Se movêssemos nossa bola

em incrementos espaciais iguais,

in evenly-spaced increments,

we'd get something like this.

teríamos algo assim.

It's not really telling us anything about itself.

Não está realmente nos dizendo nada sobre si mesma.

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

É uma bola quicante ou um círculo em um elevador?

Let's look at our footage again

Vamos olhar nossas imagens novamente

e pensar sobre o que está acontecendo

and think about what's going on

as each ball bounces.

ao quicar de cada bola.

Following each impact with the ground,

Seguindo cada impacto com o solo,

the ball's upward momentum

o momento ascendente da bola

is eventually overcome by gravity.

é, por fim, superado pela gravidade.

This happens at the peak of each arc.

Isso acontece no auge de cada arco.

As things change direction,

Com a mudança de direção,

the motion is slowest.

o movimento é o menor.

We see here the successive positions of the ball

Vemos aqui que as posições sucessivas da bola

are close together.

estão próximas.

The ball then speeds up as it falls,

A bola, então, acelera ao cair,

and is at its fastest

e está no seu ponto mais rápido

when it's approaching and hitting the ground.

quando está se aproximando e tocando o solo.

We can see here each position is further apart.

Podemos ver aqui que cada posição está mais distante.

The change in position between frames

A mudança de posição entre os quadros

is the spacing.

é o espaçamento.

The smaller the change,

Quanto menor a mudança,

the slower the action will appear.

mais lenta a ação parecerá.

The greater the change,

Quanto maior a mudança,

the faster it will appear.

mais rápida ela 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 em posição deve ser menor do que a mudança antes dela.

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

Da mesma forma, para aumentar a velocidade de uma ação, ou para acelerar,

each successive change must be greater.

cada mudança consecutiva deve ser maior.

Let's change the mechanical spacing

Vamos mudar o espaçamento mecânico

of our animated bounce

de nosso quicar animado,

to reflect what we observed in the footage.

para refletir o que observamos nessa filmagem.

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

Lenta no topo, rápida quando toca o solo.

Simply by adjusting the spacing,

Simplesmente ajustando o espaçamento,

we've succeeded in suggesting

conseguimos sugerir

the forces of momentum and gravity at play

as forças do momento linear e a gravidade em ação

and achieved a much more realistic motion.

e alcançamos um movimento muito mais realístico.

Same timing but different spacing

A mesma sincronia e espaçamento diferente

gives us vastly different results.

nos proporcionam resultados bastante diferentes.

And in reality, as a ball bounces,

E, na verdade, ao quicar da bola,

the physics of gravity eventually defeat

a física da gravidade, por fim, derrota

the tendency of the ball to stay in motion.

a tendência da bola de permanecer em movimento.

You can see this here in the decreasing height

Você pode ver isso aqui na redução de altura

of each successive bounce.

de cada quicar consecutivo.

However, again, this decrease varies

No entanto, novamente, essa diminuição varia

according to the properties of the ball.

de acordo com as propriedades da bola.

Even though these circles are the same size here,

Apesar desses círculos serem do mesmo tamanho aqui,

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

eles nos estão contando uma estória diferente sobre eles mesmos,

purely in how they move.

puramente através de como eles se movem.

The relationship between these principles

O relacionamento entre esses dois princípios

of timing and spacing

de sincronia e espaçamento

can be applied in countless ways

pode ser aplicado de inúmeras formas

and used to animate all types of action:

e usado para animar todos os tipos de ação:

a yo-yo,

um ioiô,

a punch,

um soco,

a gentle tap,

um batida leve,

a push,

um impulso,

a saw,

um serrar,

the Sun traveling across the sky,

o sol cruzando 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

Ela pode incorporar elementos estéticos

of other graphic arts,

das artes gráficas,

like illustration or painting,

como ilustrações ou pinturas,

but what sets animation apart

mas o que separa a animação

is that, here, what you see

é que, aqui, o que você vê

is less important that what you don't see.

é menos importante do que o que você não vê.

An object's superficial appearance

Uma aparência superficial do objeto

only tells us so much about itself.

apenas nos diz um pouco sobre ele.

It's only when it's in motion

É apenas quando está em movimento

that we really understand its nature.

que realmente entendemos sua natureza.