Los fotogramas clave de capa de Clip Studio siempre han sido mis favoritos y ofrecen una cantidad infinita de ideas para crear arte. En este tutorial, te mostraré cómo crear una muñeca de papel animada al estilo lolita gótica que da vida a un arte de entintado simple. Una buena idea para una tarjeta de estilo tradicional para publicar en redes sociales/comunidades o para vídeos narrativos.

Este tutorial también es compatible con las versiones Clip Studio Pro y Ex. Si aún no te has familiarizado con la función de animación de Clip Studio, puedes probarla.

 

El proceso también es adaptable para animar en Live2D.

Tutorial en vídeo

echa un vistazo al vídeo para ver el proceso en acción

El elemento de diseño

Simplemente diseño la pose de boceto de una bruja vestida de lolita gótica, montada en una escoba mágica

La lolita gótica es la moda inspirada en el vestido de crinolina occidental durante el siglo XIX.

 

Algunas características icónicas del estilo lolita gótica son las telas de tonos oscuros, algún símbolo misterioso o religioso, calaveras, encajes y volantes.

Intenta mezclar y combinar elementos hasta que tengas un diseño que te guste. Es posible que necesites buscar referencias en internet.

 

Para el fondo, añadiré un poco de arquitectura gótica; puedes dibujarla a partir de referencias o descargarla de los recursos de Clip Studio bajo la palabra clave 'Gótico'.

Entintado digital al estilo tradicional

Para que la tinta parezca tradicional, uso el bolígrafo texturizado en la subherramienta Lápiz.

Puedes configurar la presión en la ventana emergente de dinámicas del tamaño del pincel.

El ajuste de la tinta para las pinturas digitales depende principalmente de la presión de la punta del lápiz óptico.

Simplemente haz clic en la línea del gráfico para ajustarla

Algunos ejemplos de configuraciones para el gráfico de presión del lápiz

Una buena configuración de la presión del lápiz te hará sentir menos cansado de controlar la mano con presión al dibujar un trabajo de entintado completo (que requiere muchos trazos y control de la presión) y también prolongará la vida útil de la punta de tu lápiz óptico.

Sin embargo, la configuración de presión depende de la persona; algunas personas tienen manos con mayor presión de trazo y otras con menor presión. Para encontrar tu propia configuración, intenta entintar alguna forma básica.

 

Esta es mi configuración. Tengo una presión de trazo fuerte cuando sostengo el lápiz óptico, así que ajusto la salida un poco menos de lo habitual, para que me sea más fácil dibujar las líneas finas.

También puedes tener otra configuración de antemano, haciendo clic en la casilla de verificación para habilitar la configuración.

Y también la estabilización añadirá un poco de retraso a tus trazos para suavizar la tinta

Y si te equivocas al intentar, puedes empezar de nuevo haciendo clic en el icono de restablecer configuración >_<”

Ahora que tienes el lápiz favorito que funciona como un lápiz tradicional, ¡es hora de empezar el proceso de entintado!

Paso 1: Entintar el contorno

Para el contorno, trabajo en la capa vectorial para que sea más fácil de editar más tarde (y también bueno para la separación de partes en la animación).

 

Tiñe la línea del boceto con colores de capa y reduce la opacidad.

 

Luego crea la capa vectorial

Empieza a dibujar el contorno; en el estilo de entintado tradicional, debemos controlar la tinta cuidadosamente en cada línea, lo que lleva tiempo terminar, pero con la capa vectorial, podemos hacer el contorno de forma aproximada y editarlo más tarde.

Asegúrate de habilitar el borrador vectorial para el proceso de limpieza de líneas

Ajusta el grosor de la tinta con [Ajustar grosor de línea] en la subherramienta [Corregir línea]

Añade grosor al borde de los contornos

También pinté los puntos gruesos donde se supone que hay algunas sombras proyectadas.

Y líneas más finas en algunos detalles como los pliegues de la ropa.

En el navegador y los bordes inferiores del lienzo, puedes usar la rotación del lienzo para ajustar el ángulo de tus manos como si estuvieras girando el papel al entintar tradicionalmente

Siempre termino primero el contorno general y luego relleno los detalles, esto hará que las formas como la anatomía o la ropa se vean claras y facilitará la detección de errores antes de añadir los detalles.

 

Corregir la forma en este paso será más fácil que después de añadir los detalles

Para los detalles, crea una nueva capa y esboza los detalles, como los volantes.

Luego crea una nueva capa vectorial y entíntala.

 

Consejo: establece el color de la capa en la capa de contorno para evitar confusiones

Borra las partes superpuestas de la capa de contorno.

Cuando esté hecho, mueve la capa de detalles por encima de la capa de contorno, luego selecciona ambas capas y fúndelas (mantén Shift y haz clic en ambas capas, luego haz clic derecho y > Fusionar capas seleccionadas)

Ten en cuenta que el menú no se podrá hacer clic si la capa no está en orden conectado.

El contorno terminado.

Para más detalles sobre cómo dibujar volantes y detalles de tela, recomiendo este tutorial de Mortinfamia. Los pasos son muy fáciles de seguir ^ ^

Paso 2: Sombreado con tinta

En las obras de arte a color, podemos simplemente añadir dimensiones al dibujo aplicando luces y sombras.

Pero en el arte de tinta simple, el grosor de la tinta del contorno y los detalles ayudarán con la dimensión.

El estilo más básico para sombrear es la tinta paralela en la zona. Esto simplemente creará dimensiones en el arte de tinta.

Para mantener la tinta limpia y ordenada, debes prestar atención a la dirección de la tinta y a los espacios entre las líneas. Haz referencia la dirección a las formas, o mantén todas las líneas en la misma dirección.

Nota: puedes dividir la línea cuando el área sea demasiado grande para arrastrar cómodamente la línea paralela. Solo asegúrate de que la densidad y la dirección de la línea estén bajo buen control.

 

El tamaño y la densidad de la tinta también se utilizan para sombrear la cantidad de luz y sombra.

(el alto contraste entre áreas claras y oscuras también creará un aspecto brillante ^_^)

Los otros objetos también pueden tener una dirección y estilo de tinta diferente, por ejemplo, ropa o armadura.

Para opciones más avanzadas: líneas entrecruzadas, solo asegúrate de que vayan en la misma dirección en todas las áreas.

Sombreeemos nuestra muñeca con el estilo de entintado paralelo.

 

Crea una nueva capa de trama debajo de la capa de tinta y sombrea las áreas de sombra para usarlas como referencia para la sombra.

Crea una nueva capa encima y empieza a entintar; puede ser una capa de trama o vectorial, al final la rasterizaremos de todos modos.

 

Deja algunas áreas con bordes para que el área se vea separada (no mezclada con otras áreas).

 

 

Dibuja las áreas cerradas donde sea necesario rellenar con color, luego rellena el espacio con la herramienta [Cerrar y rellenar]

Presta atención a las direcciones y la forma de los pliegues de la tela

Para el cabello, añado tinta de alta densidad donde se supone que caen sombras sobre las partes superpuestas. El resto se añade siguiendo la dirección del cabello.

Las botas de cuero tienen un alto contraste de sombreado en el borde de los pliegues para que parezcan brillantes.

No pongo detalles de sombreado en la cara para que resalte y se vea limpia

¡elimina/oculta la capa de sombreado gris y listo!

Paso 3: Preparación para la animación

Primero debemos diseñar el movimiento general de la muñeca.

La pequeña bruja flotará arriba y abajo en su escoba en un bucle, luego lo repetirá para siempre.

 

Esto parece sólido porque no hay otro movimiento aparte de la posición de la bruja.

El fotograma clave adicional en el movimiento hacia abajo ayudará a que parezca más natural; por ejemplo, el cabello flotará hacia arriba cuando la escoba esté en movimiento descendente.

¡Más animado~ ( ‘ w ’ )/

Separaremos la muñeca en partes individuales para crear esta animación.

Prepara las capas para la separación de partes: una capa vectorial del contorno y una capa de trama del sombreado. Si tienes más, simplemente fúndelas para tener solo 2.

Establece el color del papel a algo distinto del blanco, esto es para detectar las áreas blancas de las partes.

Activar/desactivar el color de la capa para la tinta

(Siempre separo la capa de la cara de la tinta, para futuras ediciones de emociones)

 

Usa la herramienta lazo y haz selecciones en la parte que vamos a separar

 

Copia y pégalo en una nueva capa

[Ctrl+C] > [Ctrl+V]

La nueva capa también tendrá el efecto de capa, haz clic en el icono para desactivarlo

Oculta la capa de tinta y ahora puedes eliminar las líneas no deseadas con la herramienta borrador.

Borra la parte de la capa de tinta original también. (¡el borrador vectorial lo hace fácil como por arte de magia!)

Pon la parte cortada en una carpeta, dale un nombre a la carpeta y crea una nueva capa de trama debajo.

Usa la herramienta [Cerrar y rellenar] para aplicar color blanco a las partes

Mantén [Ctrl] y haz clic en la miniatura de la capa para hacer una selección del área rellenada.

(Nota: también puedes hacer clic derecho en la capa > Selección desde capa > Crear selección)

 

Luego selecciona la capa de sombreado y corta/copia el sombreado en el área de selección.

¡Y pégalo en la carpeta de la parte y la primera parte está lista!

Habrá algunas partes que dejen un gran hueco abierto después del proceso de limpieza.

Dibuja líneas adicionales para completar la forma. Luego repite el proceso de rellenar y recortar el tono.

También necesitas añadir más sombreado en las partes que faltan.

Para algunas partes en la parte trasera, añade más área para permitir que se muevan sin que aparezcan huecos.

(usa la herramienta pellizcar para ajustar la línea fácilmente)

 

En algunas partes complicadas como la falda, separarla con el área negra facilitará el diseño del movimiento y mantendrá un aspecto uniforme.

 

Cuando termines, tendrás una pila de carpetas de partes.

Haz clic derecho en la carpeta y [Objeto de archivo] > [Convertir capa a objeto de archivo]

 

Establece el área solo para el área de dibujo

Luego guárdalo en una carpeta, tendrás una carpeta de partes como esta

Puedes abrir el objeto de archivo para editarlo haciendo clic derecho en la capa del objeto.

El archivo contendrá toda la carpeta que convertimos; puedes editar la parte o pintar más detalles.

¡Las partes están listas para ser animadas!

Paso 4: Animación en bucle

La animación de la muñeca se moverá en 2 pasos, hacia arriba y luego hacia abajo. Así

Así, el fotograma clave final se moverá en 2 pasos, arriba y abajo.

Puse la referencia en el lienzo para los ajustes.

Crea una nueva línea de tiempo, ve a Animación > Línea de tiempo > Nueva línea de tiempo.

Establece la línea de tiempo con una velocidad de fotogramas de 8 y un tiempo de reproducción de 24.

 

Esta configuración también es buena para la versión Clip Studio Paint Pro.

8 fotogramas por segundo pueden extender la limitación de 24 fotogramas a 3 segundos y aún así lograr un bucle suave.

Si falta el panel de la línea de tiempo, ve a ventana > línea de tiempo.

Crea el fotograma inicial para el bucle.

 

Selecciona todos los objetos y luego habilita el fotograma clave de capa.

En el primer fotograma y el último fotograma, crea el nuevo fotograma clave (todas las capas aún seleccionadas)

 

En el concepto de animaciones en bucle, el primer fotograma será el fotograma siguiente al último, esto asegurará que el último fotograma sea el mismo que el primero.

 

Crea un nuevo fotograma en el medio de la línea de tiempo.

Y mueve las posiciones de los objetos hacia arriba.

Luego ajusta la posición de los objetos con la herramienta objeto.

El primer y el último fotograma

El fotograma central

¡Con fotogramas clave de 2 pasos, puedes simplemente darle movimiento a la muñeca!

Si te fijas, habrá una pequeña pausa en el último fotograma clave, eso es porque el primer fotograma y el último fotograma muestran lo mismo.

Para solucionarlo, en el último fotograma, haz clic derecho y [Eliminar fotograma] y elimina solo 1 fotograma.

Ahora no habrá más fotogramas superpuestos. (también puedes añadir más fotogramas a la línea de tiempo con el menú [Insertar fotograma])

Añadir más fotogramas para crear otro paso de movimiento hará que la muñeca parezca más viva.

Como puedes ver, el fotograma ya no tiene la ligera pausa.

Sin embargo, el ritmo del movimiento aún no es suave. Ajusta las posiciones de los fotogramas clave sin tocar los fotogramas de inicio y fin para corregirlo.

Para los ojos, usa la carpeta de animación para hacer el parpadeo.

 

Crea una nueva carpeta de animación.

Luego dibuja la cara con los ojos cerrados y abiertos. Luego ponla en la carpeta de animación.

Haz clic derecho en la línea de tiempo de la carpeta de animación, luego establece qué fotograma aparecerá en la posición seleccionada.

Esto hará que los ojos parpadeen, pero la posición aún no sigue el movimiento del cuerpo.

Habilita el fotograma clave y ajústalo al movimiento del cuerpo.

Para que parezca una muñeca de papel, aplica el efecto de borde a cada objeto.

Para algunas partes compuestas por muchos objetos, colócalas en una carpeta antes de aplicar el efecto de borde; el efecto solo se mostrará en el borde exterior.

También puedes añadir más personajes con estos pasos.

Además, asegúrate de que el movimiento esté relacionado con el otro personaje.

¡El personaje está listo!

Paso 5: Acabado con el fondo

Para el fondo, dibujé algunas estructuras góticas en otro archivo.

 

(Me basé en fotos de arquitectura gótica.^ ^)

 

Usa la regla simétrica con esta configuración en la subherramienta de regla para crear el dibujo simétrico.

Puedes encontrar más consejos sobre el uso de la regla en mi tutorial de septiembre:

Y para el sombreado de tinta en áreas largas, usa la regla paralela en la subherramienta de regla especial.

He hecho un pequeño vídeo con consejos sobre cómo usar la regla paralela para crear entintado de sombreado, échale un vistazo aquí.

Aquí tienes la versión sencilla de algunos pilares de estilo gótico para el fondo.

Crea una nueva línea de tiempo con las mismas configuraciones que el archivo de la muñeca de papel.

Luego importa el archivo de la muñeca al lienzo [Archivo > Importar > Crear objeto de archivo]

El objeto de archivo puede contener el color de fondo; elimina el fondo en el archivo del objeto.

También puedes pintar las estrellas en una nueva capa con la herramienta aerógrafo.

Ajusta la opacidad con el fotograma clave de capa para hacer que las estrellas brillen.

¡Espero que este tutorial te ayude con algunas ideas para tu trabajo!

¡Feliz entintado y feliz animación!