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

Principios de la animación: El arte del tiempo y el espacio.

Traductor: Máximo Hdez Revisor: Sebastian Betti

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

Norman McLaren, el gran pionero de la técnica de animación del siglo XX,

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

una vez dijo, "la animación no es el arte de los dibujos que se mueven,

but the art of movements that are drawn.

sino el arte de los movimientos que se dibujan.

What happens between each frame is more important

Lo que pasa entre cada fotograma es más importante

than what exists on each frame."

que lo que existe en cada fotograma".

What did he mean?

¿Qué quiso decir?

Well, for an object to appear in motion,

Bien, para un objeto en movimiento

it necessarily has to change in position over time.

necesariamente tiene que cambiar de posición con el tiempo.

If time passes and no change in position occurs,

Si pasa el tiempo y no hay cambio de posición,

the object will appear to be still.

el objeto aparecerá inmóvil.

This relationship between the passage of time

Esta relación entre el paso del tiempo

and the amount of change that occurs in that time

y la cantidad de cambio que se produce en ese tiempo

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

es el corazón de cada forma de arte basada en el tiempo,

be it music, dance, or motion pictures.

ya sea la música, el baile o las imágenes en movimiento.

Manipulating the speed and amount of change

Manipular la velocidad y la cantidad de cambios

between the frames is the secret alchemy

entre los fotogramas es la alquimia secreta

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

que da a la animación la capacidad para transmitir la ilusión de la vida.

In animation, there are two fundamental principles

En la animación, hay dos principios fundamentales

we use to do this:

que usamos para hacer esto:

timing and spacing.

el tiempo y el espacio.

To illustrate the relationship between them,

Para ilustrar la relación entre ellos,

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

usaremos un ejemplo clásico: la pelota que rebota.

One way to think about timing

Una manera de pensar en el tiempo

is that it's the speed, or tempo,

es que es la velocidad, o el tempo,

at which an action takes place.

en el cual se lleva a cabo una acción.

We determine the speed of an action

Determinamos la velocidad de una acción

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

con base en cuántos cuadros o fotogramas se tarda en pasar.

The more frames something takes to happen,

Entre más fotograma tengan que pasar,

the more time it spends on screen,

más tiempo pasa en la pantalla,

so the slower the action will be.

y por lo tanto la acción será más lenta.

The fewer frames something takes to happen,

Entre menos fotograma tengan que pasar,

the less screen time it takes,

tarda menos tiempo en la pantalla,

which gives us faster action.

lo que nos da una acción más rápida.

The timing is about more than just speed,

El tiempo es más que solo velocidad,

it's also about rhythm.

también es ritmo.

Like a drumbeat or melody only exists

Como un ritmo o una melodía que solo existe

when a song is being played,

cuando se está reproduciendo una canción,

the timing of an action

el tiempo de una acción

only exists while it's happening.

solo existe mientras está ocurriendo.

You can describe it in words,

Puedes describirlo con palabras,

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

decir que algo llevará 6 fotogramas, 18 fotogramas y así sucesivamente.

But to really get a sense of it,

Pero para hacernos una idea

you need to act it out

se necesita actuarlo

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

o vivirlo como si pasara, bueno, en tiempo real.

Now, the timing of an action

Ahora, el tiempo de una acción

all depends on the context of the scene

depende completamente del contexto de la escena

and what you're trying to communicate.

y lo que quieras comunicar.

What is doing the acting, and why?

¿Qué hace la actuación y por qué?

Let's take our example.

Veamos nuestro ejemplo.

What makes a ball bounce?

¿Qué hace que una pelota rebote?

The action we're talking about here

La acción de la que estamos hablando aquí

is a result of interacting physical forces,

es el resultado de la interacción de fuerzas físicas,

a moving ball's tendency to stay in motion,

la tendencia de una pelota en movimiento es de permanecer en movimiento

or its force of momentum

o su fuerza de impulso

vs. the constant force of gravity

contra la constante fuerza de gravedad

bringing it back down Earth.

que la baja a tierra.

The degree to which these invisible forces apply,

El grado en que se aplican estas fuerzas invisibles

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

y la razón de por la que la pelota se comporta como lo hace,

all depends on the physical properties of the ball.

depende completamente de las propiedades físicas de la pelota.

A golf ball is small, hard and light.

Una pelota de golf es pequeña, dura y liviana.

A rubber ball is small, soft and lighter.

Una pelota de goma es pequeña, suave y liviana.

A beach ball is large, soft and light.

Una pelota de playa es grande, suave y liviana.

And a bowling ball is large, hard and heavy.

Y una bola de boliche es grande, dura y pesada.

So, each ball behaves very differently,

Así, cada pelota se comporta de manera muy diferente,

according to its properties.

según sus propiedades.

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

Vamos a darle un sentido del ritmo visual de cada una.

Each ball plays its own beat

Cada pelota se comporta de acuerdo a su propio ritmo

and tells us something about itself

y nos dice algo sobre sí misma

and the time it takes to travel across the screen.

y el tiempo que tarda en viajar por la pantalla.

The visual rhythm of these hits is the timing.

El ritmo visual de estos golpes es el tiempo.

Okay, let's start animating our ball,

Bueno, empecemos animando nuestra pelota,

bouncing up and down with a simple cycle of drawings.

saltando hacia arriba y hacia abajo con un ciclo simple de dibujos.

We'll draw a circle here,

Vamos a dibujar un círculo aquí

call it point A, our starting point.

llamémosle punto A, punto de partida.

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

Lo dejaremos caer al suelo, punto B.

Let's say it takes about a second

Digamos que se tarda aproximadamente un segundo

to hit the ground and come back up again.

para llegar al suelo y regresar otra vez.

This is our timing.

Este es nuestro tiempo.

Our spacing is where we position the circle

Nuestro espacio es dónde ponemos el círculo

in the frames between point A and point B.

en los fotogramas entre el punto A y el punto B.

If we were to move our ball

Si tuviéramos que mover la pelota

in evenly-spaced increments,

en incrementos espaciados uniformemente,

we'd get something like this.

tendríamos algo así.

It's not really telling us anything about itself.

Realmente no nos dice nada sobre sí mismo.

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

¿Es una pelota o un círculo en el ascensor?

Let's look at our footage again

Echemos un vistazo a nuestro video de nuevo

and think about what's going on

y pensemos en lo que está pasando

as each ball bounces.

mientras cada pelota rebota.

Following each impact with the ground,

Después de cada impacto con el suelo,

the ball's upward momentum

el impulso alza la pelota

is eventually overcome by gravity.

que finalmente es vencido por gravedad.

This happens at the peak of each arc.

Esto sucede en el pico de cada arco.

As things change direction,

Mientras cambia de dirección,

the motion is slowest.

el movimiento se hace más lento.

We see here the successive positions of the ball

Aquí vemos que las posiciones sucesivas de la pelota

are close together.

se juntan.

The ball then speeds up as it falls,

La pelota entonces acelera mientras cae,

and is at its fastest

y tiene su mayor velocidad

when it's approaching and hitting the ground.

cuando se aproxima a golpear el suelo.

We can see here each position is further apart.

Aquí podemos ver que cada posición se separa más.

The change in position between frames

El cambio de posición entre fotogramas

is the spacing.

es la distancia.

The smaller the change,

Cuanto menor sea el cambio,

the slower the action will appear.

aparecerá más lenta en la acción.

The greater the change,

Cuanto mayor sea el cambio,

the faster it will appear.

más rápido va a aparecer.

For an action to decelerate,

Para que una acción desacelere,

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

cada cambio en la posición debe ser menor que el cambio precedente.

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

Asimismo, para que una acción acelere,

each successive change must be greater.

cada cambio sucesivo debe ser mayor.

Let's change the mechanical spacing

Vamos a cambiar el espaciado mecánico

of our animated bounce

de nuestro rebote animado

to reflect what we observed in the footage.

para reflejar lo que observamos en las imágenes.

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

Lentamente en la parte superior, rápido cuando está golpeando el suelo.

Simply by adjusting the spacing,

Simplemente ajustando el espaciamiento,

we've succeeded in suggesting

hemos logrado sugerir

the forces of momentum and gravity at play

las fuerzas de impulso y la gravedad en juego

and achieved a much more realistic motion.

y lograr un movimiento mucho más realista.

Same timing but different spacing

El mismo tiempo pero diferente espacio

gives us vastly different results.

nos da resultados muy diferentes.

And in reality, as a ball bounces,

Y en realidad, mientras una pelota rebota,

the physics of gravity eventually defeat

la física de la gravedad eventualmente derrota

the tendency of the ball to stay in motion.

la tendencia de la bola a permanecer en movimiento.

You can see this here in the decreasing height

Se puede ver esto en la altura decreciente

of each successive bounce.

de cada rebote sucesivo.

However, again, this decrease varies

Sin embargo, una vez más, esta disminución varía

according to the properties of the ball.

según las propiedades de la pelota.

Even though these circles are the same size here,

Aunque estos círculos son del mismo tamaño

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

nos cuentan una historia diferente sobre ellos mismos,

purely in how they move.

simplemente de la forma en que se mueven.

The relationship between these principles

La relación entre estos principios

of timing and spacing

de tiempo y espacio

can be applied in countless ways

puede aplicarse de innumerables maneras

and used to animate all types of action:

y se usa para animar todos los tipos de acción:

a yo-yo,

un yoyo,

a punch,

un golpe,

a gentle tap,

un golpecito suave,

a push,

un empujón,

a saw,

una sierra,

the Sun traveling across the sky,

el sol viajando por el cielo,

a pendulum.

un péndulo.

Animation is a time-based art form.

La animación es una forma de arte basada en el tiempo.

It may incorporate the aesthetic elements

Puede incorporar elementos estéticos

of other graphic arts,

de otras artes gráficas,

like illustration or painting,

como la ilustración o la pintura,

but what sets animation apart

pero lo que distingue a la animación

is that, here, what you see

es que, aquí, lo que se ve

is less important that what you don't see.

es menos importante que lo que no se ve.

An object's superficial appearance

La apariencia superficial de un objeto

only tells us so much about itself.

solo nos dice algo sobre sí mismo.

It's only when it's in motion

Es únicamente cuando está en movimiento

that we really understand its nature.

que realmente entendemos su naturaleza.