Les bases de l'animation : L'art du timing et de l'espacement - TED-Ed

Regarde la leçon complète : http://ed.ted.com/lessons/animation-basics-the-art-of-timing-and-spacing-ted-ed

Ce qui différencie un diaporama d'une animation vraiment stupéfiante, c'est un timing et un espacement expert. TED-Ed démontre, en manipulant différentes balles rebondissantes, comment les plus petits ajustements d'une image à une autre peuvent faire toute la différence.

Leçon et animation par TED-Ed.

Norman McLaren, le grand pionnier
du XXe siècle des techniques de l'animation,

a dit un jour : « L'animation ce n'est
pas l'art des dessins qui bougent,

mais l'art des mouvements
qui sont dessinés. »

Ce qui se passe entre chaque image
est bien plus important

que ce qui existe sur chaque image. »

Que voulait-il dire ?

En fait, pour qu'un objet
semble être en mouvement,

il doit nécessairement changer
de position au cours du temps.

Si le temps passe et qu'il n'y a
pas de changement de position,

l'objet paraîtra immobile.

Cette relation entre le cours du temps

et la quantité de changement
qui apparaît pendant ce temps

est au cœur de chaque forme
d'art basée sur le temps,

que ce soit la musique,
la danse, ou le cinéma.

La manipulation de la vitesse
et de la quantité de changement

entre les images est l'alchimie secrète

qui donne à l'animation la capacité
de créer l'illusion de la vie.

En animation,
il y a deux principes fondamentaux

qu'on utilise pour ça :

la timing et l'espacement.

Pour illustrer la relation entre les deux,

nous allons utiliser un exemple intemporel :
la balle rebondissante.

Une façon de concevoir le timing

est de se dire que c'est
la vitesse, ou le tempo,

de l'action qui se déroule.

On détermine la vitesse d'une action

selon le nombre d'images
sur lesquelles elle se déroule.

Plus une action se déroule
sur un grand nombre d'images,

plus elle passe de temps à l'écran,

donc plus l'action sera lente.

Moins une action se déroule
sur un grand nombre d'images,

moins elle passe de temps à l'écran,

ce qui nous donne
une action plus brève.

Le timing est plus
que la simple vitesse,

c'est aussi le rythme.

Tout comme un battement de tambour
ou une mélodie n'existent que

pendant l'exécution d'une chanson,

le timing d'une action

n'existe que pendant
qu'elle se déroule.

On peut le décrire avec des mots,

par exemple, quelque chose
prendra 6 images, 18 images, etc.

Mais pour réellement
en avoir une idée,

il faut le jouer

ou imaginer comment
il se déroulerait en temps réel.

Le timing d'une action

dépend totalement
du contexte de la scène

et de ce que vous essayez de transmettre.

Qu'est-ce qui est en action,
et pourquoi ?

Prenons notre exemple.

Qu'est-ce qui fait rebondir une balle ?

L'action dont on parle ici

est le résultat de l'interaction
de forces physiques :

la tendance d'une balle mouvante
à rester en mouvement,

ou sa force de son élan

contre la force constante
de la gravité

qui la fait retomber
vers la Terre.

L'impact de ces forces invisibles,

et la raison pour laquelle la balle
se comporte de cette façon

dépendent tous deux
des propriétés physiques de la balle.

Une balle de golf est petite, dure et légère.

Une balle en caoutchouc
est petite, molle et plus légère.

Un ballon de plage
est gros, mou et léger.

Une boule de bowling
est grosse, dure et lourde.

Donc chaque balle
se comporte très différemment,

selon ses propriétés.

Je vais vous donner une idée visuelle
du rythme de chacune.

Chaque balle bouge a son propre rythme

et nous dit quelque chose
à propos d'elle-même

et du temps qu'elle mettra
à traverser l'écran.

Le rythme visuel de ces rebondissements
c'est le timing.

Commençons à animer notre balle,

qui rebondit avec un cycle simple de dessins.

Dessinons un cercle ici,

appelons-le point A,
notre point de départ.

Elle touchera le sol ici,
au point B.

Disons qu'il lui faut
environ une seconde

pour toucher le sol
et revenir à son point de départ.

C'est notre timing.

Notre espacement, c'est l'endroit où
nous allons placer le cercle

dans les images entre les points A et B.

Si nous bougions notre balle

dans des incréments
également espacés,

on aurait quelque chose comme ça.

Ça ne nous dit rien
à propos de la balle.

Est-ce une balle rebondissante
ou un cercle dans un ascenseur ?

Regardons à nouveau notre séquence

et réfléchissons à ce qui se passe

quand chaque balle rebondit.

Après chaque impact au sol,

l'élan ascendant de la balle

finit par être arrêté par la gravité.

Ça arrive à la crête de chaque arc.

Quand elle change de direction,

le mouvement est ralenti.

On voit ici que les positions successives
de la balle

sont rapprochées.

La balle s'accélère ensuite
dans sa chute,

et est à son plus rapide

quand elle approche
et touche le sol.

On peut voir ici que chaque
position est plus éloignée.

Ce changement de position
entre les images

c'est le spacing.

Plus le changement est petit,

plus l'action paraîtra lente.

Plus le changement est grand,

plus elle paraîtra rapide.

Pour qu'une action décélère,

chaque changement de position
doit être plus petit que le précédent.

De la même manière,
pour qu'une action s'accélère,

chaque changement successif
doit être plus grand.

Changeons le rythme mécanique

de notre rebondissement animé

pour refléter ce qu'on a observé
dans la séquence.

Lente en haut,
rapide quand elle touche le sol.

En ajustant simplement
l'espacement,

nous avons réussi à suggérer

les forces d'élan et de gravité en jeu

et avons créé un mouvement
beaucoup plus réaliste.

Le même timing avec un spacing différent

peut nous donner
des résultats très différents.

Et en réalité, quand une balle rebondit,

les lois de la gravité
finissent par annuler

la tendance de la balle
à rester en mouvement.

On peut le voir ici
dans la hauteur décroissante

de chaque rebondissement successif.

Cela dit, encore une fois,
cette diminution varie

en fonction
des propriétés de la balle.

Même si ces cercles ici font la même taille,

chacun nous raconte une histoire différente
à propos de lui-même,

simplement dans sa façon de bouger.

La relation entre ces principes

de timing et d'espacement

peut être appliquée
d'innombrables manières

et utilisée pour animer
tous les types d'action :

un yoyo,

un coup de poing,

une tape amicale,

une bousculade,

une scie,

le Soleil qui traverse le ciel,

un pendule.

L'animation est une forme d'art
basée sur le temps.

Elle peut incorporer
les éléments esthétiques

d'autres arts graphiques,

comme l’illustration ou la peinture,

mais ce qui différencie l'animation

c'est qu'ici, ce que vous voyez

est moins important que
ce que vous ne voyez pas.

L'apparence superficielle d'un objet

ne nous dit pas grand-chose sur sa nature.

C'est seulement lorsqu'il est en mouvement

que l'on comprend réellement sa nature.