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

מתרגם: Ido Dekkers מבקר: Tal Dekkers

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

נורמן מקלארן, חלוץ טכנולוגיות האנימציה של המאה ה 20,

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.

שאנחנו באמת מבינים את הטבע שלו.