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

Переводчик: Yekaterina Jussupova Редактор: Anna Lim

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

Норман Макларен, пионер анимационного мастерства ХХ века, однажды сказал:

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

«Мультипликация — это не искусство движущихся рисунков,

but the art of movements that are drawn.

а искусств нарисованных движений.

What happens between each frame is more important

То, что происходит между кадрами,

than what exists on each frame."

важнее того, что происходит в них».

What did he mean?

Что же он имел в виду?

Well, for an object to appear in motion,

Чтобы объект выглядел движущимся,

it necessarily has to change in position over time.

его позиция обязательно должна изменяться с течением времени.

If time passes and no change in position occurs,

Если время идёт, а изменений не происходит,

the object will appear to be still.

объект будет выглядеть статичным.

This relationship between the passage of time

Взаимосвязь между отрезком времени

and the amount of change that occurs in that time

и количеством изменений —

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

это суть всех форм искусств, связанных со временем,

be it music, dance, or motion pictures.

будь то музыка, танцы или кино.

Manipulating the speed and amount of change

Манипуляции со скоростью и количеством изменений между кадрами —

between the frames is the secret alchemy

это тайная алхимия,

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

благодаря которой мультипликация воспроизводит иллюзию жизни.

In animation, there are two fundamental principles

Для этого мультипликация опирается

we use to do this:

на два основополагающих принципа:

timing and spacing.

хронометраж и интервалы.

To illustrate the relationship between them,

Чтобы продемонстрировать связь между ними,

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

приведём простой пример — прыгающий мяч.

One way to think about timing

С одной стороны, хронометраж заключается

is that it's the speed, or tempo,

в скорости или темпе,

at which an action takes place.

с которым происходит действие.

We determine the speed of an action

Скорость действия определяется

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

количеством картинок или кадров, в которых оно происходило.

The more frames something takes to happen,

Чем больше кадров занимает действие,

the more time it spends on screen,

тем дольше оно пробудет на экране,

so the slower the action will be.

а значит, тем оно будет медленнее.

The fewer frames something takes to happen,

Чем меньше кадров занимает происходящее,

the less screen time it takes,

тем меньше ему отводится экранного времени

which gives us faster action.

и тем быстрее совершается действие.

The timing is about more than just speed,

Но хронометраж — это больше, чем просто скорость,

it's also about rhythm.

это ещё и ритм.

Like a drumbeat or melody only exists

Подобно барабанному бою или мелодии,

when a song is being played,

существующим лишь пока звучит музыка,

the timing of an action

хронометраж действия существует лишь в момент его совершения.

only exists while it's happening.

You can describe it in words,

Это можно описать так:

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

какое-то действие займёт 6 кадров, другое — 18 и так далее.

But to really get a sense of it,

Но чтобы до конца понять суть,

you need to act it out

необходимо разыграть это,

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

словно действие происходит в реальном времени.

Now, the timing of an action

Итак, хронометраж действия

all depends on the context of the scene

полностью зависит от контекста сцены

and what you're trying to communicate.

и от того, что вы пытаетесь донести.

What is doing the acting, and why?

Что образует действие и почему?

Let's take our example.

Приведём пример.

What makes a ball bounce?

Что заставляет мяч прыгать?

The action we're talking about here

Это результат

is a result of interacting physical forces,

противодействия физических сил:

a moving ball's tendency to stay in motion,

импульса силы, или стремления мяча к продолжению движения,

or its force of momentum

vs. the constant force of gravity

и силы притяжения, возвращающей его на землю.

bringing it back down Earth.

The degree to which these invisible forces apply,

Физические свойства мяча определяют

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

степень влияния этих сил и причины,

all depends on the physical properties of the ball.

по которым мяч ведёт себя так, а не иначе.

A golf ball is small, hard and light.

Мячик для гольфа маленький, жёсткий и лёгкий.

A rubber ball is small, soft and lighter.

Резиновый мячик маленький, мягкий и более лёгкий.

A beach ball is large, soft and light.

Пляжный мяч большой, мягкий и лёгкий.

And a bowling ball is large, hard and heavy.

Шар для боулинга большой, жёсткий и тяжёлый.

So, each ball behaves very differently,

Мячи ведут себя по-разному

according to its properties.

в соответствии со своими свойствами.

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

Давайте проследим за визуальным ритмом каждого из них.

Each ball plays its own beat

Каждый мяч отскакивает,

and tells us something about itself

говоря что-то о себе

and the time it takes to travel across the screen.

и о времени, которое его перемещение занимает на экране.

The visual rhythm of these hits is the timing.

Визуальный ритм этих ударов и есть хронометраж.

Okay, let's start animating our ball,

Итак, давайте изобразим наш мяч,

bouncing up and down with a simple cycle of drawings.

прыгающий вниз-вверх, используя простой набор изображений.

We'll draw a circle here,

Мы нарисуем здесь круг,

call it point A, our starting point.

назовём его точкой А — это будет отправная точка.

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

Здесь мяч коснётся земли, это будет точка В.

Let's say it takes about a second

За одну секунду

to hit the ground and come back up again.

мяч ударяется о землю и снова подпрыгивает.

This is our timing.

Это наш хронометраж.

Our spacing is where we position the circle

А интервал — это расположение круга

in the frames between point A and point B.

в кадрах между точками А и В.

If we were to move our ball

Если бы мы смещали мяч

in evenly-spaced increments,

на равные расстояния,

we'd get something like this.

то получили бы что-то подобное.

It's not really telling us anything about itself.

Но это не даёт нам никакой информации об объекте.

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

Это прыгающий мяч или какой-то круг, движущийся на лифте?

Let's look at our footage again

Давайте подумаем о том,

and think about what's going on

что происходит,

as each ball bounces.

когда мяч прыгает.

Following each impact with the ground,

Импульс силы, направленный вверх

the ball's upward momentum

в момент удара о землю,

is eventually overcome by gravity.

преодолевается силой тяжести.

This happens at the peak of each arc.

Это происходит на пике каждой дуги.

As things change direction,

В момент изменения направления

the motion is slowest.

скорость движения минимальна.

We see here the successive positions of the ball

Здесь последовательные положения мяча

are close together.

расположены очень близко.

The ball then speeds up as it falls,

Двигаясь вниз, мяч набирает скорость,

and is at its fastest

достигая максимума

when it's approaching and hitting the ground.

во время приближения к земле и удара.

We can see here each position is further apart.

Тут мы видим, что расстояние между положениями мяча увеличивается.

The change in position between frames

Изменение положения объекта в кадрах

is the spacing.

и есть интервал.

The smaller the change,

При небольших изменениях

the slower the action will appear.

действие выглядит замедленным.

The greater the change,

Чем очевиднее

the faster it will appear.

изменения в кадре, тем более быстрым выглядит действие.

For an action to decelerate,

Чтобы замедлить движение,

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

каждое последующее изменение позиции должно быть меньше предыдущего.

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

И наоборот, чтобы ускорить движение,

each successive change must be greater.

каждое последующее изменение должно быть больше предыдущего.

Let's change the mechanical spacing

Давайте изменим интервалы

of our animated bounce

в анимации прыгающего мячика,

to reflect what we observed in the footage.

чтобы отразить то, что мы наблюдали в примере.

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

Замедление наверху, ускорение при приближении к земле.

Simply by adjusting the spacing,

Просто изменяя интервалы,

we've succeeded in suggesting

мы смогли передать

the forces of momentum and gravity at play

противостояние гравитации и импульса силы

and achieved a much more realistic motion.

и придать движению реалистичность.

Same timing but different spacing

Одинаковый хронометраж, но разные интервалы

gives us vastly different results.

дают совершенно непохожие результаты.

And in reality, as a ball bounces,

В реальности, когда мяч прыгает,

the physics of gravity eventually defeat

в определённый момент гравитация ослабит

the tendency of the ball to stay in motion.

стремление мяча оставаться в движении.

You can see this here in the decreasing height

Это отражает уменьшение высоты

of each successive bounce.

каждого последующего отскока.

However, again, this decrease varies

Но опять же, это уменьшение варьируется

according to the properties of the ball.

в зависимости от свойств мяча.

Even though these circles are the same size here,

Хотя эти круги одинакового размера,

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

характер их движения раскрывает нам

purely in how they move.

уникальные свойства, которыми они обладают.

The relationship between these principles

Взаимосвязь принципов

of timing and spacing

хронометража и интервалов

can be applied in countless ways

применена в бесчисленных вариациях

and used to animate all types of action:

и используется для анимации всех видов действий:

a yo-yo,

йо-йо,

a punch,

резкий удар,

a gentle tap,

лёгкий толчок,

a push,

нажим,

a saw,

пила,

the Sun traveling across the sky,

солнце, движущееся по небу,

маятник.

a pendulum.

Animation is a time-based art form.

Анимация — форма искусства, связанная со временем.

It may incorporate the aesthetic elements

Она включает в себя красоту элементов других графических искусств,

of other graphic arts,

like illustration or painting,

вроде иллюстраций или картин.

but what sets animation apart

Но особенность анимации в том,

is that, here, what you see

что то, что вы видите,

is less important that what you don't see.

менее важно, чем то, чего вы не видите.

An object's superficial appearance

Внешний вид объекта

only tells us so much about itself.

даёт не так много информации о нём.

It's only when it's in motion

Только движения

that we really understand its nature.

способны раскрыть его истинную суть.