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

Podstawy animacji: Sztuka taktowania i rozmieszczenia - TED-Ed

Tłumaczenie: Natalia Suta Korekta: Rysia Wand

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

Pionier animacji XX wieku, Norman McLaren,

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

powiedział kiedyś, że animacja to nie ruszające się obrazy,

but the art of movements that are drawn.

ale zobrazowane ruchy.

What happens between each frame is more important

To, co dzieje się między klatkami,

jest ważniejsze, niż to, co jest na nich.

than what exists on each frame."

What did he mean?

Co miał na myśli?

Well, for an object to appear in motion,

Żeby obiekt był w ruchu,

it necessarily has to change in position over time.

musi z czasem zmienić pozycję.

If time passes and no change in position occurs,

Jeśli pozycja nie ulega zmianie,

the object will appear to be still.

obiekt wydaje się nieruchomy.

This relationship between the passage of time

Relacja między upływem czasu

and the amount of change that occurs in that time

a postępującą zmianą

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

to podstawa każdej sztuki opartej na czasie:

be it music, dance, or motion pictures.

muzyki, tańca, czy ruchomych obrazów.

Manipulating the speed and amount of change

Dzięki kontroli prędkości i wielkości zmian

between the frames is the secret alchemy

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

animowane obiekty wydają się żywe.

In animation, there are two fundamental principles

Dwa podstawowe prawa animacji

we use to do this:

timing and spacing.

to synchronizacja i rozmieszczenie.

To illustrate the relationship between them,

Relację między nimi

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

wyjaśnimy na przykładzie skaczącej piłki.

One way to think about timing

Postrzegamy czas jako prędkość,

is that it's the speed, or tempo,

at which an action takes place.

z jaką zostaje wykonana czynność.

We determine the speed of an action

Prędkość to ilość klatek,

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

w jakich mieści się akcja.

The more frames something takes to happen,

Im więcej klatek,

the more time it spends on screen,

tym czynność wyświetla się dłużej

so the slower the action will be.

i tym jest wolniejsza.

The fewer frames something takes to happen,

Im mniej klatek,

the less screen time it takes,

tym czynność wyświetla się krócej,

which gives us faster action.

przez co jest szybsza.

The timing is about more than just speed,

Synchronizacja to nie tylko prędkość,

it's also about rhythm.

ale też rytm.

Like a drumbeat or melody only exists

Tak jak melodia istnieje jedynie,

when a song is being played,

kiedy ktoś wykonuje piosenkę,

the timing of an action

synchronizacja zachodzi tylko podczas akcji.

only exists while it's happening.

You can describe it in words,

Innymi słowy,

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

coś zajmuje 6, 18 lub więcej klatek.

But to really get a sense of it,

Żeby to zrozumieć,

you need to act it out

trzeba to odegrać

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

lub doświadczyc w czasie rzeczywistym.

Now, the timing of an action

Synchronizacja zależy od całości obrazu

all depends on the context of the scene

and what you're trying to communicate.

i tego, co chcemy przekazać.

What is doing the acting, and why?

Co i dlaczego wykonuje czynność?

Let's take our example.

Weźmy przykład piłki.

What makes a ball bounce?

Dlaczego się odbija?

The action we're talking about here

To skutek oddziaływania sił fizycznych,

is a result of interacting physical forces,

skłonność piłki do pozostania w ruchu

a moving ball's tendency to stay in motion,

or its force of momentum

lub siła pędu

vs. the constant force of gravity

a grawitacja

bringing it back down Earth.

ciągnąca ją ku ziemi.

The degree to which these invisible forces apply,

Nasilenie, z jakim działają siły

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

oraz zachowanie piłki,

all depends on the physical properties of the ball.

zależą od jej właściwości fizycznych.

A golf ball is small, hard and light.

Piłka golfowa jest mała, twarda i lekka.

A rubber ball is small, soft and lighter.

Piłka gumowa jest mała, miękka i lżejsza.

A beach ball is large, soft and light.

Piłka plażowa jest duża, miękka i lekka.

And a bowling ball is large, hard and heavy.

Kula do kręgli jest duża, twarda i ciężka.

So, each ball behaves very differently,

Każda piłka zachowuje się inaczej,

according to its properties.

zgodnie z jej właściwościami.

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

Zajmijmy się teraz rytmem wizualnym każdej z nich.

Każda piłka ma swój rytm,

Each ball plays its own beat

and tells us something about itself

który wynika z jej właściwości

and the time it takes to travel across the screen.

i czasu, w jakim przemierza ekran.

The visual rhythm of these hits is the timing.

Rytm wizualny odbić piłki to synchronizacja.

Okay, let's start animating our ball,

Zacznijmy animację piłki

bouncing up and down with a simple cycle of drawings.

wykonując cykl prostych rysunków.

We'll draw a circle here,

U góry narysujemy koło.

call it point A, our starting point.

To nasz punkt początkowy A.

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

W punkcie B piłka uderzy o ziemię.

Let's say it takes about a second

Załóżmy, że uderzenie i odbicie zajmie sekundę.

to hit the ground and come back up again.

This is our timing.

To nasz rytm.

Our spacing is where we position the circle

Rozmieszczeniem będą koła

in the frames between point A and point B.

między punktami A i B.

If we were to move our ball

Równomierny przyrost prędkości piłki

in evenly-spaced increments,

we'd get something like this.

da w rezultacie coś takiego.

It's not really telling us anything about itself.

Nie wiele nam to mówi.

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

Czy to skacząca piłka, czy koło w windzie?

Let's look at our footage again

Spójrzmy na materiał filmowy i zbadajmy,

and think about what's going on

as each ball bounces.

co dzieje się przy odbiciu.

Following each impact with the ground,

Po każdym zderzeniu z ziemią,

the ball's upward momentum

ruch piłki w górę

is eventually overcome by gravity.

przegrywa z grawitacją,

This happens at the peak of each arc.

dokładnie w punkcie szczytowym.

As things change direction,

Przy zmianie kierunku piłka zwalnia.

the motion is slowest.

Kolejne punkty położenia piłki

We see here the successive positions of the ball

are close together.

są zbliżone do siebie.

The ball then speeds up as it falls,

W miarę spadania piłka przyśpiesza

and is at its fastest

i osiąga skrajną prędkość przy zderzeniu z ziemią.

when it's approaching and hitting the ground.

We can see here each position is further apart.

Punkty położenia są oddalone od siebie.

The change in position between frames

Rozmieszczenie to zmiana pozycji między klatkami.

is the spacing.

The smaller the change,

Im mniejsza różnica,

the slower the action will appear.

tym wolniejsza wydaje się czynność.

The greater the change,

Im większa różnica,

the faster it will appear.

tym czynność wydaje się szybsza.

For an action to decelerate,

Akcja zwalnia,

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

gdy kolejna zmiana jest mniejsza niż poprzednia.

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

Analogicznie, akcja przyśpiesza,

each successive change must be greater.

gdy kolejna zmiana jest większa od poprzedniej.

Let's change the mechanical spacing

Przekształćmy mechaniczne rozmieszczenie,

of our animated bounce

to reflect what we observed in the footage.

by odzwierciedlić te obserwacje.

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

Piłka zwalnia u góry i przyśpiesza przy spadaniu.

Simply by adjusting the spacing,

Dopasowując rozmieszczenie

we've succeeded in suggesting

zobrazowaliśmy grę między siłą pędu a grawitacją,

the forces of momentum and gravity at play

and achieved a much more realistic motion.

uzyskując bardziej realistyczny obraz.

Same timing but different spacing

Ten sam rytm,

gives us vastly different results.

ale inne rozmieszczenie,

dają różne rezultaty.

And in reality, as a ball bounces,

W rzeczywistości

the physics of gravity eventually defeat

fizyka grawitacji jest silniejsza

the tendency of the ball to stay in motion.

niż skłonność do pozostania w ruchu,

You can see this here in the decreasing height

co obrazują coraz słabsze odbicia.

of each successive bounce.

However, again, this decrease varies

Spadek ten zależy od właściwości piłki.

according to the properties of the ball.

Even though these circles are the same size here,

Mimo, że są tego samego rozmiaru,

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

każda mówi nam co innego,

purely in how they move.

głównie przez rodzaj ruchu.

The relationship between these principles

Relację między synchronizacją a rozmieszczeniem

of timing and spacing

can be applied in countless ways

stosujemy na wiele sposobów

and used to animate all types of action:

i używamy w wielu rodzajach animacji:

a yo-yo,

yo-yo,

a punch,

cios pięścią,

a gentle tap,

delikatne stuknięcie,

a push,

pchnięcie,

a saw,

piłowanie,

the Sun traveling across the sky,

wędrówka słońca po niebie,

a pendulum.

ruch wahadła.

Animation is a time-based art form.

Animacja to sztuka oparta na czasie.

It may incorporate the aesthetic elements

Może zawierać elementy innej grafiki

of other graphic arts,

ilustracje i obrazy,

like illustration or painting,

but what sets animation apart

ale różni się tym,

is that, here, what you see

że w animacji to, co widać

is less important that what you don't see.

znaczy mniej niż to, czego nie widać.

An object's superficial appearance

Nie wiele mówi nam sam wygląd przedmiotu.

only tells us so much about itself.

It's only when it's in motion

Rozumiemy jego naturę dopiero, kiedy jest w ruchu.

that we really understand its nature.