1. Design & Illustration
  2. Drawing/Illustration
  3. Drawing Theory

Animación para principiantes: Anima la forma y el peso de los objetos que caen

Scroll to top
This post is part of a series called Animation for Beginners.
Animation for Beginners: How to Animate a Bouncing Ball
Animation for Beginners: How to Animate a Flying Bird

Spanish (Español) translation by Óscar Salas Fernández (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial observaremos diferentes objetos cayendo y después tomaremos nota de lo que vimos. ¡Entonces animaremos lo que hemos observado! ¡Los objetos diferentes caen a velocidades y en trayectorias diferentes dependiendo de su forma y su peso! ¡Vamos!

1. ¡Mira tú mismo!

¡Vamos a reunir los objetos reales y a dejarlos caer! ¡Encuentra una piedra! ¡Encuentra una pluma! ¡Encuentra un lápiz! ¡Eres un animador! ¡Tienes lápices por todas partes! Eso debería ser fácil de encontrar.

Después ve al patio de delante, a la escalera de entrada, al patio de atrás, a la sala de estar-- a algún lugar donde tengas espacio suficiente para dejar caer tus objetos y observarlos. Deja caer los objetos desde una altura cómoda. Yo dejé caer mis objetos sosteniéndolos a cuatro pies, pero esto no está grabado en piedra-- cada persona tiene una estatura diferente, así que asegúrate de que estás cómodo. ¡Cuidado! No dejes caer esa piedra sobre tu dedo. ¡Vamos!

Paso 1

¡Deja caer tu pluma!

Drop your featherDrop your featherDrop your feather
Permite a tu pluma caer.

Paso 2

¡Deja caer tu lápiz!

Drop your pencilDrop your pencilDrop your pencil
Ahora deja caer tu lápiz

Paso 3

¡Deja caer tu piedra! ¡Cuidado!

Drop your rockDrop your rockDrop your rock
Por último, tu piedra.

Paso 4

Toma nota de cómo cayó cada objeto.

Cuando dejé caer mis objetos, me dí cuenta de que la pluma tardó más en caer que el lápiz y la piedra. La pluma no cayó directa hacia abajo sino más bien de lado a lado mientras era zarandeada por pequeños cambios en el aire.

El lápiz cayó directo hacia abajo y entonces botó un poco. Dado que el lápiz es un objeto rígido, la forma del lápiz no cambió en lo más mínimo cuando botó. La piedra cayó directa hacia abajo y botó levemente. Tómate un momento para hacer un dibujo en miniatura de cómo cayeron tus objetos.

Sketch out your observationsSketch out your observationsSketch out your observations

2. ¡Anima tus objetos!

Paso 1

Pongámonos a trabajar en la animación de nuestra pluma.

Comenzaremos por dibujar nuestra línea del suelo aproximadamente a una pulgada o menos de la parte inferior de la hoja, así que nuestra animación está conectada a tierra.

Draw in your floorDraw in your floorDraw in your floor

Paso 2

¡Comienza a animar tu pluma! Para este tutorial, en lugar de crear "poses clave" primero y después animar los intermedios, animé hacia adelante. Esta es una manera más natural de animar, porque estás animando el movimiento sobre la marcha.

En la animación tradicional normalmente son 24 fotogramas por segundo. Normalmente hago 12 dibujos por segundo y expongo cada dibujo dos veces. Esto es lo que se conoce como animación en 2's. Cuanto más despacio cae nuestro objeto, más dibujos necesitaremos crear y los dibujos de nuestra animación estarán más pegados. Cuanto más rapido cae nuestro objeto, menos dibujos necesitaremos y los dibujos estarán más alejados unos de otros.

Primero vamos a esbozar la animación y a conseguir movimiento hacia abajo animando un sencillo trazo de lápiz o boli que sea aproximadamente de la longitud de nuestra pluma. Nos preocuparemos por poner detalles más tarde. Vamos a divertirnos animando, sin empantanarnos preocupándonos por hacer bien los detalles de la pluma. Pero intentaremos mantener uniforme el tamaño de nuestro trazo de lápiz.

Start to animate your featherStart to animate your featherStart to animate your feather
Nuestro primer fotograma.

Mientras animas, recuerda la trayetoria de nuestra pluma y los pequeños cambios en el aire que afectan al descenso de la pluma. Dado que la pluma caerá más despacio que un objeto como un balón, los dibujos de la animacion están más próximos y hay más de ellos.

Mira cómo nuestra pluma está cayendo más despacio y de lado a lado. El trazo gris claro de la parte superior de la hoja es nuestro primer fotograma, y el trazo gris oscuro es donde estamos ahora. Mira lo juntos que están los dibujos-- dado que la pluma está cayendo despacio, los dibujos incluso se superponen en algunos casos. ¡Sigue adelante! ¡Se ve genial!

The feathers pathThe feathers pathThe feathers path

Está bien comprobar tu progreso sobre la marcha. ¡Bien hecho!

Feather animation progressFeather animation progressFeather animation progress

La pluma no tiene que caer a la misma "velocidad" todo el camino hacia abajo. Hice algunos de los dibujos más separados unos de otros para acelerar la caída, produciendo la ilusión de que la pluma está siendo afectada por pequeños cambios en el aire. El aire es orgánico y se pueden ocasionar pequeños cambios por una puerta que se abre, el caminar de una persona, el viento o de alguna manera varios cambios. Además, decidí divertirme y hacer que la pluma gire mientras cae.

Feather animation further progressFeather animation further progressFeather animation further progress

¡Bien! Esa es una buena animación de una pluma. ¡Pero todavía necesita algo!

Feather animation so farFeather animation so farFeather animation so far

Paso 3

Vamos a añadir un poco de asentamiento a nuestra pluma, para que la pluma no sólo caiga y se detenga en el suelo. Normalmente, una vez que un objeto cae al suelo, ¡la gravedad aún no ha acabado con él! El objeto por lo general botará o se aplastará. ¡Incluso un acto sutil como esta hará muy verosímil tu acción!

Después del dibujo, donde la pluma hace contacto con el suelo, vamos a agregar unos pocos fotogramas donde la pluma cambia su forma para "aplastarse" hacia abajo ligeramente antes de volver a su forma original. Es sutil pero eficaz. ¡Inténtalo!

Quiero mostrarte el asentamiento de la pluma, así que vamos a hacer zoom para verlo más de cerca. Este es el primer contacto de nuestra pluma con el suelo.

Close upClose upClose up

Este es nuestro "asentamiento". La pluma aterriza en el suelo y luego "se aplasta" hacia abajo ligeramente. La otra pose de aplastado está en gris oscuro. La posición original de la pluma está en gris claro.

Add a settle poseAdd a settle poseAdd a settle pose

Ahora la pluma regresa a su posición original. Mira el espacio que hay entre la posición original y la posición de asentamiento. Es muy sutil, pero eficaz.

Go back to original feather poseGo back to original feather poseGo back to original feather pose

Si de verdad queremos hacer menos brusca nuestra acción, vamos a añadir un intermedio entre nuestro asentamiento y nuestra posición original de contacto. Mira el intermedio en gris oscuro.

Add an in-between to feather settleAdd an in-between to feather settleAdd an in-between to feather settle

¡Eso pinta genial! Añadir el asentamiento realmente da a la pluma peso y profundidad. ¡Esa es una animación flamante de una pluma! Añadiremos detalles más tarde-- ¡pasemos a nuestro lápiz!

Animation with feather settleAnimation with feather settleAnimation with feather settle

Paso 4

¡Anima nuestro lápiz! De nuevo, nos preocuparemos por los detalles más tarde-- vamos a bocetar nuestro movimiento primero, usando un trazo de pincel.

Start animating your pencil Start animating your pencil Start animating your pencil
Primer fotograma de la animación de nuestro lápiz.

Mientras animas, recuerda que el lápiz caerá mucho más rápido que la pluma. El lápiz es más pesado y más aerodinámico, así que ofrece menos resistencia que la pluma y caerá directo hacia abajo.

Keep animating your pencilKeep animating your pencilKeep animating your pencil

Date cuenta de que los dibujos están más alejados y que hay menos dibujos. El lápiz caerá mucho más rápido que la pluma.

Pencil pathPencil pathPencil path

Cuando dejé caer mi lápiz, cayó sobre su parte final. Esta imagen es el primer contacto del lápiz con el suelo. Pero puede que a ti te cayera de manera diferente. Puedes modificar lo que aprendas aquí dependiendo de las condiciones a tu alrededor cuando dejaste caer el objeto. Esta es tu animación especial. ¡La animación de todos diferirá un poco, y eso está bien!

Pencil contact with groundPencil contact with groundPencil contact with ground
¡Contacto!

Mi lápiz hizo contacto con el suelo y después cayó sobre su costado. ¡Reflejé esto en mi animación!

Pencil falling overPencil falling overPencil falling over

Paso 5

¡Añade un ligero bote! El lápiz es un objeto rígido, pero aún así la mayoría de las veces botará un poco cuando se deja caer al suelo. La posición del contacto del lápiz con el suelo está en gris claro, y la posición del lápiz botando hacia arriba está en gris oscuro.

Pencil bouncePencil bouncePencil bounce

Vamos a echar un vistazo. ¡Está genial! Creo que puede necesitar una cosa más...

Pencil animation progressPencil animation progressPencil animation progress

Cuando observé mi lápiz cayendo, botó un par de veces. De nuevo, puede que el lápiz de todos cayera de manera ligeramente diferente. En mi animación añadí un pequeño bote más. ¡Es un movimiento muy sutil, pero eficaz!

¡Buen trabajo animando tu lápiz cayendo! ¡Ya casi hemos terminado! ¡Pasemos a nuestra piedra!

Pencil animation progress with bouncePencil animation progress with bouncePencil animation progress with bounce

Paso 6

¡Vamos a la piedra! Este es nuestro primer dibujo. La boceté en gris sólido.

Start animating your rockStart animating your rockStart animating your rock

Cuando observé mi piedra cayendo, me dí cuenta de que mi piedra cayó en una trayectoria directa hacia abajo. Echa un vistazo a mi desarrollo. La piedra en gris claro en todo el camino de la parte superior es el primer fotograma. La piedra en gris oscuro en todo el camino de la parte inferior es nuestro segundo y último fotograma. Me dí cuenta de que la piedra cayó deprisa, así que hice mis dibujos más apartados para reflejar esto-- la acción sucederá muy deprisa.

The rocks pathThe rocks pathThe rocks path

¡Pose de contacto! Nuestra piedra ha chocado contra el suelo. ¡Buen trabajo!

Rock contact with groundRock contact with groundRock contact with ground

¡Tiene buena pinta! Sin embargo, por algún motivo siento que falta algo. La piedra carece de la sensación y el peso que una piedra de verdad tendría, así que sólo parece como si se tratara de una parada.

Rock animation progressRock animation progressRock animation progress

Paso 7

Añade un bote muy leve a nuestra piedra. Cuando dejé caer mi piedra, me dí cuenta de que botó muy levemente cuando chocó contra el suelo. ¡Inténtalo!

¡Eso está mejor! ¡Añadir un bote extra de un solo fotograma da a la piedra muchísima más credibilidad! La piedra es pesada, así que la piedra apenas abandona el suelo cuando bota. ¡Buen trabajo! ¡Animaste todos tus objetos!

3. Añade detalles a tus objetos

¡Limpia! Ahora que hemos animado todos nuestros objetos, vamos a darles detalles a los dibujos toscos de nuestra animación -- o limpiar el dibujo como decimos en el negocio de la animación. Sólo repasaré mi tosca animación con un trazo fino de bolígrafo negro.

Paso 1

Vamos a añadir detalles a nuestra pluma.

Close up of first feather drawingClose up of first feather drawingClose up of first feather drawing
Esto es un primer plano de nuestro primer dibujo-- sólo es un simple trazo.

Trabajando en la parte superior de tu tosco trazo, añade tus detalles pero haz que la pluma mantenga la misma posición e inclinación que nuestro trazo.

Details added of first feather drawingDetails added of first feather drawingDetails added of first feather drawing
Close up of second feather drawingClose up of second feather drawingClose up of second feather drawing
Aquí está nuestro segundo boceto aproximado de una pluma.

Vamos a añadir detalles a nuestro segundo dibujo y a continuar limpiando el resto de nuestros fotogramas.

Details added of second feather drawingDetails added of second feather drawingDetails added of second feather drawing

¡Eso tiene una pinta genial!

Finished feather animationFinished feather animationFinished feather animation

Paso 2

Ahora añadiremos detalles a nuestro lápiz.

Aquí está el primer fotograma de nuestro lápiz. Vamos a hacer con nuestra animación aproximada de un lápiz lo mismo que hicimos con nuestra pluma.

Close up of rough pencil drawingClose up of rough pencil drawingClose up of rough pencil drawing

Vamos a añadir detalles-- sigue adelante hasta que hayas limpiado todos los fotogramas de tu lápiz.

Details added of pencilDetails added of pencilDetails added of pencil

¡Perfecto! ¡Eso pinta genial!

Paso 3

Ahora vamos a terminar nuestra piedra. Añadí una línea negra limpia y también agregué unas pocas líneas de sombreado, para darle a la piedra algo de volumen y textura. No es esencial, pero es un efecto bonito.

First cleaned up drawing of rockFirst cleaned up drawing of rockFirst cleaned up drawing of rock

Avancemos y limpiemos el resto de dibujos de nuestra piedra.

Add your details to all of your rock drawingsAdd your details to all of your rock drawingsAdd your details to all of your rock drawings

¡Pinta bien! ¡¡Perfecto!!

¡Enhorabuena! ¡Hiciste un gran trabajo!

En poco tiempo animaste tres objetos cayendo a una poca distancia del suelo. Aprendiste sobre cómo se comportan de manera distinta diferentes objetos cuando caen debido a su tamaño, su forma o su peso. No todos los objetos caen o se mueven de la misma manera. ¡Este es el conocimiento que te beneficiará en tus intentos de animación! ¡Sigue animando!

Complete animation of falling feather pencil stoneComplete animation of falling feather pencil stoneComplete animation of falling feather pencil stone