Muy buenas

Aquí traigo un tutorial sobre cómo realizar una ilustración con movimiento desde cero en clip studio.

Soy un dibujante amateur, solo vengo a compartir algo de lo que aprendí en el programa y me resulto útil, si tienes algún consejo después de ver el post puedes dejarme tu comentario, estaría muy agradecido.

 

Es un GIF bastante simple en cuestiones de complejidad de dibujo, pero lo que podría llevar bastante trabajo seria dar movimiento a los 3 personajes.

Bueno, comencemos:

Lo primero es obviamente abrir el programa, nos dirigimos a ARCHIVO, NUEVO y le damos a Ilustración. Una vez aquí definimos las dimensiones que va a tener nuestro Gif, para este ejemplo utilicé una de 1280 x 1024.Luego, en Color de Expresión básico, seleccionamos que tenga Color, eso es a elección, puedes hacer algo monocromático también, todo es válido.

Seguidamente seleccionamos la ventanita de Crear ilustración en movimiento, colocamos que contenga 8 cels y abajo seleccionamos la velocidad, una de 8 fps ,  a mi parecer es bastante natural así , os la recomiendo . Luego le damos a ACEPTAR.

Prepara tu lápiz:

Una vez creada el área de trabajo donde vamos a realizar el gif es momento de organizarnos en nuestra creación, hay muchas maneras de realizar animaciones, cada artista tiene sus métodos por supuesto, yo solamente mostraré aquí una manera de lograr movimiento en una imagen, así es como me resultó efectivo y ciertamente pueden encontrar formas más directas de hacer lo mismo, pero por ahí algo de lo que les explicaré les resulte útil.

 

Basta de palabras y a la acción-

Lo primero es dirigirnos a la Barra de comandos que es donde vamos a poder crear una Nueva carpeta, le damos a Nueva carpeta y le introducimos en ella una capa de rasterizado, aquí vamos a realizar nuestro Boceto inicial (Nuestra planificación de todo lo que va a encontrarse en escena), y la nombramos con un nombre fácil y rápido de encontrar ej: Boceto Inicial, No vamos a complicarnos demasiado las cosas.

Paso nº 2:

Comenzamos a enumerar los pasos, así será mejor.

Una vez creada nuestra carpeta con su capa de rasterizado correspondiente, nos ponemos manos a la obra. Aclaro que no voy a enfatizar sobre herramientas y es un tutorial basado por sobre todo en lograr los movimientos. Volviendo al tema, aquí ya debes tener un boceto de lo que quieres que este en la escena.

3:

Teniendo tu boceto establecido, elige un personaje con el que vas a comenzar (si es que tienes varios para elegir, en caso de tener uno solo porque así lo decidiste desde un comienzo te ahorraras este paso), bueno, menos charla y mas acción.

Ahora para este personaje vamos a también crear una nueva carpeta con una capa de rasterizado dentro, y le vamos a colocar un nombre sencillo ( ej : Sujeto 1 ).

 

 

En esta carpeta vas a dibujar todo tu personaje con lujo y detalle, no te preocupes, nada le va a pasar, tenemos la opción del candadito en la barra de comandos para asegurarlo de que nada le suceda, puedes sentirte comodo/a de pulirlo como lo desees.

El propósito de esta carpeta exclusivamente para nuestro personaje es porque en ella se va a encontrar todo lo que no se va a mover del mismo, funcionará como un fondo en palabras simples, y lo mismo vamos a hacer con cada personaje que contenga la escena.

 

4:

Ya teniendo nuestro primer personaje realizado (refiriéndome a la línea artística), decidiremos que partes del mismo van a estar en movimiento. En este caso elegí hacer que se mueva su mano derecha, la cabeza y también el brazo izquierdo junto con su mano.

Habiendo decidido esto lo que haremos a continuación será dirigirnos al primer fotograma de animación, se encuentra en la carpeta de animación que se crea por defecto al inicio.

ACLARACION:

Los fotogramas de animación solo los utilizaremos para realizar las partes que contengan los movimientos de nuestros personajes y algún objeto que también se esté moviendo en la escena (como el platillo de la batería como en el Gif que muestro de ejemplo) o también podrían ser nubes, lluvia, rayos solares, hojas movidas por el viento y lo que se nos ocurra.

 

5:

Lo que haremos ahora es calcar en el primer fotograma de animación las partes de nuestro personaje que van a estar en movimiento, una vez calcadas lo que haremos es asegurar nuestro primer fotograma con estas partes ya calcadas con el candadito que se encuentra en la barra de comandos.

6:

Teniendo el primer fotograma asegurado haremos el mismo trabajo pero a la inversa en la carpeta donde se encuentra el boceto inicial de nuestro personaje (es decir en la carpeta del Sujeto 1), ya que este boceto como dijimos anteriormente va a funcionar como un fondo, borramos las partes recién calcadas y nos queda lista la parte fija de nuestro personaje, esta parte fija va a estar en todos los fotogramas que vamos a animar de este personaje.

Así es como se debe ver nuestra parte inamovible del Sujeto 1

7:

Teniendo el boceto inamovible terminado en la carpeta de Sujeto 1 y ya habiéndolas calcado en el fotograma primero lo que haremos a continuación es dirigirnos al fotograma Nº2.

 

Una vez aquí vamos a activar el papel cebolla que se encuentra por encima de la línea de tiempo, y nos revelará las partes del fotograma 1 en color violeta (en mi caso es ese color que aparecen los movimientos del fotograma anterior, creo que por defecto ya viene así).

 

8:

Habiendo activado el papel cebolla podemos empezar a dar vida a este personaje, lo que nos queda por hacer es razonar un poco sobre como deben ser los movimientos para que se parezcan un poco a la realidad, no vamos a ser tan específicos, el objetivo es lograr que tengan coherencia y se pueda entender que es lo que está sucediendo.

Así debe verse nuestro personaje en este punto del proceso.

 

9:

Para el segundo movimiento opté por cerrar los ojos del personaje, abrir su boca, estirar el brazo izquierdo hacia fuera con un leve movimiento de la mano izquierda y también flexioné hacia dentro los dedos de la mano derecha.

Aquí se puede apreciar el resto de los movimientos

Voy a omitir el hacer una explicación detallada sobre el progreso gradual de los movimientos en estos 5 fotogramas (ESTE GIF SOLO CONTIENE 5 CUADROS DE MOVIMIENTO). Si necesitas ayuda de cómo lograr los movimientos ya que te resulta un poco complicado como tienen que ser para representar una acción en particular puedes grabarte en video haciendo los movimientos que quieres dibujar y luego verlos en la pantalla, eso puede ayudar bastante.

10:

Lo que podría llegar a ocasionar un problema en este GIF es a la hora de pintar lo que se encuentra en movimiento.

Para ello lo que hice fue crear una carpeta exclusivamente que contenga el color de los 5 fotogramas y obviamente esta carpeta se va a encontrar por debajo de la carpeta de animación que se crea por defecto.

Luego agregamos en esta carpeta de (COLOR DE MOVIMIENTO) una capa de rasterizado para cada uno de los 5 fotogramas que se encuentran en la línea de tiempo, puede suceder que el tamaño de la capa de rasterizado ,una vez que la creamos ,sea demasiado grande y se extienda a lo largo de toda la animación, cosa que no queremos que suceda porque cada una de estas capas de rasterizado tiene que corresponder a un fotograma individual ya que va a contener el color de las partes que se van moviendo de cada fotograma. Para solucionar este inconveniente lo que tenemos que hacer es modificar el tamaña de cada capa a medida que la vamos creando y esto lo haremos con la cejilla que aparece cuando colocamos el cursor de nuestro mouse por encima de la capa de rasterizado que vamos a modificar.

 

Así nos debe quedar cada capa de rasterizado por debajo de su fotograma de animación correspondiente. (En forma de escalerita).

En estas capas de rasterizado podremos colocar sin problemas el color de todas las partes en movimiento de los 3 personajes y si hubiese más personajes también podríamos colocar los colores de las partes en movimiento de estos personajes.

11:

Lo que nos queda por hacer ahora es pintar la parte inamovible del Sujeto 1 (la carpeta por supuesto se llama Sujeto 1 y es la que creamos al inicio después de haber hecho el boceto inicial).

Una vez pintada esta parte inamovible podemos continuar con los demás personajes, creando una carpeta individual para cada uno donde se va a contener su parte inamovible, y sus partes en movimiento se van a encontrar en los fotogramas de animación (en la carpeta de animación que se crea por defecto) , el color de sus partes en movimiento lo vamos a realizar en las capas de rasterizado contenidas en la carpeta ( COLOR DE MOVIMIENTO ), como aclaramos anteriormente y en simples palabras es repetir el procedimiento que realizamos con nuestro SUJETO 1 ,así con cada personaje.

Al final podemos ya encargarnos del fondo, que como su nombre lo dice se va a encontrar en el fondo de todo, va a ser la última carpeta que se va a encontrar por debajo de todas las demás carpetas, le damos detalles y colores.

Con esto concluimos y ahora si ya podemos disfrutar de nuestro GIF animado o ilustración con movimiento como nos guste llamarlo.

 

Espero que te haya sido de utilidad algo de lo que dije a lo largo de este breve tutorial y si algo te resulta dudoso o quieres saber un poco mas escribirme un comentario, pues me encantaría poder ayudarte con lo que sea que necesites.

UN saludo afectuoso, nos vemos.