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

Le basi dell'animazione: l'arte del tempo e delo spazio - TED-Ed

Traduttore: Valentina Franzoni Revisore: Anna Cristiana Minoli

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

Norman McLaren, il grande pioniere del XX secolo della tecnica di animazione,

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

una volta disse: "L'animazione non è l'arte di fare disegni che si muovono,

but the art of movements that are drawn.

ma è l'arte di disegnare i movimenti.

What happens between each frame is more important

Quel che accade tra un fotogramma e l'altro è più importante

than what exists on each frame."

di quel che esiste in ogni fotogramma."

What did he mean?

Cosa intendeva?

Well, for an object to appear in motion,

Bene, perché un oggetto appaia in movimento

it necessarily has to change in position over time.

deve necessariamente cambiare posizione nel tempo.

If time passes and no change in position occurs,

Se il tempo passa e non si verifica alcun cambiamento di posizione,

the object will appear to be still.

l'oggetto apparirà fermo.

This relationship between the passage of time

Questa relazione tra il passare del tempo

and the amount of change that occurs in that time

e il cambiamento che si verifica durante quel tempo

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

è il cuore di ogni forma d'arte basata sul tempo,

be it music, dance, or motion pictures.

che sia musica, danza o disegno animato.

Manipulating the speed and amount of change

Manipolare la velocità e la quantità di cambiamento

between the frames is the secret alchemy

tra i fotogrammi è l'alchimia segreta

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

che dà all'animazione la capacità di trasmettere l'illusione della vita.

In animation, there are two fundamental principles

In animazione ci sono due principi fondamentali

we use to do this:

che sono tradizionalmente questi:

timing and spacing.

tempo e spazio.

To illustrate the relationship between them,

Per illustrare la relazione che vi intercorre,

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

usiamo un esempio privo di tempo: una palla che rimbalza.

One way to think about timing

Si può vedere il tempo

is that it's the speed, or tempo,

è con la velocità, o il tempo,

at which an action takes place.

al quale l'azione si verifica.

We determine the speed of an action

Determiniamo la velocità di un'azione

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

secondo quante immagini, o inquadrature, sono necessarie perché si verifichi.

The more frames something takes to happen,

Più inquadrature ci vogliono

the more time it spends on screen,

più tempo passa sullo schermo,

so the slower the action will be.

più lenta sarà l'azione.

The fewer frames something takes to happen,

Meno inquadrature ci vogliono

the less screen time it takes,

meno tempo passa sullo schermo,

which gives us faster action.

il che produce un'azione più rapida.

The timing is about more than just speed,

Il tempo è qualcosa di più della velocità,

it's also about rhythm.

si tratta anche di ritmo.

Like a drumbeat or melody only exists

Come un rullo di tamburi o una melodia possono esistere soltanto

when a song is being played,

quando si suona una canzone,

the timing of an action

anche il tempo di un'azione

only exists while it's happening.

esiste solo quando si verifica.

You can describe it in words,

Lo si può descrivere a parole,

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

diciamo, ci possono volere sei fotogrammi, 18 fotogrammi e così via.

But to really get a sense of it,

Ma, per coglierne veramente il senso,

you need to act it out

bisogna farlo agire

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

o farne l'esperienza come accadrebbe, diciamo, in tempo reale.

Now, the timing of an action

Il tempo di un'azione

all depends on the context of the scene

dipende tutto dal contesto della scena

and what you're trying to communicate.

e da quel che si cerca di comunicare.

What is doing the acting, and why?

Cosa sta generando l'azione e perché?

Let's take our example.

Riprendiamo il nostro esempio.

What makes a ball bounce?

Cosa fa rimbalzare la palla?

The action we're talking about here

L'azione che stiamo considerando

is a result of interacting physical forces,

è il risultato di forze fisiche che interagiscono,

a moving ball's tendency to stay in motion,

la tendenza di una palla in movimento a restare in movimento

or its force of momentum

ossia il momento della sua forza

vs. the constant force of gravity

che si oppone alla forza costante di gravità

bringing it back down Earth.

che la riporta verso la Terra.

The degree to which these invisible forces apply,

Il grado in cui queste forze invisibili si applicano

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

e il motivo per cui la palla si comporta nel modo in cui lo fa,

all depends on the physical properties of the ball.

dipende tutto dalle proprietà fisiche della palla.

A golf ball is small, hard and light.

Una palla da golf è piccola, dura e leggera.

A rubber ball is small, soft and lighter.

Una pallina di gomma è piccola, morbida e più leggera.

A beach ball is large, soft and light.

Un pallone da spiaggia è largo, morbido e leggero.

And a bowling ball is large, hard and heavy.

E una palla da bowling è grande, dura e pesante.

So, each ball behaves very differently,

Ogni palla si comporta in modo molto differente,

according to its properties.

in base alle sue proprietà.

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

Cerchiamo di cogliere il senso del ritmo visuale di ogni palla.

Each ball plays its own beat

Ognuna ha li suo proprio battito

and tells us something about itself

e ci dice qualcosa di sé

and the time it takes to travel across the screen.

e sul tempo che impiega a viaggiare attraverso lo schermo.

The visual rhythm of these hits is the timing.

Il ritmo visuale di questi battiti è il tempo.

Okay, let's start animating our ball,

Bene, cominciamo ad animare la nostra palla,

bouncing up and down with a simple cycle of drawings.

che rimbalza su e giù con un semplice ciclo di disegni.

We'll draw a circle here,

Disegneremo un cerchio qui,

call it point A, our starting point.

chiamiamo punto A il nostro punto iniziale.

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

Lo facciamo colpire il terreno qui, sul punto B.

Let's say it takes about a second

Diciamo che ci mette circa un secondo

to hit the ground and come back up again.

per colpire il terreno e tornare su.

This is our timing.

Questo è il nostro tempo.

Our spacing is where we position the circle

Lo spazio è dove posizioneremo il cerchio

in the frames between point A and point B.

nelle inquadrature tra i punti A e B.

If we were to move our ball

Se dovessimo far muovere la palla

in evenly-spaced increments,

in incrementi di pari spazio,

we'd get something like this.

avremmo qualcosa di questo genere.

It's not really telling us anything about itself.

Non ci dice davvero nulla su se stessa.

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

È una palla che rimbalza o un cerchio o un ascensore?

Let's look at our footage again

Diamo un'altra occhiata alla durata

and think about what's going on

e cerchiamo di capire cosa succede

as each ball bounces.

ad ogni rimbalzo.

Following each impact with the ground,

Seguendo ogni impatto con il terreno,

the ball's upward momentum

il momento verticale della palla

is eventually overcome by gravity.

viene sopraffatto dalla gravità.

This happens at the peak of each arc.

Questo accade sul picco di ogni arco.

As things change direction,

Quando gli oggetti cambiano direzione,

the motion is slowest.

il movimento è al punto di maggior lentezza.

We see here the successive positions of the ball

Vediamo qui che le posizioni successive della palla

are close together.

sono vicine tra di loro.

The ball then speeds up as it falls,

La palla quindi accelera man mano che cade

and is at its fastest

ed è alla velocità massima

when it's approaching and hitting the ground.

quando si avvicina al terreno e lo colpisce.

We can see here each position is further apart.

Vediamo che qui ogni posizione è separata.

The change in position between frames

Il cambiamento di posizione tra inquadrature

is the spacing.

è la spaziatura.

The smaller the change,

Più piccolo è il cambiamento,

the slower the action will appear.

più lenta apparirà l'azione.

The greater the change,

Più grande il cambiamento,

the faster it will appear.

più rapida apparirà l'azione.

For an action to decelerate,

Per far sì che l'azione rallenti,

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

ogni cambiamento di posizione deve essere minore di quello precedente.

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

Dunque, per far sì che un'azione sia più rapida, ossia acceleri,

each successive change must be greater.

ogni cambiamento successivo deve essere più grande.

Let's change the mechanical spacing

Proviamo a cambiare lo spazio meccanico

of our animated bounce

del nostro rimbalzo animato,

to reflect what we observed in the footage.

per riflettere quello che abbiamo osservato nel metraggio.

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

Lento in cima, rapido quando colpisce il suolo.

Simply by adjusting the spacing,

Semplicemente correggendo la spaziatura,

we've succeeded in suggesting

siamo riusciti a suggerire

the forces of momentum and gravity at play

le forze del momento e la gravità in azione

and achieved a much more realistic motion.

ed abbiamo ottenuto un movimento più realistico.

Same timing but different spacing

Lo stesso tempo ma spazio differente

gives us vastly different results.

ci dà risultati molto diversi.

And in reality, as a ball bounces,

E in realtà, mentre la palla rimbalza,

the physics of gravity eventually defeat

la gravità fisica alla fine sconfigge

the tendency of the ball to stay in motion.

la tendenza della palla a restare in movimento.

You can see this here in the decreasing height

Lo vedete in questa riduzione di altezza

of each successive bounce.

di ogni rimbalzo successivo.

However, again, this decrease varies

Comunque, di nuovo, questa riduzione varia

according to the properties of the ball.

in base alle proprietà della palla.

Even though these circles are the same size here,

Anche se questi cerchi sono della stessa dimensione qui,

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

ci raccontano storie diverse su loro stessi,

purely in how they move.

semplicemente in base a come si muovono.

The relationship between these principles

La relazione tra questi principi

of timing and spacing

del tempo e dello spazio

can be applied in countless ways

può essere applicata in innumerevoli modi

and used to animate all types of action:

ed utilizzata per animare qualunque tipo di azione:

a yo-yo,

uno yo-yo,

a punch,

un pugno,

a gentle tap,

un tocco leggero,

a push,

una spinta,

a saw,

una sega,

the Sun traveling across the sky,

il Sole che attraversa il cielo,

a pendulum.

un pendolo.

Animation is a time-based art form.

L'animazione è una forma d'arte basata sul tempo.

It may incorporate the aesthetic elements

Può incorporare elementi asimmetrici

of other graphic arts,

di altre arti grafiche,

like illustration or painting,

come l'illustrazione o la pittura,

but what sets animation apart

ma quello che rende l'animazione differente

is that, here, what you see

è che quel che vedete

is less important that what you don't see.

è meno importante di quello che non vedete.

An object's superficial appearance

L'apparenza superficiale di un oggetto

only tells us so much about itself.

ci dice così tanto sull'oggetto stesso.

It's only when it's in motion

È solo quando è in movimento

that we really understand its nature.

che ne comprendiamo realmente la natura.