Introducción

¡Hola a todos, soy la profesora Crimsy y bienvenidos a nuestro décimo tutorial de Clip Studio Paint!

 

En la clase de hoy les enseñaré todo lo que necesitan saber sobre los mapas de degradado y lo efectiva que es esta función para colorear y editar ilustraciones en escala de grises de forma rápida y eficiente. Y como mayo es el mes de los conejos para mí, ¡dibujé un retrato en escala de grises de mi conejita zombi Absynth solo para esta ocasión!

Primero, cubriremos qué son los mapas de degradado y por qué vale la pena aprender sobre ellos, luego haremos una descripción general de la ventana del mapa de degradado y todas sus configuraciones, y finalmente repasaremos cada paso y consejo que necesitan saber para convertir una obra de arte en escala de grises en una ilustración vívida y colorida como la que se muestra a continuación.

Tenemos mucho que cubrir solo con esta función, así que, sin más preámbulos, ¡comencemos el ritual!

Descripción general de los mapas de degradado

El mapa de degradado es una función que puedes encontrar en Clip Studio Paint yendo al menú ''Capa'' en la parte inferior del submenú ''Nueva capa de corrección''. También puedes seleccionar cualquiera de tus capas o carpetas, hacer clic derecho sobre ella, ir a ''Nueva capa de corrección'' y crear tu mapa de degradado desde allí para obtener el mismo resultado.

Al abrirse la ventana del mapa de degradado, se creará automáticamente una nueva capa de corrección junto con una máscara de capa blanca encima de la capa que se seleccionó previamente. Conserva esta máscara de capa, ya que será importante más adelante para aislar las diferentes partes de nuestros personajes a medida que aplicamos mapas de degradado de forma selectiva.

Lo bueno de las capas de corrección es que no son destructivas. Esto significa que incluso si presionas Aceptar y aplicas estas configuraciones a tu arte, siempre puedes volver a la capa de corrección, hacer doble clic en ella y volver a abrir la ventana del mapa de degradado para hacer nuevos cambios. También es bueno tener en cuenta que puedes acceder a los mapas de degradado a través del menú ''Edición'', pero personalmente nunca uso este método porque en lugar de crear una capa de corrección, simplemente aplica el efecto de mapa de degradado a tu capa y ya no puedes editar el resultado después, así que olvidémonos de ese.

Bien, una vez que se crea tu mapa de degradado, deberías notar inmediatamente un cambio en los tonos de tu obra de arte. Por ejemplo, aquí, el mío se oscureció visiblemente. Esto se debe a que la ventana del mapa de degradado ofrece una vista previa instantánea de nuestras configuraciones actuales y cómo afectan mi obra de arte en tiempo real.

¿Por qué usar mapas de degradado?

Entonces, vamos al grano, ¿qué hace que la función de mapa de degradado valga tanto la pena aprender?

 

Bueno, hay una plétora de razones, pero la respuesta corta es velocidad y versatilidad. Para decirlo simplemente, con el uso de esta barra de degradado aquí arriba, puedes reasignar valores de color completamente nuevos a todos los valores ya presentes en tu lienzo. Por ejemplo, podrías decir ''Ya no quiero que mi lineart sea negro, lo quiero azul oscuro en su lugar'', entonces vas al primer nodo de flecha en el nivel más oscuro de la barra de degradado, haces clic en él, luego vas a ese cuadro de color aquí y eliges un color azul oscuro.

Y así, todas las áreas negras de tu obra de arte ahora tendrán sus valores cambiados a azul oscuro.

Y puedes hacer esto para cada valor tonal de tu obra de arte, ya sea blanco o todos los tonos grises intermedios. Esta función básicamente te permite hacer tantas iteraciones de color en tu arte como quieras con un solo clic.

Los muchos usos de los mapas de degradado

De hecho, los mapas de degradado tienen muchos usos, aquí hay algunos de ellos.

1. Colorear páginas de manga.

2. Crear variaciones rápidas de color en tu arte conceptual.

3. Experimentar con el ambiente de una pieza antes de comprometerse con los colores.

4. Agregar un filtro de color a una pieza ya terminada o cambiar completamente su ambiente. (¡sí, los mapas de degradado también funcionan en imágenes a color!)

5. Y, por supuesto, como veremos hoy, puedes colorear completamente una obra de arte en escala de grises desde cero utilizando únicamente mapas de degradado.

Configuración de la ventana del mapa de degradado

Pero, antes de sumergirnos en la parte principal del tutorial de hoy, repasemos primero la ventana del mapa de degradado y todas sus configuraciones para comprender mejor cómo configurar y administrar sus mapas de degradado.

La barra de degradado

Primero, justo en la parte superior, tenemos nuestra barra de degradado, que nos da una vista previa del degradado que se está utilizando actualmente. Cada pequeña flecha debajo de ella, también llamada nodo, representa un valor de color en tu degradado que se muestra en el cuadro de color aquí una vez que lo seleccionas. Estos nodos se pueden mover a cualquier posición a lo largo de la barra y se pueden crear nuevos nodos simplemente haciendo clic a lo largo de los incrementos debajo de la barra.

Consejos para seleccionar los colores correctos para tu degradado

Otra cosa importante que mencionar sobre la barra de degradado son las pocas reglas que debes tener en cuenta al seleccionar los colores para tu degradado. La barra predeterminada va del negro al blanco y también lo hace tu obra de arte en escala de grises. Es muy importante comprender la noción de tonos y valores cuando se trabaja con mapas de degradado porque los colores que elijas y dónde los posiciones en la barra de degradado deben seguir una cierta lógica para que se vean bien.

Por ejemplo, los colores de tus nodos deben ir de oscuro a claro en valores para mantener la autenticidad de los valores de tu propia obra de arte.

También es probable que debas intentar elegir colores que estén cerca en tono entre sí, esos suelen ser las mejores combinaciones de colores en un degradado.

Por último, debes intentar elegir colores con una cantidad similar de saturación para que la mezcla entre los nodos parezca más natural.

Así que, en realidad, tener una comprensión básica de la teoría del color, las propiedades del color y los espacios de color es tan importante como comprender los tonos y los valores cuando se trata de mapas de degradado porque cada color tiene un equivalente en escala de grises y a veces querrás elegir un color que se ajuste a un tono específico, pero dependiendo del espacio de color que estés utilizando para tu selección, podrías encontrar difícil mantener ese tono al ajustar el tono y la saturación de tu color.

Una lección rápida sobre los espacios de color y cómo afectan la selección de color

Para demostrar esto rápidamente, creemos 6 cuadrados. 3 cuadrados representarán el espacio de color HSV y 3 cuadrados representarán el espacio de color HLS.

 

Para acceder a tu espacio de color, debes ir a la ventana de configuración de color haciendo doble clic en tu icono de color principal. Como puedes ver, HSV significa tono, saturación y valor, y HLS significa tono, luminosidad y saturación. Creo que estos dos espacios de color se encuentran en todos los software de dibujo digital y ambos tienen exactamente la misma cantidad de colores, pero sin entrar en muchos detalles, difieren principalmente en la forma en que muestran dichos colores y, créanme, esta es una información muy pertinente que deben conocer al trabajar con mapas de degradado.

 

 

Ahora mismo, todos nuestros cuadrados están rellenos con un tono gris neutro, así que vayamos a nuestra ventana de configuración de color y asegurémonos de estar en el espacio de color HSV y pongamos nuestra saturación a 50 y presionemos Aceptar. Ahora, bloqueemos los píxeles de nuestros cuadrados grises y usemos el atajo Alt + Supr para rellenar nuestro segundo cuadrado con nuestro color actual. A continuación, haremos lo mismo, pero esta vez pondremos nuestra saturación al 100. Una vez hecho esto, repetiremos los mismos pasos, pero esta vez en el espacio de color HLS. Mantendremos nuestro tono en cero y nuestra luminosidad en 50 durante todo el proceso y solo cambiaremos nuestra cantidad de saturación a 50 y 100.

De inmediato, puedes ver que estos colores no son los mismos y si vas al menú superior → capa → nueva capa de corrección → tono/saturación/luminosidad y eliminas toda la saturación de nuestros colores, te darás cuenta de que los cuadrados superiores, incluso después de mantener el mismo valor, ahora tienen tonos diferentes, mientras que los cuadrados inferiores mantuvieron su tono consistente en todo momento.

Para simplificarlo, esto sucede debido al orden en que estos espacios de color priorizan sus propiedades de color. En el espacio HSV, el tono está arriba, la saturación viene en segundo lugar y el valor en último. En el espacio HLS, el tono también está arriba, pero la luminosidad viene en segundo lugar y la saturación en último. Probablemente sea mucho más complejo que eso, pero así es como yo lo simplifico para que me sea más fácil recordarlo.

La curva de mezcla

Volviendo a nuestra ventana del mapa de degradado, en la esquina inferior derecha se encuentra la curva de mezcla. Esta curva y sus puntos de control definen el tipo de gradación que ocurrirá entre un nodo y su nodo vecino a la derecha. Tal como está, esta curva en forma de ''S'' crea la gradación más suave posible entre los nodos, pero puedes crear muchos tipos diferentes de degradado arrastrando sus puntos de control, creando nuevos haciendo clic a lo largo de la curva y eliminándolos arrastrándolos fuera del gráfico.

Los conjuntos de degradado

A continuación, tenemos nuestro conjunto de degradados activo. Los conjuntos de degradados son básicamente carpetas que contienen un grupo de degradados. Si vas a este menú desplegable de aquí, puedes acceder a todos tus conjuntos de degradados, ya sean los que vienen por defecto en Clip Studio Paint, los que has creado y los que has obtenido a través de la tienda de recursos de Clip Studio.

Para usar uno, simplemente haz doble clic en él o selecciónalo y haz clic en el icono ''Cargar en barra de degradado'' aquí abajo y ¡voilà, así de fácil!

En este punto, es bueno señalar que si juegas con los nodos de estos degradados, esto no sobrescribirá su configuración predeterminada. Incluso si cambias completamente los nodos de un degradado, en el momento en que cambies a un degradado diferente, todas sus configuraciones se restablecerán a las predeterminadas. Para cambiar permanentemente la configuración de un degradado, debes hacer clic en el icono ''Reemplazar degradado guardado'' aquí abajo. Sin embargo, ten en cuenta que si cambias esas configuraciones, no hay vuelta atrás una vez que presiones Aceptar en esa ventana.

así que lo mejor que puedes hacer, en realidad, es hacer una copia del degradado con el que quieres jugar seleccionándolo e yendo al icono ''Duplicar degradado seleccionado'' aquí, darle un nombre y sobrescribir la configuración en ese en su lugar.

En el caso de que hayas realizado cambios en uno de los degradados originales por error o hayas creado un degradado completamente nuevo a partir de uno preestablecido y quieras mantener el resultado, ve a ''Crear nuevo degradado'', dale un nombre y presiona Aceptar. Esto creará un degradado completamente nuevo a partir de la configuración que estabas usando sin afectar al original en el que se basó. También puedes transferir un degradado de un conjunto a otro usando este método. Simplemente haz doble clic en un degradado, cambia de conjunto y haz clic en ''Crear nuevo degradado'' ¡y listo!

Para eliminar un degradado, simplemente ve al icono de la papelera, pero de nuevo, ten cuidado porque no hay vuelta atrás una vez que lo haces.

Por último, para reorganizar los degradados en tus conjuntos, simplemente usa las flechas de este lado.

Por cierto, todas estas acciones que acabamos de repasar también son accesibles haciendo clic derecho sobre los propios degradados y en este menú también obtienes la opción extra de renombrar tus degradados.

Ah, y una cosa MUY importante más que debes saber: si quieres guardar todos los cambios que has hecho en tus degradados y tus conjuntos, TIENES que presionar Aceptar en la ventana de degradado al final. Considera esta ventana como su propia sesión de trabajo, si sales de la ventana o si presionas cancelar, todos los cambios que hayas realizado durante esa sesión se perderán. La buena noticia es que esto también significa que si eliminas un degradado por accidente, puedes presionar ''Cancelar'' y cuando vuelvas a abrir la ventana de degradado, estará de nuevo donde estaba antes de eliminarlo.

Esto cubre cómo gestionar los degradados individualmente, pero si quieres gestionar los propios conjuntos de degradados, tienes que ir a este pequeño icono de llave inglesa aquí y esto abrirá un menú desplegable con algunas nuevas opciones específicas para nuestros conjuntos. Por ejemplo, podemos crear un nuevo conjunto vacío y darle un nombre, también podemos eliminar los conjuntos que ya no queremos, hacer copias de nuestros conjuntos y renombrarlos a lo que queramos.

Debajo de eso podemos registrar un conjunto como material, esto es algo que debes hacer si quieres compartir tus conjuntos de degradados personalizados en la tienda de recursos de Clip Studio, por cierto.

Ah, y hablando de la tienda de recursos, recomiendo encarecidamente a todos los que vean este video que visiten la tienda de recursos y exploren los cientos de conjuntos de degradados hechos por la comunidad que hay allí. Algunos requieren puntos clippy de oro para ser descargados, pero muchos de ellos también son gratuitos e igual de buenos, así que ahórrense algo de trabajo y descarguen tantos como quieran.

Cuando haya uno que te interese, simplemente haz clic en él, presiona el botón de descarga y vuelve a tu lienzo de trabajo.

Los mapas de degradado funcionan de manera diferente a las herramientas, por lo que, a diferencia de los pinceles, no se pueden arrastrar y soltar junto a nuestras otras herramientas de degradado. Para usar tus mapas de degradado descargados, debes volver a la ventana del mapa de degradado, de nuevo en el menú desplegable del icono de la llave inglesa y hacer clic en ''añadir conjunto de degradados''.

Esto reconocerá automáticamente los degradados de tu carpeta de descarga y te permitirá elegir cuál añadir a tu biblioteca de degradados. Luego, simplemente haz clic en el botón ''Añadir'' y verás que tu ventana de mapa de degradado se actualizará para mostrar todos tus nuevos degradados en un solo conjunto. ¡No olvides presionar Aceptar al final y eso es todo para la configuración de la ventana de mapa de degradado!

Cómo colorear una obra de arte en escala de grises con mapas de degradado

¡Ahora, finalmente podemos pasar al capítulo práctico de este tutorial, que es crear una ilustración a todo color a partir de una obra de arte en escala de grises!

Un consejo sobre la escala de grises

Si solo puedo dar un consejo a la hora de crear una ilustración en escala de grises, es mantener un amplio rango de valores entre las áreas más oscuras y más claras de nuestra imagen.

 

Esto también significa evitar el uso de blanco puro y negro puro tanto como sea posible, ya que esos dos tonos no ofrecen margen de juego al representar los extremos de nuestro rango tonal. Esto es importante porque cuanto mayor sea el rango que tengas en tu obra de arte, mayor será el rango que tu mapa de degradado podrá usar a cambio.

 

 

Si no puedes saber si los valores de tu arte tienen un buen rango o no, un buen consejo que puedo darte es ir al menú superior → capa → nueva capa de corrección → seleccionar Posterización e introducir un valor de 6. 6 es la cantidad máxima de nodos que suelo poner en mis degradados, así que esto básicamente simplificará mi obra de arte a sus 6 tonos principales y me mostrará cuáles son.

 

Como puedes ver aquí, mis tonos van claramente de gris oscuro en las sombras a gris claro en las luces, e incluso simplificado así, la profundidad de mi sombreado es bastante fácil de leer. Si haces esto, pero terminas con demasiados valores claros u oscuros, o si los grises en tu arte no se distinguen claramente entre sí, entonces es hora de aumentar el contraste de tu pieza con la capa de corrección de brillo/contraste o volver a ella y redefinir un poco mejor las sombras o las áreas claras.

Aplicar degradados a tu obra de arte en escala de grises

Así que una vez que estamos contentos con los valores de nuestra obra de arte en escala de grises, finalmente es hora de comenzar nuestro proceso de coloreado. Y realmente, aplicar mapas de degradado a nuestra obra de arte es, con mucho, el paso más fácil y rápido de este video.

 

Creas un nuevo mapa de degradado encima de una de tus carpetas, empecemos con la capa de piel aquí, por ejemplo, y puedes recortar tu capa de mapa de degradado a ella ahora o después de haber terminado de crear tu degradado.

Este es el punto en el que, si no tienes tu obra de arte separada en carpetas como estas, puedes usar la máscara de capa adjunta a nuestra capa de corrección para aislar las áreas de tu obra de arte a las que deseas aplicar el mapa de degradado. Este proceso es súper fácil, simplemente elige cualquier tipo de degradado saturado, no importa cuál, y presiona Aceptar.

Luego, selecciona tu máscara de capa, presiona el botón de borrar en tu teclado, toma un pincel de pluma o un pincel suave y comienza a aplicar blanco puro a tu capa de máscara.

Otra herramienta que me gusta usar porque es un poco más rápida es la herramienta lazo. Simplemente selecciona toda el área que quieres incluir y usa el atajo Alt + Supr en tu teclado para rellenar de blanco.

Luego, todo lo que queda por hacer es crear los degradados para nuestros mapas de degradado. Y como toda la teoría ya ha sido cubierta con respecto a la barra de degradado y cómo elegir correctamente nuestros colores, podemos pasar directamente a hacerlo.

Típicamente, la forma en que abordo cualquier degradado es primero eligiendo cuál será el valor más oscuro y el más claro y luego experimentando a partir de ahí. Y esta es la esencia de hacer degradados, realmente, experimentas mucho, añades nodos de color aquí y allá y los mueves, ajustas sus valores y saturación y, a través de prueba y error, terminas con un resultado que realmente te gusta.

 

CONSEJO: Si realmente quieres apuntar a un tono específico en tu arte, un buen consejo es ocultar tu mapa de degradado, seleccionar ese tono gris y ver su posición en la escala de grises. Luego, vuelve a tu mapa de degradado, crea un nodo en la posición equivalente en tu barra de degradado, ve al selector de color y haz clic en tu icono de color principal para obtener el mismo valor gris al que quieres asignar un color. Por último, cambia tu espacio de color a HLS, como vimos antes, y desde este punto, puedes elegir cualquier tono y cantidad de saturación que desees y tu tono gris siempre permanecerá en el mismo valor.

 

¿Ves lo práctica que fue esa teoría del color para mantenernos fieles a los tonos de nuestra obra de arte ahora?

 

Así que, de todos modos, esto es lo que obtuve para el degradado de la piel. Opté por un marrón oscuro y un beige claro en los extremos y un tono oscuro de beige más saturado, seguido de un tono más claro de beige ligeramente saturado más cerca del medio.

Luego dupliqué esa capa de mapa de degradado y recorté la copia a la carpeta de la cara.

También quería algunas manchas verdosas en la piel de mi personaje, al fin y al cabo es una zombi, así que dupliqué el mapa de degradado de la piel, abrí la ventana de configuración y elegí uno de mis degradados verdes preestablecidos. Este es bastante simple, con solo tres valores al principio, en el medio y al final, que son verde oscuro, verde claro y amarillo claro.

A continuación, eliminé el blanco de la máscara, seleccioné la herramienta lazo y comencé a seleccionar cada parche que quería volver verde, nuevamente usando el atajo Alt + Supr para rellenar el blanco de mi máscara.

 

Una vez hecho esto, reduje la opacidad de mi capa verde para que coincidiera con la saturación de la capa de la piel y listo.

Después de eso, para el cabello creé un degradado más complejo que va de azul oscuro, a verde, a amarillo claro. Esto está en línea con el consejo que di antes de que si eliges colores cercanos entre sí en la rueda de colores, siempre se ven geniales juntos. Luego apliqué el mismo degradado a las orejas, pero también necesitaba un degradado diferente para el interior de las orejas, así que dupliqué la capa de degradado verde y le apliqué la capa de piel, luego eliminé la parte de piel de las orejas de su máscara de capa.

Lo bueno de haber visitado la tienda de recursos de Clip Studio antes es que, antes de este video, encontré este conjunto, que lamentablemente no puedo leer, pero creo que se llama ''gradación pálida'' en la tienda. En ese conjunto de degradados encontré este degradado tipo oro realmente bonito y lo apliqué a la carpeta de los pendientes.

Ahora, algo que no he mencionado antes es que a veces, los colores de un degradado preestablecido se verán geniales, pero no se ajustarán al valor tonal de tu arte original. Algo que puedes hacer cuando esto sucede es anular el valor del degradado yendo a la capa de degradado y poniendo su modo de fusión en ''color''.

Ahora, solo el valor de color de mi degradado se transferirá a la carpeta de los pendientes, pero el valor tonal de los propios pendientes permanecerá sin cambios. Tiendo a usar este modo de fusión la mayor parte del tiempo con los mapas de degradado porque cuando trabajas duro en los valores de tu obra de arte en escala de grises, no necesariamente quieres alejarte demasiado de esos valores, pero debes saber que cambiar tu modo de fusión a ''color'' anula esencialmente los valores de tus degradados, por lo que es un escenario caso por caso.

Una vez hecho eso, hice mapas de degradado separados para los ojos, la boca y la ropa de mi personaje. Solo mostraré algunas imágenes de estos considerando que ya cubrimos lo básico y este artículo se está haciendo bastante largo.

A continuación, revisé mis capas de mapa de degradado para ver si algunas se verían mejor en el modo de fusión de color. Y si encuentro que el modo de color es mejor, pero mis valores originales eran un poco demasiado oscuros para empezar, como con la piel aquí, entonces simplemente voy a capa → nueva capa de corrección → brillo/contraste, la recorto a mi carpeta y ajusto la luminosidad del área para que se ajuste al tono más claro que quiero. Esta técnica suele ser mejor que intentar falsear tonos más claros en tus degradados para compensar valores originales más oscuros.

Ahora, no olvidemos el fondo, por supuesto, pasé un tiempo creando ese efecto espiral solo para obtener ese degradado de color perfecto con las líneas que parecen ir cada vez más profundas.

Conclusión

¡Y con eso finalmente hemos terminado!, ¡hemos logrado transformar una obra de arte en escala de grises en una ilustración a todo color! Y lo bueno de este resultado es que es tan definitivo como queramos que sea, porque en cualquier momento podemos volver y repetir los colores de nuestro personaje tantas veces como queramos.

Muchas, muchísimas gracias por quedarse conmigo hasta el final de este tutorial. Realmente espero que este video, junto con el artículo, les haya brindado información y consejos útiles para comprender mejor los mapas de degradado y todas sus pequeñas sutilezas y tecnicismos.

 

Eso es todo por mi parte, debo regresar a mi cripta para un largo y profundo sueño. Espero verlos pronto. :)

 

Saludos cordiales,

 

-Crimsy