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

أساسيات الرسوم المتحركة: فن التوقيت والتباعد - TED-Ed

المترجم: Maysoon Abbas المدقّق: Anwar Dafa-Alla

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.

نسميها النقطة 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.

لتضرب الأرض وتعود مرة أخرى.

This is our timing.

هذا هو توقيتنا.

Our spacing is where we position the circle

الموقع الذي وضعنا فيه الدائرة هو التباعد لدينا

in the frames between point A and point B.

في الإطارات بين النقطة A والنقطة 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.

حينها نفهم حقا طبيعته.