Hola a todos

En este tutorial, le mostraré cómo uso varias funciones de Clipstudio que, sorprendentemente, encontré para reducir mis procesos de trabajo y ahorrar tiempo.

En resumen, este tutorial explicará 3 temas:

 

• Gestión del color con capas de Clipstudio

• Guardar color en la Biblioteca de materiales

• Exportación por lotes con la función de animación

Vídeotutorial

Este tutorial también tiene la versión Video tutorial :3 ¡¡por favor échale un vistazo!!

Introducción: Trabajar con la gestión del color.

Para dibujar una sola obra de arte, es posible que solo necesites una referencia o simplemente elijas el color según tu imaginación.

 

Pero cuando se convierte en un proyecto como un activo de juego 2D (sprite), fotograma clave de animación, cómics o conjunto de pegatinas, donde tienes que dibujar varios personajes muchas veces, necesitarás el estándar de color para el proyecto.

De manera clásica, comenzamos creando una paleta de colores para un personaje.

y colóquelo en [Subvista panel] para usarlo como una paleta de colores simple

(Para usar el panel de subvista: [Ventana > Subvista])

Pero si hay muchos personajes o varias modificaciones de color en el proyecto...

La paleta de colores en el panel de subvista puede generar confusión

Decido cambiar mi método de trabajo de pintura de color a pintura de valor

 

En lugar de elegir el color de la paleta: color base, color de sombra, color claro, color para el toque final... una y otra vez...

 

¡Simplemente pintaré todo en un tono gris (o llamado "valor") y luego usaré el poder del software de arte digital para convertirlo en color!

Hablemos de mis funciones sorprendentes de Clipstudio n.° 1...

Gestión del color con capas de Clipstudio

En Clip Studio, tenemos principalmente la Capa vectorial para trabajos de tinta editables y la Capa ráster de uso universal (boceto, tinta, pintura, relleno, etc.)

Son tipos de capas que podemos crear instantáneamente desde el panel Capa

Pero... ¡me acabo de dar cuenta de que Clip Studio también tiene capas para varios rellenos y corrección de color!

puedes crear estas capas desde el menú Capa

Usé Clip Studio Paint durante muchos proyectos y durante muchos años

pero recién comencé a usar la función de estas capas para optimizar mi proceso de trabajo y controlar mi estándar de color no hace mucho... ¡¡Déjame decirte cómo la uso!!

 

 

En este tema, explicaré el uso de adaptación de Capas de Clip Studio para Gestión de color en lugar de utilizar la hoja de referencia de color:

• Usando Capa de corrección: Mapa de degradado para guardar varios colores

• Usar Rellenar capa para guardar un color único y las propiedades de capa

 

 

Guardar varios colores con la [Capa de corrección: Mapa de degradado]

Dije en la introducción que cambio de Pintura de color a Pintura de valor cuando necesito trabajar en la escala del proyecto. Aquí hay algunas explicaciones en caso de que seas nuevo en Técnica de pintura de valor :

 

Los pasos básicos para Pintar valor son

• pintar el color en diferentes niveles de tono de gris (escala de grises)

• use la Capa de corrección: Mapa de degradado para asignar el color con el nivel de brillo de los tonos grises

El uso común de esta técnica de pintura es cuando aún no diseñamos la combinación de colores para el personaje en el proceso de diseño.

También es útil para ajustar el volumen del color en el diseño.

Pero… ¿Cómo podemos usarlo para controlar el estándar de color del proyecto?

¿Cómo podemos mapearlo para que tenga realmente el mismo color que la referencia?

Déjame mostrarte: 3

El concepto de utilizar [Capa de corrección: Mapa de degradado] como paleta de colores (para guardar el color) es

 

1. Tienes que asignar el tono gris a la posición de degradado adecuada

2. Tienes que pintar todo el proyecto con el mismo tono de gris

 

 

antes de comenzar: si usas capas para el toque final general luz ambiental, como Agregar/Resplandor o Multiplicar capa, ocultala primero

 

Nota: en este ejemplo también uso la capa de agregar/resplandor para resaltar , pero en lugar de agregar resaltado por separado, lo agregaré junto con la pintura porque es más cómodo

Comience con el mapeo de colores, elija los colores de un área de la referencia

 

Aquí están los colores que usé en su cabello.

Para el cabello, hay variaciones de 4 colores...

así que elegiré los 4 tonos de color gris para asignarlos a este conjunto de colores

 

¡¡Y SORPRENDIDO!!

 

¡¡En Clip Studio ya tienes la paleta de tonos grises lista para usar!!

 

Puedes encontrarlo en [Panel de conjunto de colores]

(Si no tienes este panel abierto, está en el menú [Ventana > Conjunto de colores])

 

Establezca el conjunto de colores en [Conjunto de colores predeterminado] y encontrará una paleta para tonos de grises con un número de porcentaje en el nombre.

Alerta de spoilers: ¡¡este número también coincide perfectamente con el número de posición en la creación del mapa de gradiente!!

 

Como necesitamos 4 tonos de color para el cabello,

Elegí -70%, -50%, -30% y -15% para el mapeo de color

Nota: Vi el símbolo de guión(-) en 'Gris-15%' como ' Gris MENOS 15 por ciento' y lo entendí como 'El color blanco es 15 por ciento desapareció de este tono gris' entonces es 'gris claro'

• no haynada malopara leer este nombre de color como valor,

si lo ves como ‘15 por ciento de gris’ significa ‘Hay un 15 por ciento de color negro en este tono gris’

porque 15% o -15% todavía aparecen en el mismo gris claro en Clip Studio

Este número de valor puede coincidir perfectamente con la posición del color en la capa del mapa de degradado

 

pero es necesario invertirlo al valor 100 para convertirlo en Posición de gradiente

 

Porque en la posición 0 es para el más oscuro y la posición 100 es para el color más claro.

 

Entonces, el color que podemos asignar a Gray-15% (gris claro) estará en la posición 85, no en la 15.

¡Comencemos a crear la [capa de mapa de degradado]!

 

Pinte el ejemplo de tono gris en una capa separada y haga la selección.

[Clic derecho en la capa >Selección de capa> Crear selección]

Crea un nuevo mapa de degradado:

Ir al menú [Capa>Nueva capa de corrección>]

Mediante selección creada previamente, el mapa de degradado solo se aplicará en el área de selección

La barra de degradado en el panel del mapa de degradado indica la posición del valor de gris que calculamos

 

Para establecer el color en la barra de degradado, primero debes hacer clic en el marcador de posición debajo de la barra.

La posición mostrará la posición del marcador en valor 0-100 y

 

puedes elegir el color para la posición usando el cuentagotas para elegir el color de la pantalla

Elijo color más oscuro de la muestra de color de cabello

y establezca posición del creador en 30 para asignar con Gray-70%

¡Es tan satisfactorio cómo el color puede combinarse perfectamente con el tono gris del conjunto de colores predeterminado!

 

Puedes navegar entre marcadores de posición mediante este icono

Haga clic debajo de la barra para agregar un nuevo marcador de posición a la barra de degradado

Asigna todo el resto de colores según las posiciones calculadas

 

¡¡Y el primer mapa de degradado que podemos usar como paleta de colores está listo!

Nota: también puedes establecer el color mediante el número de porcentaje gris y luego invertirlo más adelante para crear el mapa de degradado correcto

 

También funciona, pero la vista previa tendrá el color incorrecto hasta que termines la configuración y la inviertas

(La posición también se cambia al número que calculamos de todos modos)

 

Puedes elegir cualquier método que te resulte más fácil, pero prefiero calcular la posición yo mismo ^w^

Opcional: puede guardar el degradado creando un conjunto de degradados y agregándolo al conjunto

Cuando haces clic en el botón Aceptar en el panel de mapa de degradado, la selección desaparecerá y aparecerá un área de Máscara de recorte en el mapa de degradado.

haga clic en la miniatura de la máscara y presione [botón Eliminar] para borrarla

 

El color también desaparecerá de la pintura en escala de grises

Este mapa de gradiente ya está listo para usar. Ya guarda 4 colores que podemos simplemente pintarlo con un conjunto de color gris

 

Repita los pasos con otras partes de color,

 

Nota: Haga doble clic en la miniatura de la capa de degradado para abrir el panel del mapa de degradado

 

así que puedes simplemente copiar la capa y cambiar el color, porque ya tiene la posición establecida

En algunas áreas de color que necesitan menos color, puedes eliminar los marcadores no deseados arrástralos fuera de la barra o selecciona y haz clic en icono de papelera

Nota: puedes almacenar más color agregando más sombra más tarde. En el mapa de degradado que no tiene un color coincidente en la posición, aportará valor del color alrededor

 

No olvides establecer el nombre del degradado de la capa para evitar confusiones

Próximo,

Para usar las capas del mapa de degradado como paleta de colores, también debes pintar en el color gris que coincida con el valor

 

Decido agregar un tono extra (Gris-90%) para el color de piel sonrojado, así que al final tengo 5 tonos de gris.

 

Puedes usar el conjunto de colores estándar y comprobar el nombre del color al elegir, pero hay muchas posibilidades de elegir el tono incorrecto.

Creo un nuevo conjunto de colores solo para este proyecto,

 

Haga clic en el icono [Editar conjunto de colores] y [Crear nuevo conjunto]

establezca el nombre y haga clic en [Aceptar] y obtendrá un nuevo conjunto de colores en blanco

Utilice el [Cuentagotas] (o haga clic derecho) para elegir el color

 

Empecé con el color más oscuro.

haga clic en el ícono [Reemplazar color] para colocar el color en la posición seleccionada en el conjunto de colores

haga clic derecho en el color y [Cambiar nombre de color]

 

Puse el nombre del color original, con la forma en que usaré este valor

 

el nombre aparecerá cuando pases el cursor sobre el color

seleccione otra ranura en blanco y repita los pasos para guardar todos los tonos de grises

Ahora la preparación está hecha,

 

¡¡Vamos a intentarlo!!

 

Dibuja la tinta y pinta con el valor de gris que hemos hecho.

 

Primero lleno el arte con el valor base, luego pinto otro valor para los detalles.

En lugar de elegir el color de la hoja de referencia de colores una y otra vez, uso solo 5 colores para pintar toda la imagen

 

¡¡Lo cual me ahorra mucho tiempo!!

 

Ahora es el momento de asignar el color al valor.

 

Utilice la herramienta [Relleno]: [Se refiere a otras capas]

 

y establezca la opción Referir múltiples a [Capa de referencia]

En el panel de capas, establezca también la capa de tinta como capa de referencia

Haga clic en la capa y rellene el color.

 

Nota: puedes hacer clic en la miniatura de la máscara para asegurarte de que se rellenará el color.

 

no puedes rellenar el color si haces clic en la miniatura de la capa y la máscara no está activa

El color tal vez no aparezca correctamente en alguna área,

es posiblemente por

• usar el valor incorrecto en el sombreado

• alguna área de superposición de los mapas de gradiente

 

para el área de superposición, puede realizar una selección desde la capa de mapa de degradado correcta y eliminarla de la capa de mapa de degradado superpuesta

¡¡Puedes ver que el color es el mismo que la referencia!!

 

Para pequeños detalles como la boca y los ojos blancos, puedes pintarlos en una capa separada

Porque usar una máscara degradada será más complicado y consumirá más tiempo

Ahora es el momento de buscar otra forma de guardar color en la capa:

Guardar un solo color y configuración de capa con [Rellenar capa]

Ya te muestro cómo guardar el color en las capas del mapa de degradado.

 

¡¡Pero todavía no es suficiente para el progreso general del trabajo!!

 

Cuando miras de cerca, puedes ver las diferentes...

¡¡Falta el patrón de manchas del sello y el color de la tinta es diferente!!

 

Porque incluso las capas del mapa de degradado están un poco completas al guardar el color, pero en algún momento, es más fácil pintarlo en una nueva capa y usar el modo de capa para que aparezca correctamente.

 

echemos un vistazo a los lugares...

Pinté las manchas con el gris más oscuro de la sudadera con capucha en una capa rasterizada, configuré el modo multiplicar y configuré la opacidad al 45 por ciento

 

En lugar de hacer esta capa para los puntos cada vez que la dibujo, guardemos estas propiedades en ¡¡Rellenar capa!!

 

Cree una nueva Capa de relleno vaya al menú [Capa>Nueva capa > Relleno]

Si ya seleccionaste previamente el color, se creará una capa de relleno con el color que elegiste, no es necesario volver a seleccionar el color.

De forma predeterminada, si no creó una selección antes de crear Capa de mapa de relleno/degradado, vendrá con una máscara de relleno completo.

Pintaremos el lugar nosotros solos,

 

Seleccione la máscara y presione el botón [Eliminar] para borrar la máscara

Establezca el modo de capa y la opacidad en los mismos valores que la capa original de referencia

 

y pintar las manchas en la capa de máscara

ahora luce igual que el original...

 

pero el punto todavía está fuera del borde...

 

Para solucionar este problema, puedes agruparlos con el color base de la sudadera con capucha colocando la capa de relleno de puntos y la capa del mapa de degradado en una carpeta.

 

Establezca el [modo de capa] de la carpeta en [A través de]

entonces el mapa de degradado también se aplicó al valor de gris que está fuera de la carpeta

Arrastre la máscara desde la capa base y póngala en la carpeta

y el lugar ya no está fuera del borde :3

 

Nota: cuando rellenes el color de esta parte, tienes que rellenarlo en la máscara de la carpeta en su lugar

Puedes hacer lo mismo con el color de tinta y el efecto de brillo.

 

Así es como se ven el resultado final y la estructura de carpetas

Para usarlo en otro arte, puedes simplemente copiar estas capas y pegarlas en otro archivo, organizarlas en el orden correcto, limpiar toda la máscara y solo rellenar sobre la máscara referente del nuevo arte

 

Seguramente puede ahorrar mucho tiempo al obtener el color de la referencia uno por uno :3

pero… ¿Qué pasa si no quiero limpiar cada vez que uso estas capas???

 

¡¡Permítanme presentarles la sorprendente función número 2 de Clip Studio!!

Guardar el color de referencia establecido en la Biblioteca de materiales

Clip Studio viene con una increíble función de biblioteca de recursos llamada Biblioteca de materiales donde puedes compartir o descargar material desde Clipstudio Asserts

 

De forma predeterminada, se puede acceder a las bibliotecas de materiales mediante la barra en el lado derecho del espacio de trabajo.

Ha pasado un tiempo desde que utilicé esta función para la gestión de activos..., puedes consultarlo en mi antiguo tutorial sobre cómo hacer la historia completa con sonido mediante las funciones de animación de Clip Studio.

Puede crear su propia carpeta de materiales para cualquier proyecto haciendo clic derecho en [Todos los materiales] y [Nueva carpeta]

 

Recomiendo crear tu propia carpeta de activos para guardar el material que siempre usas en tus proyectos, ahorra mucho tiempo.

En el pasado, siempre registraba algunas puntas de pincel y fondos en mi carpeta personalizada junto al menú.

 

[Editar > Registrar material > imagen]

Es bastante bueno poder guardar mi recurso para reutilizarlo en el proyecto...

 

pero fue aún más sorprendente cuando un día descubrí que puedo guardar mis capas en la carpeta de materiales con solo arrastrar y soltar...

…

Para recuperarlo, simplemente puede extraerlo de la biblioteca de materiales al lienzo o al panel de capas...

 

y tendrá totalmente la misma propiedad que como lo guardamos, modo de capa, máscara, opacidad, etc,…

Debes saber que me sorprendí cuando supe por primera vez que puedo tirar casi todo lo que hay en la carpeta sin necesidad de registrarlo en el menú de registro

Volviendo a nuestro tutorial, guardaré mi conjunto de colores en la Biblioteca de materiales y simplemente lo arrastraré a mi lienzo cada vez que necesite dibujar el personaje nuevamente.

 

Antes de registrar la carpeta, tengo algo de gestión para mis capas de color.

 

• Limpia toda la mascarilla, así cada vez que la uso, no necesito limpiarla nuevamente

• Separe la carpeta para las capas que quedarán por encima de la tinta.

• coloque todas las capas de degradado que se usaron como paleta de colores en una carpeta y configúrela en "A través" para que pueda colocarse instantáneamente sobre el valor de la pintura

• Establezca el color de la etiqueta de la capa, para que sea fácil de encontrar

 

y así es como quedará:

arrastre la carpeta a la biblioteca de materiales y quedará registrada

puede hacer doble clic en el icono para configurar los datos del material de la imagen más tarde...

Configure la imagen del material para que sea más fácil de reconocer.

Así es como se ve cuando finalmente tienes la paleta para todos los personajes, ¡¡muy cuidado!!

Ahora llegamos a los consejos de trabajo finales... ¡¡la exportación por lotes!!

Exportación por lotes con la función de animación

A veces tienes que exportar tu arte en varios archivos... o varias versiones.

En lugar de exportar uno por uno y perder mucho tiempo con las cookies.

 

Aquí hay una característica sorprendente que ya utilicé en mi proyecto de animación hace mucho tiempo, pero me acabo de dar cuenta de que se puede adaptar a otro proyecto 2D.

 

Exportación de fotogramas clave de animación

 

Pero dado que es una función para exportar animaciones, para usarla, primero debes preparar tu archivo para poder exportar con esta función.

 

Este es el archivo que hice para un personaje de novela visual.

Tiene :

• 9 expresiones faciales

• Gesto de 4 brazos, y

• 1 base del cuerpo

 

todo está en una carpeta separada con un nombre claro y una etiqueta de color

Necesito exportarlo con nombre generado para poder usarlo directamente en el proyecto de mi juego.

No quiero perder el tiempo cambiándoles el nombre uno por uno.

 

Comencemos con la línea de tiempo, mi línea de tiempo está acoplada en la parte inferior de mi espacio de trabajo.

 

(Si no lo tienes abierto, ve al menú [Ventana > Línea de tiempo])

Crear una nueva línea de tiempo

en el cuadro emergente Nueva línea de tiempo, establezca el [Tiempo de reproducción] en la cantidad de imagen que desea exportar

En este caso, quiero exportar varias caras del personaje, así que puse 9

Obtendrás la línea de tiempo que muestra todas tus carpetas.

y tener el tiempo de reproducción en el número que establezca

Crea una nueva carpeta de animación.

Opcional: También le doy un nombre a la carpeta

Coloque todas las caras carpetas de expresión dentro de la carpeta de animación y haga que todas las carpetas sean visibles

Asigne el fotograma clave de la animación...

Seleccione la carpeta de animación

vaya al menú [Animación>Editar pista>Asignar múltiples celdas]

Establezca la opción en [Asignar por nombre de celda]

¡Las carpetas se asignarán a todos los fotogramas clave!

No es necesario asignarlos uno por uno.

Ahora el archivo está listo para exportar.

 

vaya al menú [Archivo>Exportar animación>Exportar celdas de animación]

Puede configurar la opción de exportación:

• Si desea que el archivo se guarde con el nombre adecuado, puede poner el nombre a la carpeta y seleccionar la opción [Nombre de archivo] para [Nombre de celda]

• puede establecer el prefijo para el nombre del archivo o dejarlo en blanco

• debes seleccionar la opción [Exportar capa no en carpetas de animación] si deseas exportar también las capas visibles fuera de la carpeta de animación

Al exportar, el archivo tendrá el nombre adecuado como lo hemos configurado

¡¡¡Importante!!!

Si tiene más de una carpeta de animación, el resultado estará separado por el contenido de cada carpeta de animación y no será visible entre sí.

La forma alternativa de exportar por lotes con una carpeta de animación es mediante la secuencia de exportación de la línea de tiempo.

 

use el menú [Archivo>Exportar animación>Secuencia de imágenes]

Tiene una configuración similar a la exportación de celdas de animación,

pero esta opción exportará las capas visibles en cada fotograma con el mismo prefijo y número en secuencia

Resumen

• Puede utilizar la capa mapa de degradado para guardar el conjunto de colores y pintar solo el valor de gris para asignarlo con el color (pintura de valor)

• La capa de relleno es para guardar un solo color y las propiedades de la capa (modo, configuración de máscara, opacidad, etc.)

• Puede arrastrar la carpeta de capas para guardarla en la biblioteca de materiales y arrastrarla nuevamente para usarla en cualquier archivo.

• Puede utilizar la función de exportación de animación para exportar archivos por lotes.

Espero que este tutorial te dé alguna idea para tu proceso de trabajo.

¡¡Nos vemos en el próximo tutorial!!