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

애니메이션의 기본 : 시간과 간격의 예술 - TED-Ed

번역: Kim Sangyeop 검토: Jeong-Lan Kinser

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

20세기의 위대한 애니메이션 기술 선구자인 노먼 매클래런(Norman Mclaren)은

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.

타이밍(timing)과 간격조절(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.

포인트 A라고 부르겠어요. 여기가 시작점입니다.

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

바닥을 칠 거예요. 여기 포인트 B에서요.

Let's say it takes about a second

바닥을 치고 다시 올라오기 까지

to hit the ground and come back up again.

1초가 걸린다고 합시다.

This is our timing.

이것이 우리의 타이밍이죠.

Our spacing is where we position the circle

우리의 간격은 포인트 A와 포인트 B사이의

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.

간격조절(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.

우리는 그것의 본성을 진실로 이해합니다.