Aplicar fotogramas clave a la animación de personajes

2 278

Mr.Nobody1111

Mr.Nobody1111

AVISO: Este tutorial fue realizado en PC. Si no utilizas Clip Studio en tu PC, es posible que tu diseño sea diferente al mío.

Si alguna vez has hecho una animación, entonces sabes lo difícil que puede ser.

El método de animación más común dentro de Clip Studio Paint es cuadro a cuadro.

Cuadro a cuadro funciona creando una serie de dibujos para reproducir de forma secuencial.

 

Este no es el único método

 

Clip Studio tiene otra opción,

presentando: ¡Fotogramas clave!

 

Los fotogramas clave son una opción muy versátil. No es inherentemente mejor que cuadro por cuadro, pero tienen sus propias ventajas que hacen que valga la pena aprenderlos, como por ejemplo:

- Los fotogramas clave son fáciles de usar y aprender

- Pueden ahorrar mucho trabajo

- Es fácil de editar a mitad del proyecto

Lo más útil es que los fotogramas clave pueden combinarse fotograma a fotograma sin problemas. Puedes optar por utilizar sólo 1 o ambos al mismo tiempo.

 

Si esto te parece interesante, ¡este tutorial es para ti!

Aquí te enseñaré cómo empezar con fotogramas clave y cómo puedes aplicarlos a tus trabajos personales.

Introducción a los fotogramas clave

Para mostrarte cómo usar fotogramas clave, he creado esta guía paso a paso sobre cómo recrear esta bola roja usando fotogramas clave.

Paso 1 - Comience creando un nuevo proyecto en blanco, luego cree una nueva capa y dibuje una bola roja en el lado izquierdo del lienzo.

Paso 2 - Crea una línea de tiempo

Paso 3 - Habilite fotogramas clave en la capa de la bola roja

Paso 4 - Encuentra el botón crear fotograma clave pero no lo presiones todavía.

En su lugar, haga clic en el cuadro con una flecha al lado.

 

 

Esto abrirá un menú desplegable. Dentro de este menú, asegúrese de que esté configurado en interpolación suave. Sabrá que se hizo correctamente cuando el ícono crear fotograma clave coincida con el de la imagen de arriba.

Paso 5 - Crea el primer fotograma clave al principio de la línea de tiempo. Esto creará una forma de diamante en la línea de tiempo, este es el fotograma clave.

Paso 6 - Mueve la línea de tiempo aproximadamente a la mitad.

Ahora busca la herramienta objeto y úsala para arrastrar la bola roja hacia la derecha.

Si se hace correctamente, esto creará un segundo fotograma clave en la línea de tiempo.

Paso 7 - Haga clic en el primer fotograma clave. Esto resaltará el fotograma clave. Ahora haga clic derecho en el mismo fotograma clave para abrir un menú, luego seleccione copiar.

Ahora, vaya al final de la línea de tiempo. Haga clic derecho en el último fotograma para abrir el menú nuevamente y seleccione pegar.

 

Si se hace correctamente, debería tener 3 fotogramas clave en su línea de tiempo.

¡La animación ahora debería estar completa! Ahora deberías poder presionar reproducir y se moverá hacia la derecha, antes de volver a moverse hacia la izquierda.

Cómo funcionan los fotogramas clave

Para explicar lo que acaba de suceder, necesita ver un menú especial en su herramienta de objetos.

 

Seleccione la capa de la bola roja, luego seleccione su herramienta objeto. Mire debajo de la propiedad de herramienta de la herramienta objeto y verá un menú que se parece a la captura de pantalla que se muestra a continuación.

 

Si no ve el menú debajo de su herramienta de objeto, asegúrese de tener seleccionada la capa de bola. Este menú no aparecerá a menos que tenga seleccionada la herramienta de objeto Y una capa con fotogramas clave habilitados

Para simplificar, he creado 2 términos para los fotogramas clave. Valores y Ruta.

Los valores son las métricas específicas de una capa. De arriba a abajo en el menú, son:

Posición X e Y (¿Dónde está la capa en el lienzo?)

Relación de escala (¿Qué tan grande o pequeña es la capa en comparación con su tamaño original?)

 

 

Mantener relación de aspecto (¿Pueden cambiar el ancho y el alto independientemente uno del otro?)

Ángulo de rotación (¿Esta capa está girada o en ángulo?)

Centro de rotación (¿Alrededor de qué punto gira la capa?)

Opacidad de capa (¿Qué tan visible es la capa?)

Cuando se crea un fotograma clave, Clip Studio bloqueará los Valores de la capa. El fotograma clave no cambiará a menos que lo cambies y se utilizará como punto de referencia para la Ruta de Clip Studio.

 

Una Ruta es el cálculo de Clip Studio entre 2 fotogramas clave.

Clip Studio comparará los Valores entre el último fotograma clave que vio y el siguiente. La Ruta utiliza fotogramas clave como referencia y cambiará activamente los puntos intermedios que produce con los cambios realizados en los fotogramas clave.

 

Así es como funcionan los fotogramas clave:

Al cambiar el fotograma clave, cambiamos los Valores

al cambiar los Valores, cambiamos la Ruta,

al cambiar la Ruta, cambiamos los puntos intermedios,

Al cambiar los intermedios, cambiamos la animación.

 

Insertemos la bola roja como ejemplo.

Cuando cambiamos el balón, lo hicimos ir bien.

Cuando lo hicimos ir bien, cambiamos la ruta de Clip Studio para que vaya hacia la derecha.

Cuando Clip Studio cambia su ruta para ir hacia la derecha, hace que los intermedios vayan hacia la derecha.

 

 

Tipos de fotogramas clave

Finalmente, existen tipos de fotogramas clave.

 

Al lado de crear fotogramas clave, hay un menú para los tipos de fotogramas clave. Estos pueden tener un gran impacto en tu animación.

 

 

Estos tipos de fotogramas clave no tienen nada que ver con los Valores de una capa.

En cambio, afectan la forma en que Clip Studio calcula sus Rutas.

Estas 3 formas tienen los mismos fotogramas clave copiados y pegados. Lo que les hace moverse de izquierda a derecha. La única diferencia real (Aparte de la forma y el color) son sus Tipos de fotogramas clave.

 

El triángulo utilizado mantener interpolación

El cuadrado utilizado interpolación lineal

El círculo utilizó interpolación suave

 

 


¡Felicitaciones! Ahora sabes cómo utilizar fotogramas clave.

 

El siguiente paso es aprender cómo aplicar esta información.

En la siguiente sección, le mostraré cómo aplico fotogramas clave en mis propios proyectos.

Fotogramas clave para fondos

Cada personaje existe en algún lugar, por eso necesitamos fondos. Los antecedentes en el arte pueden ser difíciles de abordar, más aún en la animación.

Además de animar tu propio personaje, ahora también tienes un trasfondo con el que lidiar.

 

¡Considere los fotogramas clave para el fondo!

 

 

Para este ejemplo, he animado una escena de un hombre durmiendo en un tren usando solo fotogramas clave.

Este se dividió en 4 partes:

El hombre y el tren

Los rieles

Las sombras de los edificios

El cielo

 

El cielo no tiene fotogramas clave porque no se mueve.

Los rieles y los edificios utilizan fotogramas clave lineales porque el tren se mueve a un ritmo constante (también facilita el recorrido). Para una capa adicional, hice los rieles más rápidos que los edificios porque los rieles están mucho más cerca de la ventana que los edificios.

 

El hombre y el tren utilizan fotogramas clave lineales para rebotar hacia arriba y hacia abajo. Lineal es torpe, lo cual me parece adecuado para los baches de un viaje en tren.

Fotogramas clave para comedia

Si alguna vez quisiste hacer un corto cómico con poco esfuerzo, los fotogramas clave son una opción excepcional.

 

A continuación se muestra un corto de YouTube que animé casi en su totalidad con fotogramas clave.

 

 

Dejé intencionalmente al hombre sin animación, porque es más difícil animarlo mientras camina y también me parece divertido que se deslice como si fuera un recorte de papel.

 

También animé el texto con fotogramas clave. Aquí les hago deslizarse por la pantalla con el cereal, la caja y el tazón. Da una capa extraña de atractivo, al mismo tiempo que sirve como un tipo extraño de narración.

 

El signo de interrogación fue animado usando fotogramas clave en su opacidad. Lo uso aquí junto con el contorno parpadeante y el corte de música para cambiar el ambiente. En lugar de decir que hay leche, ahora pregunta ¿dónde está la leche? Y así comienza el viaje del hombre para obtener leche.

Fotogramas clave para la planificación

A continuación se muestra un ejemplo de fotogramas clave y fotograma a fotograma trabajando juntos.

Este pobre idiota que se cayó de la miniatura fue animado cuadro por cuadro y planificado utilizando fotogramas clave.

Comencé con una animación aproximada creando todos los dibujos que necesito, en este caso:

- La chica que cae desde la parte superior de la pantalla.

- El impacto que hace con el suelo.

- Ella rebotando por el aire

- Su segundo impacto con el suelo.

Cuando tengo estos dibujos, los animo aún más con fotogramas clave y uso movimientos sutiles para mejorarlos.

 

Luego, bajo la opacidad de la capa y animo sobre ella.


Los fotogramas clave tienen una amplia variedad de usos, por lo que dudo que haya enumerado todo aquí.

Quizás después de leer esto, los fotogramas clave puedan encontrar un lugar en algunos de sus propios proyectos.

O no.

 

Espero que esto ayude,

 

Gracias por leer

Comentario

Nuevo

Últimas publicaciones en Oficial