El fotograma clave de capa que aparece en Clip Studio siempre ha sido mi favorito y puede haber una cantidad infinita de ideas para crear arte. En este tutorial, te mostraré cómo crear una muñeca de papel de estilo lolita gótica animada que da vida al arte de entintado simple. Una buena idea para la tarjeta de estilo tradicional para publicar en redes sociales / comunidad o para videos de narración de historias.

Este tutorial también es compatible con las versiones Clip Studio Pro y Ex. Si no se ha acostumbrado a la función de animación de Clip Studio, puede intentarlo.

 

El proceso también es adaptable para ser animado en Live2D.

Video tutorial

mira el video para ver el proceso en acción

El elemento de diseño

Simplemente diseño la pose de boceto de una bruja con un vestido gótico-lolita, montando una flor 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 gótico lolita son el tono oscuro de la tela, algún misterio o símbolo religioso, calavera, encaje y volantes.

Intente mezclar y combinar cosas hasta que tenga un diseño que le guste. Es posible que deba buscar referencias en Internet.

 

Para el fondo, agregaré un poco de arquitectura gótica, puede dibujarlo a partir de referencias o descargarlo del recurso del estudio de clip con la palabra clave "Gótico".

Entintado digital en estilo tradicional

Para que la tinta parezca tradicional, utilizo el lápiz texturizado en la subherramienta Pen.

Puede configurar la presión en la ventana emergente dinámica del tamaño del pincel.

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

Simplemente haga clic en la línea del gráfico para ajustarlo

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 lo hará menos cansado de controlar la mano con presión sobre el dibujo en un trabajo de tinta completo (que necesita muchos trazos y control de presión) y también ahorrará la vida útil de la punta de su lápiz.

Sin embargo, el ajuste de la presión depende de la persona, algunas personas tienen manos de presión más duras y otras tienen manos más ligeras. Para encontrar su propia configuración, intente entintar alguna forma básica.

 

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

También puede 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 agregará un poco de retraso en sus golpes para suavizar la tinta.

Y si se equivoca al intentarlo, puede empezar de nuevo haciendo clic en el icono de restablecimiento de configuración> _ <

Ahora tienes el bolígrafo favorito que funciona como un bolígrafo tradicional, ¡es hora de comenzar el proceso de entintado!

Paso 1: entintar el contorno

Para el contorno, trabajo en la capa Vector para que sea más fácil de editar más tarde (y también es bueno para las separaciones 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

Empiece 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 aproximadamente y editarlo más tarde.

Asegúrese de habilitar el borrador de vector para el proceso de limpieza de línea

Ajuste el peso de la tinta con [Ajustar ancho de línea] en la subherramienta [Corregir línea]

Agregue el grosor al borde de los contornos

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

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

En el navegador y los bordes inferiores del lienzo, puede usar la rotación del lienzo para ajustar el ángulo de sus manos como si girara el papel al entintar tradicionalmente

Siempre termino el esquema general primero y luego completo los detalles más tarde, esto hará que las formas como la anatomía o la ropa se vean claras y facilitará ver los errores antes de agregar los detalles.

 

Arreglar la forma en este paso será más fácil que después de agregar los detalles

Para los detalles, cree una nueva capa y dibuje los detalles, como adornos.

Luego crea una nueva capa vectorial y entintala.

 

Consejo: establezca el color de la capa en la capa de contorno para menos confusión

Borre las partes superpuestas de la capa de contorno.

Cuando haya terminado, mueva la capa de detalle por encima de la capa de contorno, luego seleccione ambas capas y combínelas (mantenga presionada la tecla Mayús y haga clic en ambas capas, luego haga clic con el botón derecho y> Combinar capas seleccionadas)

Tenga en cuenta que no se podrá hacer clic en el menú si la capa no está en orden de conexión.

El esquema terminado.

Para obtener más detalles sobre cómo dibujar adornos y detalles de tela, recomiendo este tutorial de Mortinfamia. El paso es muy fácil de seguir ^ ^

Paso 2: sombreado de tinta

En la obra de arte en color, simplemente podemos agregar 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 muy básico para el sombreado es tinta paralela en el área. Esto simplemente hará dimensiones al arte de la tinta.

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

Nota: puede dividir la línea cuando el área es demasiado grande para arrastrar cómodamente la línea paralela. Solo asegúrese de que la densidad y la dirección de la línea estén bien controladas.

 

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 el área clara y oscura también creará un aspecto brillante ^ _ ^)

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

Para opciones más avanzadas: línea de sombreado cruzado, solo asegúrese de que vaya en la misma dirección en todas las áreas.

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

 

Cree una nueva capa ráster debajo de la capa de tinta y sombree las áreas de sombra para usar como referencia para la sombra.

Cree una nueva capa arriba y comience a entintar, puede ser una capa rasterizada o vectorial, al final, la rasterizaremos de todos modos.

 

Deje algunas áreas delimitadas para que el área se vea separada. (no mezclado con otras áreas)

 

 

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

Preste atención a las direcciones y la forma del pliegue de la tela

Para el cabello, agrego la tinta de alta densidad donde se supone que debe dejar sombras en las partes superpuestas. El resto se agrega por la dirección del cabello.

Las botas de cuero tienen un alto contraste de sombreado en el timón de pliegues para que luzcan brillantes.

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

elimine / oculte 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á hacia arriba y hacia abajo en su flor en un bucle, luego lo repetirá para siempre.

 

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

El fotograma clave adicional en el movimiento hacia abajo ayudará a que se vea más natural, por ejemplo, el cabello fluirá hacia arriba cuando la floración esté en el movimiento hacia abajo.

Más animado ~ \ ('w') /

Separamos la muñeca en partes separadas para hacer esta animación.

Prepare las capas para la separación de partes, una capa vectorial del contorno y una capa ráster del sombreado. Si tiene más, simplemente combínelos para tener solo 2.

Establezca el color del papel en algo que no sea blanco, esto es para detectar las áreas blancas de las piezas.

Alternar el color de la capa de la tinta

(Siempre separo la capa de la cara de la tinta, para editar las emociones más adelante)

 

Use la herramienta Lazo y haga selecciones en la parte que vamos a separar

 

Cópialo y pégalo en una nueva capa.

[Ctrl + C]> [Ctrl + V]

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

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

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

Coloque la parte cortada en una carpeta, asigne un nombre a la carpeta y cree una nueva capa ráster debajo

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

Mantenga presionada la tecla [Ctrl] y haga clic en la miniatura de la capa para hacer una selección del área llena.

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

 

Luego seleccione la capa de sombreado y corte / copie el sombreado en el área de selección

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

Habrá alguna parte que haga un gran espacio abierto después del proceso de limpieza,

Dibuja líneas adicionales para completar la forma. Luego repita el proceso de relleno y recorte del tono.

También necesita agregar más sombreado en las partes faltantes también

Para algunas partes en la parte posterior, agregue más área para permitir que se mueva sin que aparezca ningún espacio

(use la herramienta de pellizco para ajustar fácilmente la línea)

 

En algunas partes complicadas como la falda, separarla con la zona negra facilitará diseñar el movimiento y mantener el look sin costuras.

 

Cuando termine, tendrá una pila de carpetas de piezas.

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

 

Establecer el área solo en el área de dibujo

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

Puede abrir el objeto de archivo para editar haciendo clic derecho en la capa del objeto

El archivo contendrá la carpeta completa que convertimos, puede 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. Me gusta esto

Entonces, el fotograma clave final se moverá en 2 pasos, hacia arriba y hacia abajo.

Pongo la referencia en el lienzo para los ajustes.

Cree una nueva línea de tiempo, vaya a Animación> Línea de tiempo> Nueva línea de tiempo

Establezca la línea de tiempo con una velocidad de fotogramas de 8 y el tiempo de reproducción en 24.

 

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

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

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

Crea el marco inicial para el bucle.

 

Seleccione todos los objetos y luego habilite el fotograma clave de la capa.

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

 

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

 

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

Y mueva las posiciones de los objetos hacia arriba.

Luego, ajuste la posición de los objetos con la herramienta de objetos.

El primer y último fotograma

El marco del medio

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

Si observa, habrá una breve parada en el último fotograma clave, porque el primer fotograma y el último fotograma muestran lo mismo.

Para solucionar este problema, en el último fotograma, haga clic con el botón derecho y [Eliminar fotograma] y elimine solo 1 fotograma.

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

Agregar más marcos para dar otro paso de movimiento hará que la muñeca se vea más animada.

Como puede ver, el marco ya no tiene la pequeña pausa.

Sin embargo, el momento del movimiento aún no es fluido. Ajuste las posiciones de los fotogramas clave sin tocar los fotogramas inicial y final para arreglarlo.

Para los ojos, use la carpeta de animación para hacer que el parpadeo

 

Crea una nueva carpeta de animación

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

Haga clic con el botón derecho en la línea de tiempo de la carpeta de animación, luego establezca qué fotograma se mostrará en la posición en la que se hizo clic

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

Habilite el fotograma clave y ajústelo al movimiento del cuerpo

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

Para algunas partes que se componen de muchos objetos, colóquelas en una carpeta antes de configurar el efecto de borde, el efecto se mostrará solo en el borde exterior.

También puede agregar más personajes con estos pasos

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

¡El personaje está hecho!

Paso 5: Terminar con fondo

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

 

(Hice referencia a las fotos de arquitectura gótica. ^ ^)

 

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

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

Y para el sombreado de tinta de área larga, use la regla paralela en la subherramienta de regla especial

Hice el video de la pequeña sugerencia sobre el uso de la regla paralela para crear tinta de trama, compruébelo aquí.

Aquí está la versión fácil de algunos pilares de estilo gótico para el fondo.

Cree la nueva línea de tiempo con la misma configuración que el archivo de muñeca de papel

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

El objeto de archivo puede contener el color de fondo, elimine el fondo en el archivo de objeto.

También puede pintar las estrellas en una nueva capa con la herramienta de pulverización.

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

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

¡Feliz entintado y feliz animación!