Esta vez, te mostraré cómo crear una animación de un personaje caminando a partir de una sola imagen.

Dado que la animación se crea mediante fotogramas clave, no es necesario dibujar varias imágenes, lo que facilita la creación de animaciones.

También hay una versión en vídeo, así que por favor échale un vistazo.

Puntos

Si eres principiante en animación, tendrás menos probabilidades de rendirte si no te saltas ninguno de los pasos descritos.

La creación de una animación es diferente a la creación de una ilustración, en el sentido de que si te saltas un paso, nada se moverá, por lo que es más fácil tener éxito si trabajas con cuidado.

El siguiente curso es uno que creé anteriormente.

El contenido de este curso es tal que incluso los principiantes pueden crear anime, pero el curso a continuación tiene un contenido más básico.

Échale un vistazo a ambos si estás interesado.

Creando un nuevo lienzo

Primero, crea un nuevo lienzo yendo a Archivo > Nuevo.

 

Haz clic en el botón Animación debajo de Objetivo del trabajo y crea un archivo con la siguiente configuración:

 

Tamaño original 1200x1080 72dpi

 

Línea de tiempo

 

Frecuencia de cuadros 10

 

Tiempo de reproducción 50

 

 

Se ha creado un nuevo lienzo para la animación.

A continuación, elimine la Capa 1 de la ventana Capas para que solo quede la carpeta Animación.

A continuación, crea una carpeta.

Duplica la carpeta de animación para que tenga una estructura de capas como esta.

Cambie los nombres de las carpetas de animación a "Personas" y "Fondo" como se muestra a continuación.

Abra la ventana Línea de tiempo: Presione Ventana > Línea de tiempo.

Se mostró la línea de tiempo

Esta vez, crearemos un movimiento de caminar usando una ilustración como esta. Si no quieres molestarte en dibujar, puedes practicar la animación usando la imagen de una niña que aparece a continuación.

---

Visualización de una imagen en un lienzo

Fondo:1 > Coloque la imagen de fondo deseada en la carpeta 1.

En este momento, asegúrese de que la carpeta 1 contenga la imagen deseada.

Si no hay ninguna imagen en la carpeta, es posible que no se muestre en el lienzo.

Seleccione la carpeta de fondo en la ventana de la línea de tiempo.

Con la carpeta de fondo seleccionada, haga clic en el botón que se muestra en la imagen a continuación.

Preste mucha atención a la ventana emergente, seleccione “1” y presione OK.

La imagen se muestra en el lienzo.

Repite los pasos anteriores para que aparezca la persona.

Coloca una sola imagen de una persona en la carpeta Personas:1 > 1.

Asegúrese de que las capas estén configuradas como se muestra a continuación.

Como hicimos anteriormente en el proceso de visualización del fondo, puedes mostrar a la persona presionando la parte que se muestra en la imagen de abajo.

Si tienes problemas con el proceso de visualización de una imagen en el lienzo, consulta este tutorial.

Los pasos se explican con un poco más de detalle.

Establecer un fotograma clave

A partir de aquí, comenzaremos a trabajar en el movimiento del personaje con fotogramas clave.

Antes de eso, expliquemos brevemente qué son los fotogramas clave.

¿Qué son los fotogramas clave?

Por ejemplo, al crear una escena en la que un personaje mueve la mano, se establecen las posiciones inicial y final de la mano como fotogramas clave.

Luego, el software creará automáticamente el movimiento intermedio, lo que creará una animación fluida.

Los fotogramas clave son una función conveniente que le permite hacer cosas como las mencionadas anteriormente.

 

Ahora volvamos al tema principal.

Primero, seleccione la herramienta Objeto en la ventana Herramientas.

Habilitar fotogramas clave

Observa atentamente la ventana de la línea de tiempo.

Selecciona la carpeta Personas.

Haz clic en la parte que se muestra en la imagen a continuación.

Este botón habilitará fotogramas clave para la capa.

Ahora has habilitado fotogramas clave para la capa.

 

 

Cuando habilite los fotogramas clave, aparecerá una cruz como la que se muestra en la imagen.

Si no ve la cruz, asegúrese de tener seleccionada la herramienta Objeto en la ventana Herramientas.

Ahora estás listo para crear fácilmente un movimiento de caminata.

Creación de movimiento al caminar mediante fotogramas clave

Haz clic en el área que se muestra en la imagen de abajo.

En otras palabras, asegúrate de seleccionar el primer fotograma.

Básicamente, si no has tocado la línea de tiempo ni una sola vez hasta este punto, estará en este estado de forma predeterminada.

Sin embargo, ten en cuenta que si tocas la línea de tiempo aunque sea un poco, se colapsará de este estado.

 

Mira atentamente la segunda imagen de abajo y asegúrate de que no haya diferencias con tu propia pantalla de trabajo.

Para principiantes, incluso una barra en una posición ligeramente diferente puede hacer que la animación no se ejecute correctamente.

Regrese a la pantalla del lienzo y mueva la parte transversal.

La parte transversal se puede mover con la herramienta de objeto.

Asegúrese de alinearla con el centro del personaje.

La imagen se mueve desde la marca en forma de cruz, por lo que alinear la marca en forma de cruz es un proceso importante.

Puntos clave

Asegúrate de alinear la mira con el personaje en este punto. Si intentas alinear la mira con el personaje más tarde, fallarás.

¡Precaución!

Si habilita los fotogramas clave, no podrá dibujar.

Si desea dibujar nuevamente, deshabilite los fotogramas clave.

Al mover la cruz con la herramienta Objeto, aparecerá una marca como la que se muestra a continuación en la ventana Línea de tiempo.

A continuación, haz clic en la parte inferior para mover la barra roja.

En cuanto al número de fotograma, este es el fotograma 31.

 

 

A continuación, asegúrese de que la herramienta Objeto esté seleccionada.

Mientras esté en este estado, observe la ventana Propiedades de la herramienta.

Debería ver una opción para Ampliación.

Establezca la ampliación en 105 horizontal y 105 vertical.

Como se muestra en la imagen de abajo, mueve la barra roja hacia el comienzo de la línea de tiempo (primer cuadro) y presiona el botón de reproducción triangular para verificar el movimiento.

Deberías poder ver que la persona se hace más grande a medida que pasa el tiempo.

Creando un movimiento hacia arriba y hacia abajo

A continuación, crearemos el movimiento de balanceo hacia arriba y hacia abajo que se produce al caminar.

Crea una nueva carpeta y coloca la carpeta People dentro de ella.

Ten cuidado de no colocar la carpeta Background dentro de ella.

Asegúrate de crear una estructura de capas como esta.

Deja la carpeta recién creada seleccionada en la ventana Capa.

Ahora, mantén la vista puesta en la ventana Línea de tiempo.

Haz clic en la parte marcada ② en la imagen de abajo. Esto hará que la barra roja vuelva al primer fotograma.

A continuación, haz clic en la parte marcada ③ para activar el fotograma clave.

Los pasos anteriores le permiten aplicar fotogramas clave dobles a la "Carpeta de personas" y a la "Carpeta".

Este es un método conveniente, por lo que es bueno recordarlo para futuras referencias.

 

 

Después del paso anterior, el D-pad debería aparecer nuevamente en el lienzo.

Mueve la cruz al centro del personaje.

Si miras el elemento "Carpeta" en la ventana de la línea de tiempo, deberías poder confirmar que se ha establecido un fotograma clave.

Todo lo que queda por hacer es usar las opciones de la herramienta para hacer que el personaje se mueva hacia arriba y hacia abajo en el momento adecuado para completar la animación de caminar.

Agregaremos fotogramas clave a la línea de tiempo.

Como se muestra en la imagen a continuación, mueva la palanca roja al fotograma deseado.

Presione el botón donde dice "clic" en la imagen a continuación para agregar un fotograma clave.

 

Mientras mueve la palanca roja, presione el botón de fotograma clave y agregue 13 fotogramas clave uno por uno como se muestra en la imagen a continuación.

Si puede agregar fotogramas clave como se muestra en la imagen a continuación, lo ha logrado.

Para que sea más fácil de ver, he coloreado en amarillo los fotogramas clave en los que trabajaremos.

Al ajustar las propiedades de los fotogramas clave coloreados en amarillo en la imagen de abajo, crearemos la acción de mover la imagen hacia arriba y hacia abajo.

Haga clic en uno de los fotogramas clave que se muestran en amarillo. Deje seleccionada la herramienta Propiedades del objeto.

Preste mucha atención a la ventana Propiedades de la herramienta.

Vamos a cambiar el valor de Posición y en la ventana Propiedades de la herramienta.

Agregue 17 px al valor de y actual.

En otras palabras, si el valor de y actual es 540, cámbielo a 557.

Establezca esto para todos los fotogramas clave que se muestran en amarillo en la imagen a continuación. (Cambie la Posición y a 557 px)

No necesita tocar los fotogramas clave azules.

Esto nos permite crear un movimiento que se balancea hacia arriba y hacia abajo al caminar.

Ajuste de segundos de la línea de tiempo

A continuación, ajuste la cantidad de segundos en la línea de tiempo.

Sin perder de vista la ventana de la línea de tiempo, presione los puntos suspensivos y abra Línea de tiempo > Cambiar configuración.

Establezca el marco final en 30.

Haga clic en el botón de reproducción para reproducir el vídeo.

Si se mueve como se muestra a continuación, entonces el movimiento de caminar se ha creado exitosamente.

¡Precaución!

 

Los fotogramas clave pueden ser muy pesados cuando se reproducen en una tableta y pueden congelarse.

 

En ese caso, seleccione Archivo > Exportar animación y guarde el archivo de película.

 

Verifique el video observando el archivo de película exportado.

El punto clave de este tutorial es que se establecen fotogramas clave separados para la expansión gradual del personaje a medida que camina hacia ti y para el balanceo del personaje hacia arriba y hacia abajo mientras camina.

Al superponer los fotogramas clave dos veces, hemos facilitado la realización de ajustes precisos más adelante.

---

Avanzado

Si agregas una imagen diferente, puedes hacer que el movimiento de caminar se vea aún más realista.

En este tutorial se explican las instrucciones sobre cómo agregar imágenes.