Hola a todos, ¡bienvenidos a mi tutorial!

 

Agregar animación a la luz y al fondo es una de las formas más rápidas de presentar tu arte como una ilustración animada.

En este tutorial te mostraré 4 técnicas de animación de las características de Clip Studio que puedes usar para crear una ilustración animada mediante el movimiento de la luz, la vista de la cámara y el fondo.

Videotutorial

La versión en video si quieres ver todo el proceso en acción >w<

Preparando el archivo

Comencemos por preparar el archivo.

Para la ilustración animada, recomiendo trabajar en un lienzo nuevo para no confundirse con las capas.

Crea un nuevo archivo.

En el Proyecto: [ilustración], tienes la opción de crear una ilustración animada.

Puede configurar las celdas y la velocidad de cuadros.

Una mayor velocidad de cuadros es más fluida, pero hará que el tiempo de reproducción sea más corto

(Esta opción es muy útil para la versión Clip Studio Paint Pro que tiene un límite de 24 celdas para la animación)

 

Cuando creas el archivo, tienes una carpeta de animación y la línea de tiempo de tu configuración.

Puedes abrir el panel de la línea de tiempo mediante [Ventana>línea de tiempo]

 

Nota: Si utilizas la versión anterior de Clip Studio que no tiene esta opción,

puedes crearla haciendo clic en el ícono [Nueva línea de tiempo] en el panel de la línea de tiempo y configurar el tiempo de reproducción (celdas) y la velocidad de cuadros manualmente

Elimina la carpeta de animación (no la estamos usando aquí)

Luego importa el archivo (formato .csp) al lienzo

ve a [Archivo > Importar > Crear objeto de archivo]

El objeto importado no es transparente.

Eliminar la capa de papel en el archivo original

Guardar el archivo..

El objeto de archivo se actualizará automáticamente.

Ahora puedes mover el dibujo sin tocar el archivo original,

¡y estás listo para la animación!

 

Nota: Si el archivo no se actualiza automáticamente al guardarlo,

Actualízalo manualmente mediante el menú del panel [Propiedad de la herramienta] de la herramienta [Objeto]

Técnica n.° 1: Animar la opacidad

Creemos un fondo hexagonal genial con animación de luz

Descargué un material hexagonal de Clip studio Asset

El recurso descargado se encuentra en la carpeta [Descargar] en el panel [Materiales],

Arrastre el material al panel de capas, debajo de la capa del objeto del personaje

Realizar selección desde la capa de objeto

[Clic derecho > Selección desde capa > Crear selección]

Crear una nueva capa raster

Si la línea es demasiado gruesa, puedes reducir la selección antes de rellenar el color.

La selección reducida dejará un espacio libre en el borde del lienzo.

Ajuste el tamaño para rellenar el área del lienzo [Editar > Transformar > Escalar/Rotar] (o [Ctrl+T])

Copia la capa y aplica el filtro de desenfoque.

Ve a [Filtro > Desenfocar > Desenfoque gaussiano]

Esto creará algo de profundidad en las baldosas hexagonales.

Coloque ambas capas en una carpeta.

Esta es la versión clara del fondo

A continuación, crea la versión con luz del fondo.

Copia la carpeta del fondo

Bloquea el transparente en ambas capas y rellénalas con el color claro

Ahora, tenemos 2 versiones del fondo: luz encendida y luz apagada

En el panel [Línea de tiempo],

Seleccione la carpeta Light-On y haga clic en el ícono [Habilitar el fotograma clave de la capa].

Expande la opción de capa en el panel de la línea de tiempo [+]

Verás la línea de tiempo para la opacidad.

Seleccione la posición para el fotograma inicial en la línea de tiempo de opacidad.

Luego, ajuste la opacidad a 0

El fotograma clave aparecerá automáticamente en la línea de tiempo.

Establezca el fotograma final, haga clic en el ícono [Nuevo fotograma clave]

Esto creará un nuevo fotograma clave con la misma configuración que el fotograma inicial

Seleccione la posición entre los 2 fotogramas clave,

Ajusta la opacidad de la capa hasta 100,

¡el fotograma clave se crea automáticamente!

Obtenga una vista previa de la animación haciendo clic en el botón de reproducción

Ahora puedes conseguir el efecto de fondo iluminado de forma muy sencilla

Puedes ajustar la velocidad de la animación ajustando la posición del fotograma clave

Ahora es más lento

¡Agreguemos también el reflejo de luz al personaje!

Haga una selección en la capa del objeto del personaje y cree una nueva capa rasterizada

Luego vaya a [Editar > Selección de contorno] y déle algo de grosor a la línea.

Deselecciona y desenfoca el borde.

Esto simplemente agregará el resaltado en el borde del personaje.

Edita algunos detalles manualmente si lo deseas

Establezca el modo de capa en [Add(glow)]

y recórtelo al objeto del personaje

Reducir el brillo del personaje con una capa rellena con el color de fondo

en modo [Multiplicar] y recortada sobre el objeto del personaje

Establezca el fotograma clave en la luz y la sombra en el objeto del personaje para obtener un resultado más realista.

Nota:

Cuando habilitas el [Fotograma clave de capa], no puedes pintar en la capa

pero puedes activarlo o desactivarlo para editar la capa,

los fotogramas clave permanecerán iguales

Técnica n.° 2: animación con máscara

En lugar de simplemente iluminar,

¡agreguemos movimiento a la luz con la animación de máscara de capa!

Haga la selección para la tira de luz con la herramienta [Selección]: [Polilínea]

En la carpeta de fondo claro [clic derecho > Máscara de capa > Máscara fuera de selección]

La miniatura de la máscara aparecerá en la carpeta de capas.

Haga clic en la miniatura de la máscara y aplique el filtro de desenfoque

Cuando habilitas el fotograma clave de capa,

también verás la línea de tiempo de la máscara de capa

Agrega un nuevo fotograma clave para el fotograma inicial...

y mueve la máscara hacia la izquierda con la herramienta [Objeto]

En el cuadro final, mueva la máscara hacia la derecha

¡El efecto de luz en movimiento está listo! ¡¡¡Súper fácil!!!

¡Apliquemos también la animación de máscara al objeto del personaje!

En lugar de repetir todo el paso, copia la carpeta con la máscara

Eliminar todas las capas del interior

Deshabilitar el fotograma clave de la capa

Mueva la carpeta sobre el personaje.

Luego, mueva la capa resaltada a la carpeta.

Verás que el modo de capa no funciona.

En su lugar, tienes que establecerlo en la carpeta.

(Y también recortar la carpeta al objeto del personaje)

Cuando habilites el fotograma clave de la capa nuevamente,

¡el resaltado se moverá junto con el fondo!

Puedes editar el área de la máscara para que el resaltado se muestre en el área más grande.

 

Primero, deshabilita el fotograma clave de la capa.

Haga clic en la miniatura de la máscara de capa y pinte alrededor del borde con el [Aerógrafo suave]

Habilita nuevamente el fotograma clave de la capa

¡Ahora se ve mejor!

Edito el tono de color a verde y pinto un color más oscuro en el borde como toque final,

aquí está el resultado

Movimiento de rotación

También puedes aplicar el movimiento de rotación a la máscara.

En el marco inicial, cambia el tamaño de la máscara para que cubra el área cuando giras

En el marco final, en el panel [Propiedad de la herramienta], establezca el [ángulo de rotación] en 360

La velocidad de rotación no es constante ni uniforme..

Esto sucedió porque el fotograma clave está en el modo [Interpolación suave]

Si desea que la velocidad de movimiento sea constante,

debe cambiar el fotograma clave al modo [Interpolación lineal].

Establezca el modo de fotograma clave en el ícono desplegable [Agregar fotograma clave]

Seleccione el fotograma clave y haga clic en el ícono [Agregar fotograma clave] para cambiar el modo de fotograma clave

Arrastre el fotograma clave final hasta el borde. Esto hará que la máscara gire hacia adentro con el bucle continuo.

Técnica n° 3: cámara 2D

La carpeta de cámara 2D simplemente crea la vista de cámara para los grupos de objetos en el lienzo.

Puede tener varias carpetas de cámara para mostrar diferentes vistas de cámara para los grupos de objetos en el mismo lienzo.

Puedes animar la carpeta de la cámara 2D para crear movimiento de cámara para los objetos dentro de la carpeta.

Crea una nueva carpeta de cámara 2D,

Ve a [Animación > Nueva capa de animación > Carpeta de cámara 2D]

Verás el borde azul (color predeterminado) en el lienzo.

Coloca todas las carpetas de fondo en la carpeta de la cámara 2D

Luego, ajuste la vista de la cámara (el borde azul) con la herramienta [Objeto]

Ten cuidado con la posición de la línea de tiempo cuando ajustes la vista de la cámara.

Se creará automáticamente el fotograma clave en la línea de tiempo de la carpeta de la cámara.

Configurar el fotograma clave de movimiento en la carpeta de la cámara en un bucle sin interrupciones

Puede obtener una vista previa de la cámara mediante la opción [Mostrar el campo de visión de la cámara]

en el panel [Propiedad de la herramienta]

Coloqué los objetos de los personajes en otra carpeta de cámara 2D.

¡Esto crea fácilmente cierta profundidad entre el personaje y el fondo!

Técnica n.° 4: Animación de objetos de archivo

Creemos una animación más complicada: el fondo sincronizado

¡Puedes crearla usando solo un objeto de archivo!

Crea un nuevo archivo.

Conserva la configuración de la ilustración animada que tienes en el archivo de animación**

y elimina la carpeta de animación

Crea una nueva capa y dibuja un hexágono con la subherramienta [Figura]: [Polígono]

Recorta el archivo dejando un espacio libre alrededor de la forma hexagonal.

Crea una selección en el hexágono y expande el área de selección.

Eliminar la capa de papel y guardar el archivo

Importar el archivo hexagonal como un objeto de archivo al lienzo de animación

Seleccione el objeto de archivo con la herramienta [Objeto].

En el panel de propiedades de la herramienta, habilite la opción [Mosaico]

El mosaico es un poco extraño, pero lo arreglaremos más adelante.

Volviendo al archivo hexagonal,

Habilite el fotograma clave de la capa y cree una animación de movimiento lento en un bucle corto

Cuando guardes el archivo, la animación también se mostrará en el archivo principal.

El problema de los mosaicos hexagonales es que no se pueden crear simplemente con las opciones de mosaico.

En lugar de repetirlo en ambas direcciones,

Gire el objeto 90 grados y habilite la dirección de fatiga en un lado

Copiar el objeto de archivo y colocarlos uno al lado del otro manualmente

 

Repita el paso hasta que el área esté llena

y organice las capas del objeto según su orden

 

Ahora las baldosas se encogen todas juntas

¡Hagamos el movimiento sincronizado!

 

En la línea de tiempo, haz clic y arrastra la barra pequeña que está sobre la barra de recorte para moverla hacia atrás

Al mover el clip, la animación se reproduce en un tiempo diferente

pero las tiras de mosaicos desaparecen de la línea de tiempo.

Para solucionar esto, haga clic derecho en el último fotograma y [Dividir clip]

Mueva el clip hacia el frente

Luego expande el clip arrastrando el cuadrado pequeño en la esquina del clip.

¡El fondo ahora está sincronizado!

Añado un poco de movimiento de rotación al archivo hexagonal, ¡¡el resultado también es genial!!

¡Con estas funciones, puedes crear efectos maravillosos en tus ilustraciones animadas en muy poco tiempo!

 

Espero que mi tutorial te dé algunas ideas sobre cómo usar estas funciones en tu proyecto de ilustración animada. Disfruta animando y nos vemos en el próximo tutorial