Hola a todos, este es mi primer artículo tutorial, soy ilustrador, cómico y animador 2D freelance.

Hoy te enseñaré cómo animar en Clip Studio como principiante.

 

En este tutorial usaré el Galaxy Tab s7 para trabajar. Pero no se preocupe, básicamente Clip Studio es el mismo en todos los dispositivos como (tabletas, teléfonos inteligentes, Mac y PC)

Así quedará la animación que crearemos

1 - Creación de un proyecto de animación

en la misma ventana donde iniciamos una animación regular seleccionaremos la última opción que es animación, y usaremos la siguiente configuración:

 

1 - Nombre del archivo (elija el nombre de su proyecto de animación)

2 - Preestablecido (elija configuraciones y resoluciones de animación estándar en el estudio de clip)

3 - Tamaño del cuadro de salida (donde puede elegir configuraciones más avanzadas, como la velocidad de cuadro que usará en el proceso de creación de su animación)

 

en este caso usaremos la configuración por defecto de 1920 x 18080 (192dpi)... Y usaremos 12 cuadros por segundo

 

por lo general, las grandes empresas usan de 24 fps a 30 fps, pero en este caso haremos nuestro trabajo un poco más fácil con 12 fps

luego abrirá esta ventana de estudio de clip familiar para aquellos que ya hacen ilustración

 

se abrirá con una carpeta de animación y una capa por defecto

básicamente, la carpeta de animación tiene la misma función que una carpeta de ilustración normal

Ahora agreguemos una "Línea de tiempo" para tener un mejor control de las capas de animación.

 

1 - Ventana

2 - Cronología

 

Al final se abrirá una ventana idéntica a la ventana de capas.

2 - Bosquejar

vamos a crear nuestro primer boceto. En este tutorial dibujaremos "Pose by pose", método más fácil para nosotros los principiantes. Dibujaremos cada pose del movimiento que proyectamos en nuestra mente y luego dibujaremos en el medio.

 

comencemos agregando la primera pose

Ahora agreguemos la última pose al final de la línea de tiempo.

 

Nota: Dupliqué la última pose "24" porque pretendo hacerle un ligero cambio a la pose para que sea más fluida.

Ahora también dupliquemos el primer dibujo y hagamos una ligera transformación usando una herramienta de Clip Studio Paint, digamos que es un atajo para animar

Me gusta organizar las capas y cambiarles el nombre para que sean más fáciles de usar en la línea de tiempo

 

Nota: estoy usando Galaxy Tab s7

Ahora agreguemos el dibujo duplicado (Capa) dentro de la línea de tiempo. nombré como 13

3 - cómo agregar dibujos (capas) a la línea de tiempo

primero haga clic en el área de la línea de tiempo donde desea agregar el nuevo dibujo y luego siga estos pasos:

 

1 - Animación

2 - Editar pista

3 - especificar celdas

Agreguemos el nombre o número del diseño (capa) que queremos

 

Nota: Por eso es importante nombrar una capa para que sea más organizada y fácil.

ahora usemos un atajo para animar. simplemente usaremos la herramienta "Transformación libre" para crear un momento.

 

Brevemente, momento es cuando anticipamos un movimiento antes de ejecutar el movimiento principal. Por ejemplo, en la animación de un salto, primero tendrás que dibujar al personaje para que se agache antes de saltar. Usaremos el mismo método en esta animación pero usando una herramienta de "Transformación libre"

Si usa el atajo CRT+T y luego mantiene presionado el CRT cuando desea realizar la transformación, básicamente realizará la función "Transformación libre".

 

vamos a mover el dibujo ligeramente hacia la izquierda para crear un momento

Habilite la piel de cebolla para ver lo que estamos haciendo, usando el acceso directo

dupliquemos la primera pose una vez más, recordando que aún no estamos dibujando sobre las poses

esta vez vamos a usar un atajo para agregar la capa a la línea de tiempo

y seleccionamos la capa que queremos

Usemos la herramienta "Transformación libre" para mover el dibujo más hacia la izquierda.

Ahora dibujemos nuestra última pose.

 

si hacemos clic en la herramienta "Reproducir" podremos reproducir la animación de la línea de tiempo

 

esta herramienta funciona como un reproductor de video o música

Cambiemos un poco la configuración de la "Piel de Cebolla" para mejorar la visibilidad de lo que estamos animando

 

1- Animación

2 - Mostrar celdas de animación

3 - Ajustes de piel de cebolla

abrirá esta ventana

 

1 - Número de máscaras (aquí es donde puedes seleccionar cuántos dibujos quieres ver cuando activas la "Piel de cebolla")

 

2 - Ver configuración (esta es la herramienta que nos interesa en este momento, donde podemos cambiar el color de los dibujos anteriores y posteriores)

Elijamos el color rojo

ahora es mejor y mas visible asi

Ahora vamos a Ink (línea limpia)

 

para crear una nueva carpeta de animación, simplemente siga los pasos a continuación:

1 - Animación

2 - Nueva capa de animación

3 - Carpeta de animación

 

Y nómbralo (Tinta)

4 - Arte limpio (Tinta)

Ahora vamos a entintar

Disminuya la opacidad del boceto para tener una mejor vista del arte limpio

Y así se verá la animación después de pasar una línea limpia

 

Ahora, vamos a animar en el medio

Y más en el medio para ser más suave

Ahora que tenemos la animación básicamente terminada, agreguemos algunos colores creando una nueva carpeta de animación.

5 - Pintar la animación

Ahora usemos este atajo "Nueva celda de animación" para crear la capa directamente desde la línea de tiempo

y nombrarlo

Me gusta pintar usando una combinación de la herramienta "Marco" y luego "Rellenar"

Créeme, consume menos tiempo usándolos que usando un cepillo normal

basicamente primero pinto todo el dibujo en la primera capa para tener una idea de como sera el resultado final, luego uso un solo color para cada capa para consumir menos tiempo (creo que es psicologico)

 

Por ejemplo, pinto solo la piel del personaje en todas las capas, luego pinto solo el cabello y así sucesivamente.

Un consejo, si quieres pintar usando "Selección automática" no olvides usar esta función (Cerrar espacio) para trabajar de acuerdo a tu gusto

6 - Sombra

El proceso es el mismo

Vamos a cambiar para multiplicar

Aquí hay un consejo, si activa la herramienta "Recortar a la capa de abajo", cada pintura que haga no cruzará el dibujo de abajo.

Después de terminar el sombreado, solo necesitas disminuir la opacidad.

7 - Fondo

Llegamos al bono... El trasfondo

 

El fondo es lo que le da más vida al dibujo, lo vamos a hacer como si fuera una ilustración normal. En este caso, en lugar de una capa normal, vamos a crear una carpeta de ilustración normal y agregar esta carpeta a la línea de tiempo, para que todo lo que dibujemos dentro se vea en tiempo real.

Veamos lo divertido que es hacer Fondo

8 - Efectos

Seré honesto, no sé cómo componer en un software de terceros como After Effects, prefiero hacerlo todo aquí mismo en Clip Studio. Así que agreguemos algunos efectos.

Usaré "Arbrush" para agregar sombras y efectos de iluminación ambiental.

Usaré una capa normal para la imagen donde el efecto será estático

Agregué un "Gradiente" para darle más efecto.

9 - Carpeta de cámara 2D

Ahora agreguemos una cámara (2d Camera Folder) para poder jugar con los movimientos de la animación.

Coloque todas las capas dentro de la carpeta de la cámara

Esta herramienta se conoce como "Keyframe" aquí es donde ajustaremos la posición de la cámara

Este icono muestra el principio del "Fotograma clave". puede alejar, acercar o rotar la cámara usando la herramienta "Operación"

 

Nota: es importante no pasar el rectángulo azul translúcido, porque representa el límite de la pantalla

Ahora agreguemos el ícono final del "Fotograma clave"

Y use la herramienta "Operación" para alejar la cámara

Decidí aumentar la línea de tiempo para que la cámara funcionara más lentamente.

10 - Final

Y aquí está el resultado final, espero que te sirva!! 😁