En este tutorial, le mostraré cómo hacer un ciclo de caminata... sin animar un ciclo de caminata. Sé que suena raro, pero es posible hacer que un personaje parezca que está caminando sin hacerlo caminar.

 

Voy a usar Clip Studio Paint EX para este tutorial. Si tiene Clip Studio Paint Pro, aún puede seguir este tutorial, pero tenga en cuenta que solo podrá subir hasta 24 cuadros en esa versión del programa.

 

Si nunca ha usado este programa antes o si no está acostumbrado al lado de la animación, lo explicaré paso a paso, así que siéntase libre de seguirlo si desea aprender cómo. para animar un ciclo de caminata - ¡bueno, más o menos!

 

Aquí hay un enlace a la versión en video de este tutorial.

Configuración de un archivo para la animación

Abra Clip Studio Paint y seleccione Archivo > Nuevo. Seleccione la opción Animación. Esto puede parecer un poco intimidante al principio, pero las únicas partes a las que debe prestar atención son el ancho x alto y la velocidad de fotogramas. Tengo el mío configurado en 1920 x 1080, ya que esta es la configuración habitual de Vista previa Full HD para la mayoría de los sitios para compartir videos, y tengo la velocidad de fotogramas configurada en 24 fotogramas por segundo.

 

Dependiendo de qué/cómo estés animando, puedes establecer la velocidad de fotogramas a lo que quieras, siempre y cuando exportes el video con la misma velocidad de fotogramas. Para este ejemplo, lo mantendré a 24 fps.

 

Cómo usar fotogramas clave

Cuando esté en una capa de animación, puede habilitar fotogramas clave presionando este botón. No se preocupe si presiona el botón nuevamente y todos sus marcos desaparecen. Una vez que haya colocado sus fotogramas clave, no se eliminarán y actuará como un botón de encendido/apagado. Cuando sus fotogramas clave están desactivados, puede editar el objeto en la capa como desee.

 

Junto al botón Agregar fotograma clave hay un botón llamado 'Interpolación de fotogramas clave' que determinará cómo se moverá la animación. Las tres opciones son Mantener interoplación (que aparecerá como un rombo amarillo en la línea de tiempo), Interoplación lineal (que es el rombo verde) e Interpolación suave (que es un rombo púrpura).

 

• Interpolación de retención: para ser honesto, rara vez uso este, pero es útil cuando quieres pasar rápidamente de una pose a otra. También uso esto en mis animaciones cuando quiero hacer zoom sin una toma panorámica. (Agregue el ejemplo de King Crowbeard)

 

• Interoplación lineal: la uso principalmente cuando quiero que un personaje u objeto se mueva en línea recta de un punto a otro. Creo que esta opción funciona mejor con un fondo de desplazamiento o un objeto mecánico como una cinta transportadora, por ejemplo.

 

• Interpolación suave: esta es la que uso la mayor parte del tiempo, ya que tiene un efecto dinámico y de 'aceleración' que hace que se vea un poco más natural que las otras dos opciones de fotogramas clave.

 

 

Al seleccionar un objeto en la configuración de fotogramas clave, notará que hay un pequeño signo "más" en el medio. Ese es el punto de anclaje de su objeto. Eso básicamente significa que aquí es donde se moverá su objeto. Entonces, si desea que su objeto gire en un círculo, asegúrese de que esté en el medio de su objeto. Si quieres que se mueva desde cierto punto, digamos que si quisiera que la estrella cayera de lado, movería el signo más a una de las esquinas.

 

Desplazando el fondo

Una vez que sepa los conceptos básicos de cómo usar los fotogramas clave, es hora de ponerlos en práctica. Para la primera parte de la animación, necesitará un fondo. Es mejor tener un fondo que se desplace o al menos uno que sea más ancho que alto. Para mi ejemplo, copié + pegué y lo volteé horizontalmente para hacerlo más largo. No se repite perfectamente, pero esto es solo un ejemplo de práctica.

 

Ahora guarda esta imagen como png e impórtala a tu espacio de trabajo de animación. Puede hacer esto seleccionando la carpeta de animación en la que desea que vaya el fondo, haga clic en Archivo> Importar> Imagen y seleccione el fondo y aparecerá en la carpeta. Para que aparezca en el lienzo, haga clic derecho en el primer cuadro y seleccione el nombre de su archivo.

Para configurar el fondo, arrastre la imagen hacia la derecha y asegúrese de que la imagen encaje dentro del cuadrado azul. Piense en ello como el visor de una cámara. Todo lo que esté fuera del cuadrado no será visible cuando se exporte, así que tenlo en cuenta.

 

Para agregar un personaje, haga clic en el botón Nueva carpeta de animación y asegúrese de que la capa esté encima de la carpeta Fondo. Nombre la carpeta 'Personaje' y presione el botón 'Nueva animación Cel'. Solo necesitas hacer un dibujo para que este efecto funcione. Estoy dibujando un personaje muy simple para este ejemplo, pero puedes hacer el tuyo tan simple o tan complejo como quieras.

 

 

Ahora para hacer que el fondo se desplace. Oculte la capa de su personaje presionando el ícono del globo ocular en el lado izquierdo de la carpeta Personaje. Seleccione la carpeta Fondo, haga clic en el botón Habilitar fotogramas clave y seleccione Interpolación lineal. Arrastre la barra roja hasta el principio de la línea de tiempo y presione el botón 'Agregar fotograma clave'. Ahora arrastre la barra roja hasta el final de la línea de tiempo. Haga clic en el botón 'Objeto' en la ventana de selección de herramientas para seleccionar el fondo, mantenga presionada la tecla Mayús y arrastre el fondo hacia la izquierda.

 

Tenga en cuenta que cuanto más arrastre el fondo, más rápido se desplazará la imagen cuando la reproduzca. Esto también dependerá de la duración de la imagen, así que experimente con la distancia que desea que se desplace el fondo para obtener la velocidad adecuada para su animación. En este ejemplo, arrastré el fondo hasta la mitad, lo que resultó en un desplazamiento más lento.

Animando el 'Walkcycle'

Para hacer que el tramposo, el ciclo de caminata al estilo de Hanna-Barbera, arrastre la barra roja al comienzo de la línea de tiempo y marque el ícono del globo ocular para que su personaje sea visible. Como puede ver, esto tiene una ilusión de movimiento, pero parece más como si estuvieran usando tacones en lugar de caminar con sus propios pies.

 

Entonces, para darle al personaje ese efecto de ciclo de caminata rebotante, habilite los fotogramas clave en la capa del personaje y seleccione Interpolación suave. Puede agregar fotogramas clave manualmente presionando el botón Agregar fotogramas clave o se pueden agregar automáticamente moviendo la imagen en el lienzo. En la carpeta de personajes, agregue un fotograma clave al comienzo de la línea de tiempo. Luego arrastre la barra roja al cuadro 5, seleccione 'Objeto' en la barra de herramientas y arrastre el personaje ligeramente hacia arriba. Como puede ver, esto agrega automáticamente un fotograma clave cuando la opción de fotograma clave está habilitada. Arrastra la barra roja al cuadro 9 y luego arrastra el personaje hacia abajo, justo debajo de la posición en la que se encuentra en el primer cuadro.

Ahora, en lugar de repetir ese proceso manualmente, hay un truco fácil que puedes hacer para que el movimiento sea más uniforme. Mantenga presionado el botón izquierdo del mouse y arrastre sobre los fotogramas clave para que se resalten. Haga clic derecho en el primer fotograma clave en la línea de tiempo y seleccione Copiar. Luego vaya al cuadro 12 y haga clic derecho en 'Pegar'. Esto copiará los fotogramas clave en su posición exacta. Ahora puede seguir pegando los fotogramas clave hasta que llene su línea de tiempo y se verá así.

 

Movimiento Secundario

Ahora esto se ve bien, pero hay un paso adicional que puedes tomar para darle un poco más de vida a tu animación. Vamos a agregar un pequeño mechón de cabello y animarlo en una capa separada. Haga clic en Nueva carpeta de animación y haga clic en Nueva celda de animación. Asegúrese de deshabilitar los fotogramas clave en la capa de caracteres solo para facilitar un poco este proceso. Dibuja el cabello y agrega una nueva celda de animación. Para asegurarse de que el cabello fluya de manera uniforme, haga clic en el botón Habilitar piel de cebolla para que pueda rastrear fácilmente la imagen anterior. Quería obtener un efecto de rebote a medida que el personaje se mueve hacia arriba y hacia abajo, así que dibujé el mechón de cabello rebotando en cinco dibujos separados.

 

Para editar el tiempo, seleccione el cuadro desde donde comienza en la línea de tiempo y arrástrelo a su nueva posición. En lugar de dibujar el mismo movimiento nuevamente, mantenga presionado el botón izquierdo del mouse y arrastre el cursor sobre los marcos. Haga clic derecho en el primer cuadro y haga clic en copiar. Luego haga clic derecho en el último cuadro y haga clic en pegar. Haga esto tantas veces como quepa en la línea de tiempo y el movimiento se repetirá.

Un beneficio adicional cuando colorea los marcos es que el color también se copiará y pegará, por lo que no tendrá que colorear cada marco. Por ejemplo, este bucle tiene 24 cuadros, pero solo tuve que colorear cinco dibujos, lo que me ahorra mucho tiempo.

 

Hablando de ahorrar tiempo con copiar y pegar, es posible que haya notado un problema cuando vuelvo a colocar los fotogramas clave en la capa de caracteres. El personaje rebota pero el cabello se queda en el mismo lugar. Por suerte, no tienes que colocar manualmente los fotogramas clave en la capa de cabello. Todo lo que tiene que hacer es habilitar los fotogramas clave en la capa del cabello, seleccionar los fotogramas clave de la capa del personaje y pegarlos en la capa del cabello de esta manera. Y automáticamente coincidirá con el movimiento del personaje.

 

Exportando tu video

Ahora todo lo que queda por hacer es exportar su animación. Vaya a archivo > Exportar animación. Estas son las dos opciones que uso normalmente, exportar como GIF o como película.

Si la animación no tiene sonido o es relativamente corta, elijo GIF. Si la animación es más larga y tiene sonido, la exporto como una película. Para exportar como GIF, elija Gif animado, elija un archivo para guardarlo y asígnele el nombre que desee. Luego obtendrá un cuadro de configuración. Para un gif en bucle, asegúrese de que el recuento de bucles esté configurado en 'Ilimitado'. En cuanto a la velocidad de fotogramas, puede configurarla como desee para una imagen GIF. Experimenta con esta sección para lograr el aspecto que más te guste. Me quedo con 24 fps solo para este ejemplo.

Para exportar como un video, haga clic en Película, elija un archivo para guardarlo, asígnele un nombre y puede guardarlo como un archivo MP4 o AVI. Guardé el mío como un MP4. Aparecerá un cuadro de configuración de exportación. Aunque no he usado ningún efecto de cámara 2D en este tutorial, me gusta mantener esa opción marcada por si acaso. También mantengo el ancho y la altura iguales. Con respecto a la velocidad de fotogramas, al exportar un video, es mejor mantenerlo a los mismos fps que los que animaste. Digamos que si estabas animando a 12 fotogramas por segundo, pero exportaste el video a 24 fotogramas por segundo, no se exportaría. como lo ves en el programa y el timing estaría apagado.

Pero si desea cambiar la velocidad de fotogramas en el programa, vaya a Animación > Línea de tiempo > Cambiar velocidad de fotogramas antes de exportar como video. Solo asegúrese de que tanto la velocidad de fotogramas en el programa como la configuración de exportación sean exactamente el mismo número.

 

Conclusión

¡Y eso es una envoltura! Espero que este video lo haya ayudado a comprender las funciones de animación de Clip Studio y que lo haya inspirado a crear algunas propias. ¡Divertirse!