En esta ocasión, te mostraremos cómo crear una animación de un personaje caminando a partir de una sola ilustración.Al usar fotogramas clave, no es necesario dibujar muchas imágenes, lo que permite crear animaciones fácilmente.

También hay una versión en video, por favor, échale un vistazo si te interesa.

Puntos clave

Los principiantes en animación tienen menos probabilidades de frustrarse si no se saltan ninguno de los pasos descritos.

A diferencia de la creación de ilustraciones, en la creación de animaciones, saltarse un solo paso puede hacer que nada se mueva, por lo que es más probable que tengas éxito si trabajas con cuidado.

El tutorial que se muestra a continuación es el que creé anteriormente.Aunque este tutorial también permite a los principiantes crear animaciones, el tutorial de abajo tiene un contenido más fundamental.Si lo deseas, échale un vistazo también.

Crear un nuevo lienzo

Primero, crea un nuevo lienzo desde Archivo > Nuevo.En el campo de "Uso de la obra", haz clic en el botón de animación y crea el archivo con la siguiente configuración:

 

Tamaño del lienzo: 1200×1080 72dpi

Línea de tiempo

Velocidad de fotogramas: 10

Duración de reproducción: 50

Se ha creado un nuevo lienzo para animación.A continuación, elimina la Capa 1 en la ventana de Capas y deja solo la Carpeta de animación.

Ahora, creemos una carpeta.

Duplica la carpeta de animación para que la estructura de capas quede como se muestra.

Como se muestra en la imagen de abajo, cambia los nombres de las carpetas de animación a "Personaje" y "Fondo" respectivamente.

Abre la ventana de la línea de tiempo. Haz clic en Ventana > Línea de tiempo.

La línea de tiempo ha aparecido.

Esta vez, crearemos una animación de un personaje caminando usando una ilustración como esta.Si te resulta tedioso dibujar, puedes usar la imagen de la chica de abajo para practicar la creación de animaciones.

---

Mostrar la imagen en el lienzo

Coloca la imagen de fondo deseada en la carpeta Fondo:1 > 1.En este momento, asegúrate de que la imagen deseada esté correctamente dentro de la carpeta 1.Si no hay una imagen en la carpeta, es posible que no se muestre en el lienzo.

Selecciona la carpeta de fondo en la ventana de la línea de tiempo.Con la carpeta de fondo seleccionada, haz clic en el botón indicado en la imagen de abajo.

Presta atención a la ventana emergente, selecciona "1" y haz clic en OK.

La imagen se ha mostrado en el lienzo.

Repite el proceso anterior para mostrar el personaje.Coloca la ilustración del personaje en la carpeta Personaje:1 > 1.

Asegúrate de que la composición de capas sea como se muestra en la figura siguiente.

Como hicimos anteriormente para mostrar el fondo, si presionas la parte indicada en la figura de abajo, el personaje aparecerá.

Si tienes problemas para mostrar las imágenes en el lienzo, consulta este tutorial.Contiene pasos más detallados.

Configurar fotogramas clave

A partir de aquí, comenzaremos a mover al personaje usando fotogramas clave.Antes de eso, haremos una breve explicación sobre qué son los fotogramas clave.

¿Qué son los fotogramas clave?

Por ejemplo, al crear una escena en la que un personaje saluda con la mano, establecemos la posición inicial y final de la mano como fotogramas clave.De esta manera, el software crea automáticamente el movimiento intermedio, resultando en una animación fluida.Los fotogramas clave son una característica útil que permite hacer cosas como las mencionadas.

 

Volvamos al tema principal.Primero, selecciona la herramienta Objeto en la ventana de herramientas.

Activar fotogramas clave

Presta atención a la ventana de la línea de tiempo.Selecciona la carpeta "Personaje".Haz clic en la parte indicada en la figura siguiente.Este botón es el que activa los fotogramas clave de la capa.Con esto, se han activado los fotogramas clave de la capa.

 

 

Al activar los fotogramas clave, aparecerá una cruz como la que se muestra en la imagen.Si la cruz no aparece, asegúrate de que la herramienta Objeto esté seleccionada en la ventana de herramientas.

Con esto, hemos completado los preparativos para crear fácilmente la animación de caminar.

Crear la animación de caminar usando fotogramas clave

Haz clic en la parte indicada en la figura siguiente.Es decir, asegúrate de seleccionar el fotograma 1.Básicamente, si no has tocado la línea de tiempo hasta ahora, estará en este estado por defecto.Sin embargo, ten cuidado, ya que tocar la línea de tiempo, aunque sea un poco, puede alterar este estado.

 

Observa atentamente la segunda imagen de abajo y comprueba si hay alguna diferencia con tu pantalla de trabajo.Si eres principiante, incluso si la barra está en una posición ligeramente diferente, es posible que la animación no funcione correctamente.

Vuelve a la pantalla del lienzo y mueve la cruz.La cruz se puede mover con la herramienta Objeto.Intenta alinearla con el centro del personaje.

La imagen se moverá a partir de la marca de cruz, por lo que alinearla es un paso importante.

Puntos clave

En este punto, asegúrate de alinear la cruz con el personaje. Intentar alinear la cruz con el personaje más tarde puede ser un motivo de error.

¡Atención!

Si activas los fotogramas clave, no podrás dibujar.

Si quieres volver a dibujar, desactiva la función de fotogramas clave.

Cuando muevas la cruz con la herramienta Objeto, aparecerá una marca en la ventana de la línea de tiempo como se muestra a continuación.

A continuación, haz clic en la parte de abajo para mover la barra roja.Es el fotograma 31.

A continuación, confirma que la herramienta Objeto está seleccionada.En ese estado, mira la ventana de propiedades de la herramienta.Deberías encontrar la sección de "Tasa de ampliación".Configura la tasa de ampliación en Horizontal 105 y Vertical 105.

Como se indica en la figura siguiente, vuelve a colocar la barra roja al principio de la línea de tiempo (fotograma 1) y pulsa el botón de reproducción (triángulo) para comprobar el movimiento.Deberías poder confirmar que el personaje se muestra más grande a medida que avanza el tiempo.

Creación del movimiento vertical

A continuación, crearemos el movimiento de balanceo vertical al caminar.Crea una nueva carpeta y guarda la carpeta "Personaje" dentro.Asegúrate de no guardar la carpeta de fondo.La estructura de capas debe ser como se muestra.

Mantén seleccionada la carpeta recién creada en la ventana de capas.Luego, presta atención a la ventana de la línea de tiempo.Haz clic en la parte marcada con ② en la figura siguiente. Esto devolverá la barra roja al fotograma 1.A continuación, pulsa la parte marcada con ③ para activar los fotogramas clave.

Con los pasos anteriores, puedes aplicar fotogramas clave duplicados a la "Carpeta Personaje" y a la "Carpeta" (recién creada).

Es una función útil que te será de gran ayuda más adelante.

 

 

Siguiendo los pasos anteriores, la cruz debería haber reaparecido en el lienzo.Mueve la cruz al centro del personaje.Si observas la sección "Carpeta" en la ventana de la línea de tiempo, podrás confirmar que se han insertado fotogramas clave.

Ahora, si haces que el personaje se balancee hacia arriba y hacia abajo en el momento adecuado utilizando las opciones de la herramienta, habrás completado la animación de caminar.

Ahora, agregaremos fotogramas clave a la línea de tiempo.Como se muestra en la figura siguiente, alinea la barra roja con el fotograma deseado.Si presionas el botón que dice "click" en la figura, se agregará un fotograma clave.

 

Moviendo la barra roja y presionando el botón de fotograma clave, agrega 13 fotogramas clave como se muestra en la figura.Si logras agregar los fotogramas clave como se muestra, habrás tenido éxito.

Para mayor claridad, he coloreado de amarillo los fotogramas clave que vamos a manipular ahora.Modificaremos las propiedades de los fotogramas clave resaltados en amarillo en la figura siguiente para crear el movimiento de la imagen hacia arriba y hacia abajo.Haz clic en cualquiera de los fotogramas clave marcados en amarillo. Mantén la herramienta "Propiedades de objeto" seleccionada.

Presta atención a la ventana de propiedades de la herramienta.Ahora vamos a cambiar el valor de la posición Y dentro de la ventana de propiedades de la herramienta.Añade 17px al valor actual de Y.Es decir, si el valor actual de Y es 540, configúralo en 557.Aplica esto a todos los fotogramas clave marcados en amarillo en la figura siguiente (cambia la posición Y a 557px).No es necesario tocar los fotogramas clave azules.

Con esto, hemos logrado crear el movimiento de balanceo vertical al caminar.

Ajuste de la duración de la línea de tiempo

A continuación, ajustaremos la duración de la línea de tiempo.Presta atención a la ventana de la línea de tiempo, haz clic en el icono de los tres puntos suspensivos y abre Línea de tiempo > Cambiar configuración.

Configura el "Fotograma final" en 30.

Pulsa el botón de reproducción para ver el video.

Si se mueve como se muestra a continuación, la creación de la animación de caminar ha sido un éxito.

¡Atención!

Los fotogramas clave pueden ser muy pesados y hacer que se congele al reproducirlos en una tableta.

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

Consulta el archivo de película exportado para verificar el video.

El punto clave de este tutorial es que los fotogramas clave para la ampliación gradual cuando el personaje se acerca y los fotogramas clave para el balanceo vertical al caminar se configuran por separado.La superposición de dos capas de fotogramas clave está diseñada para facilitar los ajustes finos posteriores.

---

Sección avanzada

Al añadir una imagen con variación, se puede expresar el movimiento de caminar de forma aún más realista.La forma de añadir imágenes se explica en este tutorial.