Anima humo en pixel art, fotograma a fotograma

Para animar humo en pixel art, dibújalo fotograma a fotograma: deja que la bocanada crezca en los primeros fotogramas, y luego rómpela en pedazos cada vez más pequeños hasta que desaparezca. Diez fotogramas de 100 milisegundos cada uno hacen una bocanada de un segundo. Usa onion skin para ver el fotograma anterior mientras dibujas el siguiente. Pruébalo aquí abajo y luego presiona Play.

Este sprite es ancho. Es más fácil dibujarlo en una computadora o con el teléfono de lado.

Paso 1

Colores para este paso
Herramientas
Guía

Mostrar el paso terminado

Lo básico de la animación

Humo animado en pixel art: una bocanada crece, se deshace y desaparece
El humo del curso, 10 fotogramas

Una animación es una fila de fotogramas. Cada fotograma tiene el sprite en una posición, y al reproducirlos uno tras otro, se mueve. Este humo tiene diez fotogramas.

Cada fotograma tiene una duración. La estándar es de 100 milisegundos, una décima de segundo, y es la que usamos aquí, así que diez fotogramas hacen un segundo de humo.

Y la herramienta más útil para animar: el onion skin. Muestra el fotograma anterior tenue debajo del que estás dibujando, así ves cuánto deben moverse las cosas. Puedes mostrar más de un fotograma, pero solo el anterior suele ser lo más práctico. En el entrenador interactivo es el fantasma rojo debajo de tu dibujo.

Cómo se mueve el humo

Fotograma 1: una pequeña bocanada de humo
Fotograma 1
Fotograma 3: el humo en su tamaño máximo
Fotograma 3
Fotograma 5: el humo deshaciéndose
Fotograma 5
Fotograma 8: quedan unas pocas partículas
Fotograma 8

Al principio el humo no tiene una forma real. En los primeros tres fotogramas se expande. Desde el fotograma cuatro empieza a deshacerse, y en cada fotograma hay menos, hasta que quedan solo un par de píxeles. Ese es todo el ciclo.

Usa solo dos colores: un tono medio gris azulado claro para el cuerpo y blanco para los brillos. La luz viene de arriba a la izquierda, así que los brillos van arriba, sobre todo a la izquierda.

Cómo lo dibujo

Primero rellena el fondo, en su propia capa. Así, cuando agregues fotogramas nuevos, el fondo ya está en cada uno, y no tienes que repintarlo diez veces.

Dibuja el humo en su propia capa. En cada fotograma nuevo, borra lo que hay y dibuja la forma nueva, con el onion skin activado. No seas estricto con la forma. Es humo movido por el aire, así que el tuyo puede ser distinto del mío, y está bien. Cuando un fotograma se complique, dibuja primero el contorno y luego rellénalo.

En el video dibujo primero las formas en los diez fotogramas, y al final agrego los brillos en una capa aparte. En el entrenador interactivo cada fotograma viene con su brillo, así puedes revisarlo de una sola vez. Presiona Play de vez en cuando para ver cómo se mueve. Esa es la parte divertida.