¡Hola a todos, bienvenidos a mi tutorial!

 

Aplicar animación a la luz y al fondo es una forma rápida de presentar tu arte como una ilustración animada.

En este tutorial, te mostraré 4 técnicas de animación de las funciones 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 preparando el archivo.

Para la ilustración animada, te recomiendo trabajar en un nuevo lienzo para que no te confundas con las capas

Crea un nuevo archivo.

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

Puedes configurar los fotogramas y la velocidad de fotogramas,

Una velocidad de fotogramas más alta es más suave, pero acortará el tiempo de reproducción

(Esta opción es muy útil para la versión Clip Studio Paint Pro que tiene una limitación de 24 fotogramas para animación)

 

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

puedes abrir el panel de línea de tiempo yendo a [Ventana>Línea de tiempo]

 

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

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

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

Luego, importa el archivo (formato .csp) al lienzo

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

El objeto importado no es transparente.

Elimina la capa de papel del archivo original

Guarda el archivo...

El objeto de archivo se actualizará automáticamente.

Ahora puedes mover la obra de arte sin tocar su archivo original,

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

 

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

actualízalo manualmente desde el menú en el panel [Propiedad de herramienta] de la herramienta [Objeto]

Técnica # 1: Animación de opacidad

Creemos un genial fondo de hexágonos con animación de luz

Descargué un material de hexágono de Clip Studio Asset

El recurso descargado está en la carpeta [Descargar] en el panel [Materiales],

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

Haz una selección desde la capa del objeto

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

Crea una nueva capa de trama

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

La selección reducida dejará un hueco en el borde del lienzo,

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

Copia la capa y aplica el filtro de desenfoque,

ve a [Filtro > Desenfoque > Desenfoque gaussiano]

Esto creará algo de profundidad en las baldosas hexagonales

Pon ambas capas en una carpeta,

Esta es la versión con luz apagada del fondo

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

Copia la carpeta del fondo

Bloquea la transparencia en ambas capas y rellena con el color de la luz

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

En el panel [Línea de tiempo],

Selecciona la carpeta de luz encendida, y haz clic en el icono [Activar fotogramas clave de capa],

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

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

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

Luego ajusta la opacidad a 0

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

Configura el fotograma final, haz clic en el icono [Nuevo fotograma clave]

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

Selecciona la posición entre los 2 fotogramas clave,

Ajusta la opacidad de la capa hasta 100,

¡el fotograma clave se crea automáticamente!

Previsualiza la animación haciendo clic en el botón de reproducir

Ahora tienes el efecto de fondo iluminado muy fácil

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

Ahora es más lento

¡Añadamos también el reflejo de la luz en el personaje!

Haz una selección en la capa del objeto del personaje y crea una nueva capa de trama

Luego ve a [Editar > Contornear selección] y dale algo de grosor a la línea

Deselecciona y desenfoca el borde.

Esto simplemente añadirá el resaltado en el borde del personaje,

Edita algunos detalles manualmente si quieres

Establece el modo de capa en [Añadir (brillo)]

y recórtalo al objeto del personaje

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

en modo [Multiplicar] y recortada al objeto del personaje

¡Configura el fotograma clave en la luz y la sombra del objeto del personaje para un resultado más realista!

Nota:

Cuando activas los [fotogramas clave de capa], no puedes pintar en la capa

pero puedes activarlos y desactivarlos para editar la capa,

los fotogramas clave permanecerán iguales

Técnica # 2: Animación de máscara

En lugar de solo iluminar,

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

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

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

La miniatura de la máscara aparecerá en la carpeta de capa

Haz clic en la miniatura de la máscara y aplica el filtro de desenfoque

Cuando activas los fotogramas clave de capa,

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

Añade un nuevo fotograma clave para el fotograma inicial..

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

En el fotograma final, mueve la máscara hacia la derecha

¡¡El efecto de luz en movimiento está hecho!! ¡¡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

Elimina todas las capas de dentro

Desactiva el fotograma clave de capa

Mueve la carpeta encima del personaje,

Luego mueve la capa de resaltado a la carpeta

Verás que el modo de capa no funciona,

tienes que establecerlo en la carpeta en su lugar.

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

Cuando actives los fotogramas clave de capa de nuevo,

¡¡el resaltado se moverá junto con el fondo!!

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

 

Primero, desactiva el fotograma clave de capa.

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

Activa los fotogramas clave de capa de nuevo,

¡¡Ahora se ve mejor!!

Edité el tono de color a verde y pinté 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 fotograma inicial, redimensiona la máscara para que cubra el área cuando gires

En el fotograma final, en el panel [Propiedad de herramienta], establece el [ángulo de rotación] a 360

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

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

Si quieres una velocidad de movimiento constante

debes cambiar el fotograma clave a modo [Interpolación lineal],

Establece el modo de fotograma clave en el icono desplegable [Añadir fotograma clave]

Selecciona el fotograma clave y haz clic en el icono [Añadir fotograma clave] para cambiar el modo del fotograma clave

Arrastra el fotograma clave final hasta el borde,

esto hará que la máscara gire en un bucle sin fisuras

Técnica # 3: Cámara 2D

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

Puedes tener múltiples carpetas de cámara para mostrar diferentes vistas de cámara para grupos de objetos en el mismo lienzo.

Puedes animar la carpeta de 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

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

Luego, ajusta 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 al ajustar la vista de la cámara,

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

Configura el fotograma clave de movimiento para la carpeta de la cámara en un bucle sin fisuras

Puedes previsualizar la cámara con la opción [Mostrar campo de visión de la cámara]

en el panel [Propiedad de herramienta]

Puse los objetos de personaje en otra carpeta de cámara 2D

¡¡Esto crea fácilmente algo de profundidad desde el personaje hasta el fondo!!

Técnica # 4: Animación de objeto de archivo

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

¡¡Puedes hacerlo usando solo 1 objeto de archivo!!

Crea un nuevo archivo.

Mantén la configuración de ilustración animada igual que tu 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 hueco alrededor de la forma hexagonal,

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

Elimina la capa de papel y guarda el archivo

Importa el archivo de hexágono como un objeto de archivo al lienzo de animación

Selecciona el objeto de archivo con la herramienta [Objeto],

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

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

De vuelta al archivo de hexágono,

Activa el fotograma clave de capa y crea una animación de encogimiento en un bucle corto

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

El problema con el mosaico hexagonal es:

no puedes simplemente crearlo con las opciones de mosaico

En lugar de repetirlo en ambas direcciones,

Gira el objeto 90 grados y activa la dirección de mosaico en un lado

Copia el objeto de archivo y colócalo uno al lado del otro manualmente

Repite el paso hasta que el área esté llena,

y organiza las capas de objeto según su orden

Los mosaicos se encogen todos a la vez ahora

¡¡Hagamos el movimiento sincronizado!!

 

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

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

pero las tiras de mosaico desaparecen de la línea de tiempo,

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

Mueve el clip al frente

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

¡El fondo ahora está sincronizado!

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

¡¡Con estas características, puedes crear efectos maravillosos en tu ilustración animada en muy poco tiempo!!

 

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