0:00:07.188,0:00:10.916
Norman McLaren, 20ste-eeuwse pionier [br]van de animatietechniek, zei ooit:

0:00:10.916,0:00:13.793
'Animatie gaat niet over [br]bewegende tekeningen,

0:00:13.793,0:00:15.854
maar over getekende bewegingen.

0:00:15.854,0:00:18.213
Wat er gebeurt tussen de frames is belangrijker

0:00:18.213,0:00:20.423
dan wat er binnen een frame staat.'

0:00:20.423,0:00:22.520
Wat bedoelde hij?

0:00:22.520,0:00:24.352
Om beweging te suggereren,

0:00:24.352,0:00:27.354
moet een object zich verplaatsen.

0:00:27.354,0:00:29.643
Als dat na verloop van tijd niet gebeurt,

0:00:29.643,0:00:32.351
zal het lijken of het object stilstaat.

0:00:32.351,0:00:34.398
De relatie tussen het verstrijken van de tijd

0:00:34.398,0:00:36.854
en wat er gedurende die tijd verandert,

0:00:36.854,0:00:39.520
is de kern van iedere kunstvorm [br]die tijd als basis heeft.

0:00:39.520,0:00:43.187
Of het nu gaat om muziek, dans of film.

0:00:43.187,0:00:45.159
Het spelen met snelheid en verandering

0:00:45.159,0:00:47.353
tussen de frames is de geheime alchemie

0:00:47.353,0:00:51.271
waarmee animatie de illusie van leven creëert.

0:00:51.271,0:00:53.293
Bij animatie gaan we uit van [br]twee fundamentele principes:

0:00:53.293,0:00:54.936
Bij animatie gaan we uit van [br]twee fundamentele principes:

0:00:54.936,0:00:57.461
timing (tijdsbepaling)[br]en spacing (ruimtebepaling).

0:00:57.461,0:00:59.463
Om de relatie daartussen te illustreren,

0:00:59.463,0:01:02.372
nemen we een tijdloos voorbeeld: de stuiterbal.

0:01:02.372,0:01:04.534
Timing kun je zien als [br]de snelheid - het tempo - van een actie.

0:01:04.534,0:01:06.686
Timing kun je zien als [br]de snelheid - het tempo - van een actie.

0:01:06.686,0:01:08.639
Timing kun je zien als [br]de snelheid - het tempo - van een actie.

0:01:08.639,0:01:10.140
De snelheid van een actie wordt bepaald[br]door het aantal frames.

0:01:10.140,0:01:13.602
De snelheid van een actie wordt bepaald [br]door het aantal frames.

0:01:13.602,0:01:15.520
Hoe meer frames er nodig zijn,

0:01:15.520,0:01:17.187
hoe langer de actie op het scherm duurt,

0:01:17.187,0:01:20.696
en hoe langzamer de actie dus zal zijn.

0:01:20.696,0:01:23.157
Hoe minder frames er nodig zijn,

0:01:23.157,0:01:25.490
hoe minder beeldtijd wordt gebruikt

0:01:25.490,0:01:28.687
en hoe sneller de actie wordt.

0:01:28.687,0:01:31.045
Timing gaat niet alleen over snelheid, [br]maar ook over ritme.

0:01:31.045,0:01:32.913
Timing gaat niet alleen over snelheid, [br]maar ook over ritme.

0:01:32.913,0:01:34.668
Een drumbeat of melodie bestaat alleen

0:01:34.668,0:01:36.375
als er een liedje wordt gespeeld.

0:01:36.375,0:01:37.521
Zo bestaat de timing van een actie [br]alleen op het moment zelf.

0:01:37.521,0:01:39.545
Zo bestaat de timing van een actie [br]alleen op het moment zelf.

0:01:39.545,0:01:41.047
Met andere woorden;

0:01:41.047,0:01:44.966
iets heeft bijvoorbeeld [br]6 frames nodig, 18 frames, enzovoort.

0:01:44.966,0:01:46.604
Maar om het goed te kunnen begrijpen, [br]moet je het toepassen

0:01:46.604,0:01:47.793
Maar om het goed te kunnen begrijpen, [br]moet je het toepassen

0:01:47.793,0:01:51.335
op het moment dat het gebeurt.

0:01:51.335,0:01:52.641
De timing van een actie hangt af [br]van de context van de scène

0:01:52.641,0:01:54.436
De timing van een actie hangt af [br]van de context van de scène

0:01:54.436,0:01:56.688
en wat je wilt overbrengen.

0:01:56.688,0:01:59.441
Hoe wordt de actie veroorzaakt en waarom?

0:01:59.441,0:02:01.149
Kijken we naar ons voorbeeld.

0:02:01.149,0:02:03.153
Waardoor stuitert een bal?

0:02:03.153,0:02:04.404
De actie die we hier zien, ontstaat uit[br]de interactie van fysieke krachten.

0:02:04.404,0:02:07.169
De actie die we hier zien, ontstaat uit [br]de interactie van fysieke krachten.

0:02:07.169,0:02:09.032
De neiging van de bal om [br]in beweging te blijven, zijn dynamiek,

0:02:09.032,0:02:10.701
De neiging van de bal om [br]in beweging te blijven, zijn dynamiek,

0:02:10.701,0:02:12.252
tegenover de constante [br]aantrekkingskracht van de aarde.

0:02:12.252,0:02:13.996
tegenover de constante [br]aantrekkingskracht van de aarde.

0:02:13.996,0:02:16.041
De reikwijdte van deze onzichtbare krachten [br]en het gedrag van de bal

0:02:16.041,0:02:18.208
De reikwijdte van deze onzichtbare krachten [br]en het gedrag van de bal

0:02:18.208,0:02:21.751
hangen af van de fysische [br]eigenschappen van de bal.

0:02:21.751,0:02:26.252
Een golfbal is klein, hard en licht.

0:02:26.252,0:02:31.168
Een rubberbal is klein, zacht en lichter.

0:02:31.168,0:02:35.501
Een strandbal is groot, zacht en licht.

0:02:35.501,0:02:39.857
En een bowlingbal is groot, hard en zwaar.

0:02:39.857,0:02:41.668
Iedere bal beweegt dus anders,

0:02:41.668,0:02:44.153
afhankelijk van zijn eigenschappen.

0:02:44.153,0:02:50.118
Laten we eens kijken of we het visuele ritme [br]van de ballen te pakken kunnen krijgen.

0:02:50.118,0:02:51.946
Iedere bal heeft zijn eigen ritme [br]en vertelt daarmee iets over zichzelf

0:02:51.946,0:02:53.120
Iedere bal heeft zijn eigen ritme [br]en vertelt daarmee iets over zichzelf

0:02:53.120,0:03:05.881
en over de tijd die ervoor nodig is [br]om het scherm over te steken.

0:03:05.881,0:03:09.752
Het visuele ritme van de slagen is de timing.

0:03:09.752,0:03:11.418
Nu gaan we het stuiteren van de bal animeren [br]met een cirkel van tekeningen.

0:03:11.418,0:03:14.584
Nu gaan we het stuiteren van de bal animeren [br]met een cirkel van tekeningen.

0:03:14.584,0:03:16.167
Hier tekenen we een cirkel.

0:03:16.167,0:03:18.476
Dat is punt A, het startpunt.

0:03:18.476,0:03:22.084
Bij punt B laten we hem de grond raken.

0:03:22.084,0:03:23.648
Het vallen en opstuiteren duurt [br]ongeveer een seconde.

0:03:23.648,0:03:25.985
Het vallen en opstuiteren duurt [br]ongeveer een seconde.

0:03:25.985,0:03:29.030
Dat is de timing.

0:03:29.030,0:03:31.116
De spacing is de plaatsing van de cirkel

0:03:31.116,0:03:33.918
in de frames tussen punt A en B.

0:03:33.918,0:03:35.335
Als we de bewegingen [br]in gelijke stappen zouden verdelen,

0:03:35.335,0:03:36.417
Als we de bewegingen [br]in gelijke stappen zouden verdelen,

0:03:36.417,0:03:38.502
zouden we zoiets krijgen.

0:03:38.502,0:03:41.668
Dit maakt weinig duidelijk.

0:03:41.668,0:03:44.880
Is het een stuiterbal of een cirkel op een lift?

0:03:44.880,0:03:46.169
Kijken we nog eens naar de beelden, [br]om te zien wat er gebeurt

0:03:46.169,0:03:47.297
Kijken we nog eens naar de beelden, [br]om te zien wat er gebeurt

0:03:47.297,0:03:50.218
bij het stuiteren van de verschillende ballen.

0:03:50.218,0:03:52.168
Na ieder contact met de grond

0:03:52.168,0:03:53.501
wordt de opwaartse beweging uiteindelijk [br]ingehaald door de zwaartekracht

0:03:53.501,0:03:55.890
wordt de opwaartse beweging uiteindelijk [br]ingehaald door de zwaartekracht

0:03:55.890,0:03:57.834
en wel op het hoogste punt van iedere boog.

0:03:57.834,0:03:59.334
Als de richting verandert, [br]is de beweging het traagst.

0:03:59.334,0:04:01.104
Als de richting verandert, [br]is de beweging het traagst.

0:04:01.104,0:04:03.146
De opeenvolgende posities [br]van de bal liggen dicht bij elkaar.

0:04:03.146,0:04:04.917
De opeenvolgende posities [br]van de bal liggen dicht bij elkaar.

0:04:04.917,0:04:06.776
De bal wordt sneller als hij gaat vallen

0:04:06.776,0:04:08.110
en is op zijn snelst

0:04:08.110,0:04:10.112
als hij de grond nadert en raakt.

0:04:10.112,0:04:13.251
De posities liggen steeds verder uit elkaar.

0:04:13.251,0:04:14.993
De verandering van positie tussen de frames [br]noemen we spacing (ruimtebepaling).

0:04:14.993,0:04:16.536
De verandering van positie tussen de frames [br]noemen we spacing (ruimtebepaling).

0:04:16.536,0:04:17.870
Hoe kleiner de verandering, [br]hoe langzamer de actie lijkt.

0:04:17.870,0:04:21.497
Hoe kleiner de verandering, [br]hoe langzamer de actie lijkt.

0:04:21.497,0:04:22.585
Hoe groter de verandering, [br]hoe sneller het lijkt.

0:04:22.585,0:04:26.879
Hoe groter de verandering, [br]hoe sneller het lijkt.

0:04:26.879,0:04:28.381
Voor het vertagen van een actie

0:04:28.381,0:04:33.265
moet iedere positieverandering [br]kleiner zijn dan de vorige.

0:04:33.265,0:04:35.648
Voor het versnellen van een actie

0:04:35.648,0:04:39.934
moet iedere volgende verandering groter zijn.

0:04:39.934,0:04:41.937
Nu gaan we de mechanische spacing

0:04:41.937,0:04:43.403
van onze animatie veranderen,

0:04:43.403,0:04:45.820
om na te denken over wat we zojuist zagen.

0:04:45.820,0:04:50.960
Langzaam bovenaan, snel als hij de grond raakt.

0:04:50.960,0:04:52.863
Door simpelweg de spacing aan te passen,

0:04:52.863,0:04:54.564
lukt het om spelenderwijs

0:04:54.564,0:04:56.827
dynamiek en zwaartekracht te suggereren,

0:04:56.827,0:05:00.151
waardoor een veel realistischer beweging ontstaat.

0:05:00.151,0:05:02.292
Als je de timing verandert, maar de spacing niet

0:05:02.292,0:05:06.377
verschillen de resultaten enorm.

0:05:06.377,0:05:07.965
In de realiteit wint de zwaartekracht

0:05:07.965,0:05:10.005
het uiteindelijk altijd van de neiging van de bal

0:05:10.005,0:05:12.549
om in beweging te blijven.

0:05:12.549,0:05:14.376
Je ziet dat hier in de steeds [br]lager wordende stuiterbogen.

0:05:14.376,0:05:16.555
Je ziet dat hier in de steeds [br]lager wordende stuiterbogen.

0:05:16.555,0:05:18.805
Wederom is de afname afhankelijk

0:05:18.805,0:05:20.640
van de eigenschappen van de bal.

0:05:20.640,0:05:23.436
Hoewel de cirkels even groot zijn,

0:05:23.436,0:05:25.686
vertelt de manier waarop ze bewegen

0:05:25.686,0:05:30.152
bij iedere cirkel een ander verhaal.

0:05:30.152,0:05:31.902
De relatie tussen de principes

0:05:31.902,0:05:33.402
timing en spacing

0:05:33.402,0:05:35.324
is op talloze manieren toe te passen

0:05:35.324,0:05:40.389
en wordt gebruikt bij de animatie [br]van alle vormen van actie:

0:05:40.389,0:05:43.874
een jojo,

0:05:43.874,0:05:46.959
een klap,

0:05:46.959,0:05:49.587
een zacht klopje,

0:05:49.587,0:05:52.936
een duw,

0:05:52.936,0:05:57.019
een zaag,

0:05:57.019,0:06:03.019
de baan van de zon langs de hemel,

0:06:03.019,0:06:05.730
een slinger.

0:06:05.730,0:06:08.147
Animatie is een kunstvorm, [br]met tijd als basis.

0:06:08.147,0:06:09.980
Het kan de esthetische elementen [br]van andere grafische kunsten bevatten,

0:06:09.980,0:06:11.268
Het kan de esthetische elementen [br]van andere grafische kunsten bevatten,

0:06:11.268,0:06:12.851
zoals illustratie- of schilderwerk,

0:06:12.851,0:06:14.186
maar het bijzondere van animatie is,

0:06:14.186,0:06:16.018
dat wat je niet ziet, [br]belangrijker is dan wat je wel ziet.

0:06:16.018,0:06:18.851
dat wat je niet ziet, [br]belangrijker is dan wat je wel ziet.

0:06:18.851,0:06:20.269
Hoe een object er op het eerste gezicht uitziet, [br]zegt nog niet zo veel.

0:06:20.269,0:06:22.685
Hoe een object er op het eerste gezicht uitziet, [br]zegt nog niet zo veel.

0:06:22.685,0:06:23.954
Pas als het beweegt, [br]snappen we waar we naar kijken.

0:06:23.954,0:06:27.954
Pas als het beweegt, [br]snappen we waar we naar kijken.