Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Animation
Design

Animación para principiantes: ¡Cómo animar una pelota saltarina!

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Animation for Beginners.
Animation for Beginners: Animate Shape and Weight in Falling Objects

Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)

Final product image
What You'll Be Creating

¡En este tutorial te guiaré a través de los pasos necesarios para crear una pelota saltarina animada, de la que estarás orgulloso!

Vamos a crear una pelota que rebote hacia arriba y hacia abajo. Nuestra pelota saltarina será un ciclo, lo que significa que el primer cuadro de nuestra animación es también el último cuadro de nuestra animación. Podemos repetir la misma animación una y otra vez, inclusive puede reproducirse infinitamente.

1. Dibujar las posiciones de la pelota

En el caso de nuestra pelota saltarina, el primer cuadro será  la posición 1, y el último cuadro lo llamaremos posición 2. Cuando completemos nuestra animación, esto se repetirá cuando se reproduzca.

Pose 1 and pose 2

Paso 1

Comienza dibujando una línea para el suelo aproximadamente a una pulgada desde la parte inferior de la página. Esto pondrá "en tierra" a nuestra pelota.

Draw a floor line

Paso 2

Bosqueja tu bola, no tiene que ser un círculo perfecto. Me gusta trabajar impreciso y aproximado cuando animo. Dibujemos nuestra bola aproximadamente a un centímetro desde la parte superior de la página. Esta es la posición 1. ¡La pelota esta por encima del piso, lista para caer y rebotar!

Draw first image of ball

Paso 3

Ahora vamos a dibujar nuestra pelota en la segunda posición. Esta es la posición 2. ¡La pelota está en el piso lista para volver a rebotar de vuelta a la posición 1! Puedes ver la imagen clara del cuadro anterior para que tengas una idea de la ubicación en relación con el cuadro anterior.

Draw our second pose of the ball

Paso 4

Volvamos y agreguemos un punto intermedio entre la posición 1 y la posición 2. Los intermedios son los cuadros de animación entre nuestras posiciones principales. Los intermedios, dan la ilusión de una transición suave entre una posición y otra.

El punto intermedio que estamos dibujando en este paso es para la acción entre la posición 1 y la posición 2. Cuando animo, me gusta favorecer el cuadro hacia el que estoy dibujando. Entonces, el dibujo de animación de nuestra pelota no está exactamente en el medio, sino más bien un poco más cerca de la posición 2 que de la posición 1.

In-between between pose1 and pose 2

Paso 5

A continuación, agrega un punto intermedio entre la posición 2 y la posición 1 para dar la apariencia de que la pelota está volviendo a su posición original.

In-between between pose 2 and pose 1

Echemos un vistazo a nuestra animación hasta ahora. Se ve bien, pero falta algo. Se ve plana.

Our animation so far

Paso 6

Para darle un poco de elasticidad a nuestra pelota saltarina, podemos agregar un cuadro de una pelota ligeramente aplastada justo después de nuestro cuadro de posición 2. Dejé una imagen clara de la posición 2 para que puedas ver el cuadro aplastado en relación con la pose 2. Asegúrate de mantener la masa de la pelota igual, ya que la pelota se aplasta ligeramente y se pone un poco más gorda en los lados, por lo tanto la masa de la pelota se mantiene igual.

Add a squashed frame

¡Eso está mucho mejor! Agregar el cuadro de la bola aplastada le da a la pelota más rebote.

Now lets see our animation

Paso 7

Nuestra pelota se ve bien, pero todavía le falta algo. Agreguemos una pelota estirada después de nuestra pelota aplastada. En la diapositiva puedes ver cómo se posiciona la bola estirada en relación con nuestro último dibujo. Observa cómo la masa se mantiene igual estirando nuestra pelota y haciéndola más alargada, y esta es más delgada a los lados.

Add a stretched ball frame

Ahora nuestra pelota se ve hinchable y se parece más a una pelota de goma elástica. ¡Muy bien!

Our animation so far

He aquí un vistazo de nuestro progreso. He etiquetado la posición 1 y la posición 2 y he resaltado los intermedios en verde.

All of our frames

Paso 8

Agreguemos otro intermedio para suavizar la acción mientras la pelota rebota hacia arriba para la posición 1. Cuantos más cuadros intermedios tenga una animación, más lenta y suave será la acción.

Add another in-between

Paso 9

A medida que la pelota se acerca a la posición superior, agrega un intermedio más para ralentizar y facilitar la acción. Esto hará que el movimiento sea más realista. Cuando una pelota saltarina rebota y alcanza su punto más alto, disminuirá su velocidad ligeramente mientras lucha contra la gravedad antes de comenzar a caer de vuelta al suelo.

Add one more in-between

He etiquetado la posición 1 y la posición 2 y he resaltado los intermedios en verde y nuestros dos últimos intermedios en azul.

All of our frames

Y ahora veamos nuestra animación. ¡Esa es una pelota que rebota muy bien! ¡Creo que ya casi hemos terminado! Pero primero...

Lets look at our animation

2. Perfeccionar y colorear nuestra animación

Paso 1

¡Es hora de limpiar y hacer más atractiva nuestra animación! Me gusta trabajar a grandes rasgos cuando animo. Ahora que estamos contentos con el aspecto de nuestra animación, vamos a hacer un contorno negro bonito y limpio sobre la parte superior de nuestra línea de boceto.

Lets clean up our ball

¡Muy bien! Mira todos nuestros cuadros juntos. ¡Ahora eso si que es un montón de cuadros limpios!

All of our cleaned up frames

Aquí está nuestra animación. ¡Eso se ve genial! ¡Buen trabajo! Solo queda una cosa por hacer...

Our cleaned up animation

Paso 2

¡Vamos a colorear nuestra bola! Colorea todas tus imágenes de bola. El azul es mi color favorito, pero puedes hacer que tu pelota sea del color que quieras. ¡Ve a por ello!

Lets color our ball
¡Muy bien! Continúa hasta que todos los cuadros de la pelota estén coloreados.

¡¡Buen trabajo!! ¡Buena animación!

¡Esa es una gran pelota saltarina! ¡Esto se ve increíble! En poco tiempo, has creado una pelota animada que rebota y que tiene peso y masa. Una pelota animada de la que puedes estar orgulloso. Sigue animando: ¡el cielo es el límite!

Our finished animation
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.