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

Az animáció alapjai: Az időzítés és a térbeli elmozdulás művészete - TED-Ed

Fordító: Csaba Lóki Lektor: Laszlo Kereszturi

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

Norman Mclaren, az animációs technika 20.századi úttörője

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

mondta: "Az animáció nem a mozgó rajzoknak, hanem

but the art of movements that are drawn.

a megrajzolt mozgásoknak a művészete.

What happens between each frame is more important

Sokkal fontosabb, ami két képkocka között történik,

than what exists on each frame."

mint ami magán a képkockán van."

What did he mean?

Mit értett ez alatt?

Well, for an object to appear in motion,

Ahhoz, hogy egy tárgyat mozgásban lévőnek érzékeljünk,

it necessarily has to change in position over time.

időben változtatnia kell a helyzetét.

If time passes and no change in position occurs,

Ha az idő elteltével a helyzete nem változik,

the object will appear to be still.

akkor a tárgy állni látszik.

This relationship between the passage of time

Erre az összefüggésre -- az idő múlása,

and the amount of change that occurs in that time

és az ez idő alatt történő változás között --

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

épül minden időalapú művészeti ág,

be it music, dance, or motion pictures.

legyen az zene, tánc vagy mozgókép.

Manipulating the speed and amount of change

A képkockák közötti sebesség, és az elmozdulás mértékének

between the frames is the secret alchemy

változtatása az a titkos tudomány,

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

amitől az animáció képes az elevenség illúzióját kelteni.

In animation, there are two fundamental principles

Az animáció két alapelve

we use to do this:

amire mindez épül:

timing and spacing.

az időzítés és a térbeli elmozdulás.

To illustrate the relationship between them,

A köztük lévő kapcsolat érzékeltetésére

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

a pattogó labda klasszikus példáját fogjuk használni.

One way to think about timing

Az időzítést úgy is képzelhetjük,

is that it's the speed, or tempo,

hogy ez az esemény lezajlásának

at which an action takes place.

sebessége vagy tempója.

We determine the speed of an action

Az esemény sebességét a lejátszódásához szükséges

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

képek vagy képkockák számával határozzuk meg.

The more frames something takes to happen,

Minél több képkockán keresztül történik meg egy dolog,

the more time it spends on screen,

annál több időt tölt a képernyőn,

so the slower the action will be.

tehát annál lassabb lesz a történés.

The fewer frames something takes to happen,

Minél kevesebb képkockából áll az esemény,

the less screen time it takes,

annál kevesebb képernyőidőt vesz igénybe,

which gives us faster action.

ami gyorsabb akciót eredményez.

The timing is about more than just speed,

Az időzítés azonban nem csupán a sebességről szól,

it's also about rhythm.

hanem a ritmusról is.

Like a drumbeat or melody only exists

Ahogy a dobszót és a dallamot is csak a dal

when a song is being played,

lejátszása során halljuk,

the timing of an action

az időzítés is csak az esemény

only exists while it's happening.

történése során érzékelhető.

You can describe it in words,

Szóban elmondhatjuk,

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

hogy valami 6, 18 stb. képkockáig tart.

But to really get a sense of it,

De hogy valóban tudjuk, miről van szó,

you need to act it out

le kell játszanunk,

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

vagy ki kell próbálnunk, hogyan zajlik le valós időben.

Now, the timing of an action

Egy akció időzítése

all depends on the context of the scene

a jelenet kontextusától függ,

and what you're trying to communicate.

és attól, hogy mit akarunk vele közvetíteni.

What is doing the acting, and why?

Mit csinál ez az akció, és miért?

Let's take our example.

Nézzünk egy példát!

What makes a ball bounce?

Mitől pattog a labda?

The action we're talking about here

A szóban forgó esemény

is a result of interacting physical forces,

fizikai erők eredménye,

a moving ball's tendency to stay in motion,

a mozgó labda törekvése a mozgásban maradásra,

or its force of momentum

vagy a tehetetlenségi ereje,

vs. the constant force of gravity

szemben az őt a föld felé vonzó,

bringing it back down Earth.

állandó gravitációs erővel.

The degree to which these invisible forces apply,

Hogy ezek a láthatatlan erők milyen mértékben hatnak,

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

és hogy a labda miért éppen így viselkedik,

all depends on the physical properties of the ball.

az a labda fizikai tulajdonságaitól függ.

A golf ball is small, hard and light.

Egy golflabda kicsi, kemény és könnyű.

A rubber ball is small, soft and lighter.

Egy gumilabda kicsi, puha és könnyebb.

A beach ball is large, soft and light.

Egy strandlabda nagy, puha és könnyű.

And a bowling ball is large, hard and heavy.

Egy tekegolyó nagy, kemény és nehéz.

So, each ball behaves very differently,

Szóval, minden labda másként viselkedik,

according to its properties.

tulajdonságaitól függően.

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

Vizsgáljuk meg most a vizuális ritmusukat.

Each ball plays its own beat

Mindegyik labda a saját ritmusát játssza,

and tells us something about itself

és ezzel elmond valamit magáról,

and the time it takes to travel across the screen.

és a képernyőn való mozgásához szükséges időről.

The visual rhythm of these hits is the timing.

Ennek a pattogásnak a vizuális ritmusa az időzítés.

Okay, let's start animating our ball,

Nos, kezdjük hát animálni a labdát,

bouncing up and down with a simple cycle of drawings.

fel-le pattogtatva egy egyszerű rajzsorozattal.

We'll draw a circle here,

Rajzolunk ide egy kört,

call it point A, our starting point.

nevezzük ezt A pontnak, ez lesz a kezdőpont.

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

A talajt érje el itt, a B pontban.

Let's say it takes about a second

A talaj elérése és a visszatérés

to hit the ground and come back up again.

tartson, mondjuk egy másodpercig.

This is our timing.

Ez lesz az időzítésünk.

Our spacing is where we position the circle

Az elmozdulás az pozíció lesz, ahova

in the frames between point A and point B.

a kört elhelyezzük az A és B pontok között.

If we were to move our ball

Ha a labdát egyenletes

in evenly-spaced increments,

távolságokkal mozdítanánk el, akkor

we'd get something like this.

valami ilyesmit kapnánk.

It's not really telling us anything about itself.

Ez nem igazán mond semmit nekünk.

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

Ez egy pattogó labda, vagy egy karika egy liftben?

Let's look at our footage again

Nézzük meg újra a távolságokat,

and think about what's going on

és gondoljuk meg, mi történik,

as each ball bounces.

amikor az egyes labdák pattognak.

Following each impact with the ground,

Minden földet érés után,

the ball's upward momentum

a labda felfelé mutató tehetetlenségét

is eventually overcome by gravity.

végül legyőzi a gravitáció.

This happens at the peak of each arc.

Ez az egyes ívek legmagasabb pontján történik.

As things change direction,

Az irányváltásnál

the motion is slowest.

a leglassabb a mozgás.

We see here the successive positions of the ball

Itt azt láthatjuk, hogy a labda egymást követő pozíciói

are close together.

közel vannak egymáshoz.

The ball then speeds up as it falls,

A labda esés közben aztán felgyorsul,

and is at its fastest

és a talajjal való találkozás előtt

when it's approaching and hitting the ground.

éri el a legnagyobb sebességet.

We can see here each position is further apart.

Itt azt láthatjuk, hogy a pozíciók egyre távolabb vannak.

The change in position between frames

A képkockák közötti pozícióváltozás

is the spacing.

az elmozdulás.

The smaller the change,

Minél kisebb mértékű a változás,

the slower the action will appear.

annál lassabban játszódik le az esemény.

The greater the change,

Minél nagyobb a változás,

the faster it will appear.

annál gyorsabb a történés.

For an action to decelerate,

Egy akció lelassításához minden elmozdulásnak

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

kisebbnek kell lennie az előző változásnál.

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

Hasonlóképpen, ha egy akciót fel akarunk gyorsítani,

each successive change must be greater.

akkor a soron következő elmozdulásoknak nagyobbaknak kell lenniük.

Let's change the mechanical spacing

Most módosítsuk az animált labdánk

of our animated bounce

térbeli elmozdulásait,

to reflect what we observed in the footage.

hogy lássuk, mi történik a távolságokkal.

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

A tetején lassú, a talajjal való találkozáskor gyors.

Simply by adjusting the spacing,

Csupán az elmozdulások változtatásával,

we've succeeded in suggesting

sikerült életre keltenünk

the forces of momentum and gravity at play

a tehetetlenségi és gravitációs erőket,

and achieved a much more realistic motion.

és egy sokkal valósághűbb mozgást elérni.

Same timing but different spacing

Az időzítés ugyanaz, de egy más elmozdulási minta

gives us vastly different results.

teljesen más eredményt ad.

And in reality, as a ball bounces,

A valóságban pedig, ahogy a labda pattog,

the physics of gravity eventually defeat

a gravitáció hatása végül felülkerekedik

the tendency of the ball to stay in motion.

a labda mozgásban maradási szándékán.

You can see this here in the decreasing height

Ez jól látható itt, az egymást követő felpattanások

of each successive bounce.

egyre csökkenő magasságából.

However, again, this decrease varies

Ez a csökkenés ismét csak

according to the properties of the ball.

a labda tulajdonságaitól függően eltérést mutat.

Even though these circles are the same size here,

Bár ezek a körök itt azonos méretűek,

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

mindannyian más történetet mesélnek magukról,

purely in how they move.

pusztán a mozgásuk révén.

The relationship between these principles

Az időzítés és az elmozdulás elvei

of timing and spacing

közti összefüggéseket

can be applied in countless ways

végtelen változatosságban használhatjuk

and used to animate all types of action:

különböző jelenségek animálására:

a yo-yo,

egy jojó,

a punch,

egy ütés,

a gentle tap,

egy finom koppintás,

a push,

egy nyomás,

a saw,

egy fűrész,

the Sun traveling across the sky,

az égen áthaladó Nap,

a pendulum.

egy inga.

Animation is a time-based art form.

Az animáció egy időalapú művészeti ág.

It may incorporate the aesthetic elements

Ez kiterjedhet más grafikai művészeti ágak,

of other graphic arts,

például az illusztráció vagy festészet

like illustration or painting,

esztétikai elemeire is,

but what sets animation apart

de az animációt az különbözteti meg tőlük,

is that, here, what you see

hogy amit látunk,

is less important that what you don't see.

az itt kevésbé fontos, mint ami a háttérben, láthatatlanul történik.

An object's superficial appearance

Egy tárgy külalakja

only tells us so much about itself.

csak önmagáról árul el valamit.

It's only when it's in motion

A tárgy természetét valóban megismerni

that we really understand its nature.

csak akkor tudjuk, amikor mozgás közben látjuk.