Animación de estilo de tinta tradicional fácil a partir de una ilustración

4 728

viciaia

viciaia

Traemos un poco de nostalgia a su ilustración agregando tinta agitada como si estuviera dibujando repetidamente para hacer una animación de estilo antiguo. Esta puede ser una buena idea para una animación de narración o una escena de flashback. (^ _ ^)

Es muy fácil de hacer a partir de una sola ilustración y solo necesita unos pocos fotogramas clave, también puede hacerlo en la versión Clipstudio paint Pro que tiene una limitación de fotogramas a 24 fotogramas.

Video tutorial

Parte 1: prepara tu ilustración

Aquí está el proceso que preparé para mi ilustración que usé en este tutorial.

Es necesario que tu arte tenga un contorno hecho en la capa vectorial para hacer este efecto. Si desea aplicar este efecto a su ilustración que no se pintó con tinta en la capa vectorial, es posible que deba redactarla antes de continuar con el siguiente proceso.

 

Crea una nueva capa vectorial y simplemente entinta todos los contornos con G-pen.

 

[Opcional] Dibujo la turbina de papel en una capa separada para el movimiento de rotación más tarde.

Para obtener más información sobre cómo trabajar con la capa Vector. Mira mi tutorial:

Asegúrese de agrupar las partes para la animación si planea hacer más movimiento más adelante para evitar confusiones.

Parte 2: Convierta su tinta en un estilo de tinta tradicional

La clave para crear un aspecto tradicional a su arte es agregar algo de textura a su tinta y color. En este tutorial, usaré [Lápiz texturizado], que es mi pincel predeterminado favorito de Clipstudio.

Puede personalizar el pincel para obtener una apariencia más textura mediante la configuración en la esquina inferior derecha del panel de propiedades de la herramienta. Aparecerá el panel emergente para una configuración de pincel adicional.

Si desea un aspecto más (o menos) áspero, puede ajustar el [Grosor] de la punta del pincel y el [Espacio] del trazo del pincel.

Creo una nueva capa ráster y realizo algunas pruebas de trazo en el lienzo para encontrar la configuración preferible.

Cuando termine de personalizar el pincel, haga clic en el icono de pincel duplicado para crear una copia del pincel con esta configuración.

Seleccione el pincel [Lápiz de textura] y restablezca la configuración predeterminada con el icono de restablecimiento en el panel de propiedades de la herramienta. Esto evitará confusiones cuando necesite volver a utilizar el pincel predeterminado.

En el siguiente paso, aplicaremos este pincel a nuestra capa de vector de tinta.

 

Seleccione el nuevo pincel y haga clic en el icono de configuración adicional.

 

En el panel de detalles de la subherramienta, vaya a la forma del pincel> Agregar al ajuste preestablecido

Seleccione la capa de vector para la tinta, y con la [herramienta Objeto] puede ver la configuración de tinta en el panel [Propiedad de la herramienta].

Puede cambiar el color de la tinta y la forma del pincel en este panel

Al hacer clic en la opción de forma de pincel, puede ver el pincel que registró, seleccionarlo y el pincel se aplicará instantáneamente en la tinta vectorial.

También puede ajustar el tamaño del pincel y la dinámica del pincel con esta opción

Para obtener más información sobre la dinámica del pincel. Consulta mi tutorial sobre entintado tradicional aquí:

También puede encontrar aquí la opción de personalización de tinta.

Ajuste el valor [Espacio] del trazo para que el flujo de tinta se vea más suave.

 

Debe seleccionar la primera opción para el [Espacio] para habilitar el ajuste de la barra.

 

Sin embargo, el ajuste puede tener un área que se ve desordenada (depende de cómo trabaje con la tinta, el trazo más limpio facilitará la personalización)

Arreglarlo es fácil con la herramienta [Ajustar el grosor de la línea] en la subherramienta [Corregir línea]

También puede cambiar el color de la tinta seleccionando el color en la rueda de colores.

 

[Opcional] También aplico el efecto de desenfoque a las capas de color para que se vea más suave.

 

Seleccione todas las capas de color, haga clic con el botón derecho y combínelas

 

Luego difumínalo con el menú [Filtro> Desenfocar> Desenfoque gaussiano]

Parte 3: Crear efecto de tinta animada

Tradicionalmente, así es como hago la animación en este estilo, la vida antes de conocer la capa vectorial es una tarea que requiere mucho tiempo para mí. Siempre agrego este pequeño movimiento de línea de repetición para que la escena inmóvil parezca interesante.

Cuantos más fotogramas por segundo des, el movimiento será más rápido. A veces, el movimiento más lento se ajusta más al tema de la historia.

 

En el panel de la línea de tiempo, haga clic en el icono de crear una nueva línea de tiempo. (Si no tiene este panel, puede abrirlo en [Ventana> Línea de tiempo])

 

Si utiliza la versión Clipstudio Paint Pro, tendrá un límite de tiempo de reproducción de 24 fotogramas.

Esto significa que puede establecer la velocidad de fotogramas en 1 fps y su animación de 24 fotogramas puede durar hasta 24 segundos.

 

2 fps por 24 cuadros = 12 segundos

4 fps durante 24 fotogramas = 6 segundos

8 fps por 24 cuadros = 3 segundos

12 fps por 24 cuadros = 2 segundos

 

Siempre recomiendo 4-8 fps para la animación gif, y se recomiendan 1-2 fps para la animación que muestra el proceso de arte.

 

Crea una nueva carpeta de animación.

Arrastre la capa de tinta a la carpeta de animación.

 

Haga doble clic para cambiar el nombre de la capa (esto es opcional, pero recomiendo hacerlo porque cuando duplica la capa, también generará el número de orden para las capas)

Asigne el fotograma clave al lienzo seleccionando la carpeta de animación y haga clic en el icono de selección de capa (o haga clic con el botón derecho en la línea de tiempo para configurarlo)

Duplique la capa arrastrándola al icono [Nueva capa], el número de capa se generará automáticamente.

Configure la capa para que aparezca en la línea de tiempo.

Seleccione la capa con la herramienta [Objeto] y personalice la tinta para que se vea diferente del marco original.

Las principales opciones que siempre utilizo para configurar la tinta son:

Accidente cerebrovascular> Brecha

Punta de pincel> Espesor / Ángulo

 

Duplique para hacer el tercer fotograma y repita los pasos de ajuste de tinta.

 

(Hice el pedido al azar para evitar repetir el patrón, pero esto es opcional)

 

Ahora puedes tener algunos fallos en la tinta.

 

Pero todavía no se parece a la repetición dibujada en la escena.

 

Para que se vea más como un dibujo repetido, ajuste el grosor de línea del fotograma clave de tinta con la herramienta [Ajustar ancho de línea] en la subherramienta [Línea de corrección].

 

Nota: no marques la opción [Procesar toda la línea] para que aparezca solo en el área en la que pintaste la corrección.

 

Utilice la herramienta [Pellizcar línea vectorial] para doblar un poco la línea desde su posición original.

 

[Importante] ¡¡Solo un poco !!

 

Otra nota: prefiero el modo [sin final fijo] para que la línea se pueda mover libremente.

 

¡Repítalo en cada fotograma clave y podrás obtener el efecto de tinta agitada muy fácil para tu arte!

Parte 4: Animación con efecto de tinta.

En este paso, agregaré algo más de movimiento a la escena, como la turbina de papel y el parpadeo de los ojos.

 

Crear objeto de archivo para la turbina de papel, haga clic con el botón derecho en la carpeta de capas y [Objeto de archivo> Convertir capa en objeto de archivo]

 

Establezca el área en [Área de dibujo] y luego guarde el archivo.

Abra el objeto de archivo. La imagen se recortará en el borde de la capa.

Agregue un área para el efecto de borde destacado, vaya a [Editar> Cambiar tamaño de lienzo]

Agregue 20 píxeles a cada dimensión, también puede ver la vista previa de los bordes adicionales.

Aplica el efecto de desenfoque a la capa de color. El área adicional del lienzo permite que el área de desenfoque se extienda.

Aplicar la textura de la tinta con la herramienta [Objeto]

Guarde el archivo y vuelva a la imagen original, puede ver que la tinta de la turbina no encaja con el dibujo general.

Para facilitar el trabajo con el ajuste de tinta, arrastre el panel de lienzo y acóplelo a un lado.

Ahora puede editar la tinta y aparecerá en la imagen original cuando guarde en el archivo de la turbina. (Use Ctrl + S para ahorrar tiempo)

Cree una nueva línea de tiempo y repita los pasos para realizar animaciones con tinta.

 

Nota: asegúrese de que la velocidad de fotogramas sea la misma que la de la imagen principal.

 

Sin embargo, la animación no aparecerá en la imagen principal (porque recuerda el objeto como un objeto no animado), debe volver a importarlo como un objeto de archivo animado.

 

Vaya a [Archivo> Importar> Crear objeto de archivo] y seleccione el archivo de turbina.

 

Mueva el archivo a su posición con la herramienta [Objeto] o [Mover]. Luego elimine el archivo de objeto antiguo.

La animación de tinta para la turbina aparecerá en la imagen principal.

Agregue el movimiento de rotación a la turbina, seleccione la capa del objeto y habilite el fotograma clave de la capa.

Establezca el tipo de fotograma clave en [Interpolación lineal] y agréguelo al principio y al final de la línea de tiempo.

Puede establecer el valor de rotación del fotograma clave seleccionándolo con la herramienta [Objeto] y ajustar el valor en el panel [Propiedad de la herramienta].

Aquí la turbina se moverá en sentido antihorario:

Entonces, el primer fotograma clave se establecerá en 360 grados, y el último fotograma se puede establecer en pasos de 90 grados: 270, 180, 90, 0 (debido a que la turbina tiene 4 lados simétricos, por lo que mostrará la misma imagen cada 90 grados gira)

Si desea rotarlo rápidamente, establezca el último fotograma en 0, será una rotación de 360 grados en 6 segundos. (velocidad de fotogramas 4)

 

Expliqué más claramente sobre la rotación en mi tutorial anterior:

Arrastre el último fotograma clave un poco hacia atrás para eliminar el fotograma de espacio entre el bucle.

¡¡Y la turbina está lista !!

Para los ojos, cree una nueva carpeta de animación y aplique la animación de tinta como otra tinta.

Para animación parpadeante. Dibuja 2 marcos adicionales para ello

Habilite la piel de cebolla para dibujar fácilmente el fotograma clave

Para el color de los ojos, los puse en una carpeta de animación separada, porque el color solo cambia cuando parpadea, el resto de otros fotogramas clave son todos iguales.

Repite el fotograma clave para hacer la animación de tinta.

También repito este paso con cat blink ^ w ^) /

 

Aquí está el resultado, animación de tinta tradicional muy fácil

 

Si sientes que el movimiento es demasiado lento para ti, puedes cambiar fácilmente la velocidad de fotogramas de tu arte yendo a [Animación> Línea de tiempo> Cambiar velocidad de fotogramas]

No verifique si cambia el número total del marco

Importante: también debe cambiar la velocidad de fotogramas del objeto animado en la escena.

El resultado con la velocidad de fotogramas: 8 fotogramas por segundo

Parte 5: toque final con textura de papel y efecto de cámara

En este paso, aplicaremos más efecto en la ilustración, como el papel de acuarela y el movimiento de la cámara, para que parezca más como fotogramas clave pintados a mano.

Ponga la textura del papel en la pantalla. Aquí utilizo la textura estándar de Clipstudio: Papel de dibujo. Pero si no está satisfecho con el material estándar, puede encontrar mucha textura de papel en los activos de Clipstudio.

 

Puede encontrar la textura del papel de dibujo en el panel Material, simplemente arrastre y suelte el activo en el lienzo.

 

(Asegúrese de seleccionar la capa más superior antes de arrastrar el material en el lienzo, para que la textura pueda aparecer sobre todas las capas)

 

Cambiar el tamaño del material con la herramienta [Objeto]

 

Cambie el modo de fusión de capas, aquí utilizo el modo [Grabado lineal] para hacer que la sombra de la textura se fusione en la imagen. Luego, ajusta la opacidad para hacerla más clara.

El color de la textura está en escala de grises de forma predeterminada. Puede hacer que el tono de color de la imagen se vuelva demasiado oscuro.

Cambie el color de la capa de la textura para que se vea más natural.

 

Haga clic en el icono [color de la capa], seleccione el color más claro (que el negro) y aplíquelo al panel [Propiedad de la capa]

 

Dale al papel algo de movimiento también, crea una nueva carpeta de animación y coloca la capa de textura dentro. (También le cambio el nombre)

Duplique la capa de textura y mueva / gire el objeto para hacer el movimiento de la textura.

Además, ajuste la opacidad para crear un ligero efecto de falla.

Debe establecer el modo de fusión de la carpeta de animación en [A través] para aplicar el efecto de fusión de la capa al lienzo. Si no lo configura, la capa aparecerá en la pantalla como modo de fusión [Normal].

Repita el fotograma clave que se muestra.

Fácil ruido de textura de papel añadido

Para un efecto de luz adicional, arrastre la capa al icono [Nueva carpeta]. (o presione [Ctrl + g])

También debe configurar el modo de fusión de la carpeta en [Hasta]

En la carpeta, puede agregar una capa llena de color y establecer el modo en [Agregar (Resplandor)] para aplicar luz adicional a la pantalla.

Para agregar la viñeta, cree una nueva capa y pinte el borde con un aerógrafo suave

Establezca el modo de fusión de capas en [Grabado lineal] y ajuste la opacidad

Obtendrá un efecto de viñeta fácil (esquina oscura)

Para crear un movimiento de cámara, simplemente cree una nueva carpeta de cámara 2d y coloque todas las capas dentro.

Ajuste la cámara un poco (solo un poco) en la línea de tiempo para crear algún problema técnico en la cámara

(el fotograma clave se creará automáticamente en la línea de tiempo de la carpeta de la cámara)

 

Puede cambiar a la vista real de la cámara haciendo clic en este icono

 

Opcional: también puede agregar un efecto de luz adicional más tarde con el aerógrafo suave y el modo de capa [Agregar (brillo)] dentro de la carpeta de la cámara

También puede habilitar el fotograma clave de la capa y ajustar la opacidad del efecto para crear variaciones de volumen de luz.

¡¡Terminar!!

También puede cambiar fácilmente el tono de color utilizando la capa de corrección [Mapa de degradado]

Puede ajustar el degradado usted mismo o seleccionar el ajuste preestablecido para cambiar el tono de color de la imagen.

Ajuste la opacidad hacia abajo para reducir el color del efecto. El efecto se aplicará a toda la capa de abajo.

Modo de película antigua hecho en 10 segundos ^ ^

También puede obtener más información sobre el mapa de degradado en mi tutorial:

Espero que mi tutorial te dé una idea de cómo presentar tu arte. Solo con algunas ediciones, no es necesario dibujar el fotograma clave repetidamente ^ ^

 

Disfruta animando y mantente sano y seguro, nos vemos en el próximo tutorial.

Comentario

Nuevo

Últimas publicaciones en Oficial