En este tutorial te mostraré cómo uso la herramienta Curva de Bézier para crear fácilmente fotogramas clave y animar el cabello. La nueva función de Clip Studio (desde abril de 2020) hace que el proceso de animación fotograma a fotograma sea más fácil que nunca.

Nota: Asegúrate de actualizar tu versión de Clip Studio a la 1.9.9 (Actualización del 9 de abril de 2020) o posterior para usar la herramienta Curva de Bézier.

 

(Si ya estás acostumbrado a la manipulación de vectores en Clip Studio, esta actualización también cambiará la interfaz de algunas herramientas y los nodos vectoriales para facilitar su manejo.)

 

 

Tutorial en Video

Animación básica de cabello

Aquí tienes algunos consejos para principiantes sobre cómo animar el movimiento del cabello de forma sencilla.

Una vez terminada la animación aproximada, añade los fotogramas clave intermedios para movimientos más suaves.

Con esta base, puedes añadir la animación básica del cabello al personaje.

Primero, separa las partes del cabello.

Dibuja el fotograma clave aproximado, aplica la cadena para facilitar el diseño del movimiento y dibuja el detalle aproximado del fotograma clave.

Las partes separadas facilitan el dibujo del movimiento.

Para las capas de separación de color,

crea una nueva línea de tiempo con esta configuración

(el bucle de 24 fotogramas durará 2 segundos, lo cual sigue siendo suave para un límite de 24 fotogramas [Clip Studio PRO])

Crea una carpeta de animación para los fotogramas clave

Crea una carpeta para los fotogramas clave y crea capas para el color

Luego aplica el efecto de color de capa

Con esta técnica, no tendrás que elegir un color nuevo cada vez que dibujes en otra parte y será menos confuso. ^_^

Y cuando crees un nuevo fotograma, el color de la capa también aparecerá en la carpeta del nuevo fotograma.

La función de papel cebolla nos permite ver lo que sucede en los fotogramas anteriores y siguientes. Puedes habilitarla o deshabilitarla haciendo clic en el icono.

Si el color es demasiado difícil de ver, puedes personalizar la función de papel cebolla en el menú:

Animación > Mostrar celdas de animación > Ajustes del papel cebolla

 

Termina los fotogramas clave aproximados.

Entintado con la herramienta Curva de Bézier.

Puedes encontrar la herramienta Curva de Bézier en la subherramienta Figura.

Con 3 modos de curva para diversos usos

Para este proyecto, usaré la Curva de Bézier Cúbica, porque te permite crear curvas y esquinas juntas en una sola línea, lo cual es flexible para la edición.

El nodo circular es para curvas

y el nodo cuadrado es para esquinas

También puedes convertir el tipo de nodo con la subherramienta Corregir línea > Punto de control

Y marcar [Cambiar esquina] en la propiedad de la herramienta.

El control básico para dibujar la curva de Bézier cúbica

Clic = crear nodo de esquina (nodo cuadrado)

Clic, mantener y arrastrar = crear curva (nodo circular)

 

Ambos nodos tienen control de brazo para que puedas tirar y ajustar la curva de la línea conectada al nodo.

 

Crea la carpeta para el fotograma clave 1 con una capa vectorial para la tinta

*[¡¡IMPORTANTE!!] Debes usar una capa vectorial para la tinta, así podrás editarla más tarde.

Dibuja el fotograma clave con la herramienta Curva de Bézier Cúbica

(muestra la capa de boceto con menor opacidad como referencia)

El papel cebolla ayudará con la posición de la línea

Para hacer la animación en bucle, al dibujar el último fotograma, establece el siguiente fotograma como el primero.

La función de papel cebolla facilitará el dibujo.

Para los fotogramas clave intermedios, usaremos la curva de Bézier para editar la capa existente en lugar de dibujar todos los fotogramas clave.

 

Insertar nuevo fotograma: esto a veces generará un nombre de carpeta porque no puede crear nombres de fotogramas clave '2' que ya se usa en el fotograma 5 (pero podemos renombrarlo más tarde).

 

Aquí está mi configuración de papel cebolla:

verde - escena siguiente

rosa - escena anterior

Selecciona la capa de tinta de la escena anterior, luego presiona Ctrl+C para copiar

Y selecciona la carpeta de la escena de destino, luego presiona Ctrl+V para pegar

Puedes ver que la línea de tinta se superpone a la línea rosa (fotograma anterior)

Usa la herramienta de punto de control (Subherramienta [Corregir línea]) para mover el nodo.

Recomiendo permanecer en el modo: Añadir punto de control.

También puedes mover, añadir y eliminar nodos con este modo.

 

 

Haz clic en la línea para añadir un nuevo nodo (cuando aparezca el símbolo +)

Mantén pulsado Alt y haz clic en el nodo para eliminar nodos (aparecerá el símbolo -)

 

Ajusta la tinta a la posición entre el fotograma clave anterior y los siguientes fotogramas clave

Con esta técnica, ahorrarás mucho tiempo al hacer los fotogramas clave intermedios, y la tinta mantendrá el mismo tamaño en cada fotograma clave.

(Saluda a la chica calva, je je)

Repite los pasos para la parte trasera del cabello, dibuja todo sin dejar huecos en las líneas para facilitar el coloreado.

Coloreado y sombreado

Siempre utilizo mi configuración de herramienta favorita de los activos de Clip Studio para rellenar áreas de color.

También puedes usar la herramienta 'Cerrar y rellenar'

 

Establece la opción de referencia múltiple en la capa de referencia

Crea una nueva carpeta de animación debajo de la carpeta de animación de tinta, luego establece la carpeta de tinta como capa de referencia

Puedes hacer rellenos de color limpios con un solo trazo.

Crea un nuevo fotograma y rellena el color en cada fotograma,

también repite el paso con la parte trasera del cabello

(Ya no está calva ~(‘ w ‘ ~))

Para ajustar el color de la tinta, selecciona la carpeta de tinta y aplica el efecto de color de capa.

También puedes usar una capa que aplique el fotograma clave de la capa como capa de referencia para el relleno de color.

Establece la caja móvil como capa de referencia y rellénala fotograma a fotograma, luego recórtala a la carpeta de animación del color base.

También pinto (añado) más detalles con la herramienta pluma.

¡¡Aplícalo también al cabello trasero y listo!!

Técnicas de edición: sombra paralela y ajuste de línea

Para crear un efecto de sombra paralela en la cara, simplemente copia la carpeta de animación del color base y muévela justo encima de la carpeta base.

Selecciona la carpeta de animación y muévela un poco hacia abajo.

 

Nota:

Asegúrate de hacer clic en la barra de la carpeta para mover toda la carpeta.

(Si el resaltado está solo en la miniatura, solo moverá un fotograma clave, no toda la carpeta)

Luego aplica el efecto de color de capa

Establece el modo en Multiplicar y reduce la opacidad

¡¡¡Aquí tienes un efecto de sombra paralela en menos de 1 minuto!!!

Para una tinta más audaz, apliqué el efecto de borde con el mismo color de tinta

Esto aparecerá en todos los fotogramas.

También es posible editar la tinta manualmente con la subherramienta [Corregir línea].

Revisa mi video anterior sobre cómo editarla.

 

Pero tomará tiempo editar en cada fotograma.

Edición de luz y toque final

Puedes notar que el dibujo resalta del fondo porque no le hemos añadido luz.

Para la nube fácil, uso el pincel del activo. Mi favorito ^-^

Para aplicar luz a la imagen uso el modo de capa: Añadir (crecer)

Recortar a la imagen y ajustar opacidad

 

Y para la luz reflectante, uso el modo de capa: Luz fuerte

Y para el destello, uso el mapa de degradado con amarillo claro

Trabajo terminado

¡¡¡Disfruta animando!!!