Introducción

Hola a todos, soy el profesor Crimsy y bienvenidos a nuestro décimo tutorial de Clip Studio Paint.

 

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

Primero, cubriremos qué son los mapas de degradado y qué hace que valga la pena aprender sobre ellos, luego haremos una descripción general de la ventana del mapa de degradado y todas sus configuraciones y, por último, repasaremos cada paso y los consejos que necesita saber para ¡Convierta 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 característica que puede encontrar en Clip Studio Paint yendo al menú "Capa" en la parte inferior del submenú "Nueva capa de corrección". También puede seleccionar cualquiera de sus capas o carpetas, hacer clic con el botón derecho, ir a "Nueva capa de corrección" y crear su mapa de degradado desde allí para obtener el mismo resultado.

A medida que se abre 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. Mantenga esta máscara de capa, ya que será importante más adelante para aislar las diferentes partes de nuestros personajes a medida que le apliquemos mapas de degradado de forma selectiva.

Lo bueno de las capas de corrección es que no son destructivas. Esto significa que incluso si presiona Aceptar y aplica esta configuración a su arte, siempre puede volver a la capa de corrección, hacer doble clic en ella y volver a abrir la ventana del mapa de degradado para realizar nuevos cambios. También es bueno tener en cuenta que puede acceder a los mapas de degradado a través del menú ''Editar'', pero personalmente nunca uso este método porque en lugar de crear una capa de corrección, solo aplica el efecto de mapa de degradado a su capa y usted ya no puede editar el resultado después, así que olvidémonos de eso.

Muy bien, una vez que se crea su mapa de degradado, debe notar inmediatamente un cambio en los tonos de su obra de arte. Por ejemplo aquí, el mío se volvió visiblemente más oscuro. Esto se debe a que la ventana del mapa de degradado ofrece una vista previa instantánea de nuestra configuración actual y cómo afecta mi obra de arte en tiempo real.

¿Por qué usar mapas de degradado?

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

 

Bueno, hay una plétora de razones, pero la respuesta corta es velocidad y versatilidad. En pocas palabras, con el uso de esta barra de degradado aquí en la parte superior, esencialmente puede reasignar valores de color completamente nuevos a todos los valores que ya están presentes en su lienzo. Por ejemplo, podría decir "Ya no quiero que mi dibujo lineal sea negro, lo quiero azul oscuro en su lugar", así que vaya al primer nodo de flecha pequeña en el nivel más oscuro de la barra de degradado, haga clic en en él, luego vas a ese cuadro de color aquí y eliges un color azul oscuro.

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

Y puede hacer esto para cada valor tonal en su obra de arte, ya sea blanco o todos los tonos grises intermedios. Esta característica básicamente le permite hacer tantas iteraciones de color a su arte como desee con solo hacer clic en un botón.

Los múltiples usos de los mapas de degradado

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

1. Colorea páginas de manga.

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

3. Experimente con el estado de ánimo de una pieza antes de comprometerse con los colores.

4. Agregue un filtro de color a una pieza que ya está terminada o cambie completamente su estado de ánimo. (¡sí, los mapas de degradado también funcionan en imágenes en color!)

5. Y, por supuesto, como veremos hoy, puede colorear completamente una obra de arte en escala de grises desde cero solo usando mapas de degradado.

La configuración de la ventana del mapa de degradado

Pero, antes de sumergirnos en el meollo del tutorial de hoy, primero repasemos 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 de nuestro degradado que se está utilizando actualmente. Cada pequeña flecha debajo de ella, también llamada nodo, representa un valor de color en su degradado que se muestra en el cuadro de color aquí una vez que lo selecciona. Estos nodos se pueden mover a cualquier posición a lo largo de la barra y se pueden crear nuevos nodos simplemente haciendo clic en los incrementos debajo de la barra.

Consejos para seleccionar los colores correctos para tu degradado

Otra cosa importante a mencionar sobre la barra de degradado son las pocas reglas que debe tener en cuenta al seleccionar los colores para su degradado. La barra predeterminada va de negro a blanco, al igual que su ilustración 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 elija y dónde los ubique en la barra de degradado deben seguir una cierta lógica para verse bien.

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

Probablemente también debería intentar elegir colores que tengan un tono similar entre sí, que generalmente son las mejores combinaciones de colores en un degradado.

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

Realmente, 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á elegir un color que se ajuste a un color específico. tono, pero dependiendo del espacio de color que esté utilizando para su selección, puede que le resulte difícil mantener ese tono al realizar ajustes en el tono y la saturación de su color.

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

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 su espacio de color, debe ir a la ventana de configuración de color haciendo doble clic en el icono de su color principal. Como puede ver, HSV significa tono, saturación y valor y HLS significa tono, luminosidad y saturación. Estos dos espacios de color creo que se encuentran en todos los programas de dibujo digital que existen y ambos tienen exactamente la misma cantidad de colores, pero sin entrar en demasiados detalles, en su mayoría difieren en la forma en que muestran dichos colores y créanme, esto es muy información pertinente para saber cuando se trabaja con mapas de degradado.

 

 

En este momento, 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 en 50 y presionemos OK. Ahora, bloqueemos los píxeles de nuestros cuadrados grises y usemos el atajo Alt + Supr para llenar nuestro segundo cuadrado con nuestro color actual. A continuación, hagamos lo mismo, pero esta vez pondremos nuestra saturación en 100. Cuando termine, repitamos los mismos pasos, pero esta vez en el espacio de color HLS. Mantendremos nuestro tono en cero y nuestra luminosidad en 50 en el camino y solo cambiaremos nuestra cantidad de saturación a 50 y 100.

Bien, puedes ver que estos colores no son iguales 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 todos tienen tonos diferentes, mientras que los cuadrados inferiores mantuvieron su tono constante en todo momento.

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

La curva de velocidad de mezcla

Volviendo a nuestra ventana de mapa de degradado, en la esquina inferior derecha está la curva de tasa 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 "S" crea la gradación más suave posible entre los nodos, pero puede crear muchos tipos diferentes de degradados arrastrando sus puntos de control, creando otros nuevos haciendo clic a lo largo de la curva y eliminándolos arrastrándolos hacia afuera. del gráfico

Los conjuntos de degradado

A continuación tenemos nuestro conjunto de degradado activo. Los conjuntos de degradados son básicamente carpetas que contienen un grupo de degradados. Al ir a este menú desplegable aquí, puede acceder a todos sus conjuntos de degradados, ya sean los que están predeterminados en Clip Studio Paint, los que ha creado y los que ha obtenido a través de la tienda de activos de Clip Studio.

Para usar uno, simplemente haga doble clic en él o selecciónelo y haga clic en el ícono "cargar en la barra de degradado" aquí en la parte inferior y listo, ¡así de fácil!

En este punto, es bueno tener en cuenta que si juegas con los nodos de estos degradados, esto no sobrescribirá su configuración predeterminada. Incluso si cambia por completo los nodos de un degradado, en el momento en que cambia a un degradado diferente, todas sus configuraciones se restablecerán a sus valores predeterminados. Para cambiar permanentemente la configuración de un degradado, debe hacer clic en el icono "reemplazar degradado guardado" aquí abajo. Sin embargo, tenga en cuenta que si cambia esa configuración, no hay vuelta atrás una vez que presione Aceptar en esa ventana.

así que lo mejor que puede hacer en realidad es hacer una copia del degradado con el que desea jugar seleccionándolo y yendo al ícono "duplicar degradado seleccionado" aquí, asígnele un nombre y sobrescriba la configuración en ese lugar. .

En el caso de que haya realizado cambios en uno de los degradados originales por error o haya creado un nuevo degradado a partir de uno prefabricado y desee conservar el resultado, vaya a ''crear nuevo degradado'', dele un nombre y presione Ok. Esto creará un gradiente completamente nuevo a partir de la configuración que estaba usando sin afectar la configuración en la que se basó inicialmente. También puede transferir un degradado de un conjunto al siguiente utilizando este método. Simplemente haga doble clic en un degradado, cambie los conjuntos y haga clic en "crear nuevo degradado" y listo.

Para eliminar un degradado, simplemente ve al ícono de la papelera, pero nuevamente, ten cuidado porque no hay vuelta atrás una vez que lo hagas.

Por último, para reorganizar los gradientes en sus conjuntos, simplemente use las flechas al costado aquí.

Por cierto, también se puede acceder a todas estas acciones que acabamos de realizar haciendo clic con el botón derecho en los degradados y en este menú también tiene la opción adicional de cambiar el nombre de sus degradados.

Ah, y otra cosa MUY importante que debes saber: si deseas guardar todos los cambios que has realizado en tus degradados y conjuntos, DEBES presionar OK en la ventana de degradado al final. Vea esta ventana como su propia sesión de trabajo, si sale de la ventana o si presiona cancelar, todos los cambios que haya realizado durante esa sesión se perderán. La buena noticia es que esto también significa que si elimina un degradado por accidente, puede presionar "cancelar" y cuando vuelva a abrir la ventana de degradado, volverá a donde estaba antes de eliminarlo.

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

Debajo de eso, podemos registrar un conjunto como material, esto es algo que debe hacer si desea compartir sus conjuntos de degradados personalizados en la tienda de activos de Clip Studio, por cierto.

Ah, y hablando de la tienda de activos, recomiendo encarecidamente a todos los que vean este video que visiten la tienda de activos y exploren los cientos de conjuntos de gradientes creados por la comunidad allí. Algunos requieren puntos de oro para descargar, pero muchos de ellos también son gratuitos e igual de buenos, así que ahórrate algo de trabajo y descarga tantos como quieras.

Cuando haya uno que capte su interés, simplemente haga clic en él, presione el botón de descarga y regrese al lienzo de su obra de arte.

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 los mapas de degradado descargados, debe volver a la ventana del mapa de degradado, volver al menú desplegable del icono de llave inglesa y hacer clic en "agregar conjunto de degradado".

Esto reconocerá automáticamente los degradados de su carpeta de descarga y le permitirá elegir cuál agregar a su biblioteca de degradados. Luego, simplemente haga clic en el botón "Agregar" y verá que la ventana de su mapa de degradado se actualiza para mostrar todos sus nuevos degradados en un conjunto. ¡No olvide presionar OK al final y eso es todo para la configuración de la ventana del 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 consiste en 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 cuando se trata de crear una ilustración en escala de grises, es mantener una amplia gama de valores entre las áreas más oscuras y más claras de nuestra imagen.

 

Esto también significa evitar el uso de negro puro y blanco puro tanto como sea posible porque esos dos tonos no ofrecen margen para jugar, ya que representan los extremos de nuestro rango tonal. Esto es importante porque cuanto mayor sea el rango que tendrá dentro de su obra de arte, más rango podrá usar su mapa de degradado a cambio.

 

 

Si no puede saber si los valores en su arte tienen un buen rango o no, un buen consejo que puedo darle es dirigirse al menú superior → capa → nueva capa de corrección → seleccione Posterización e ingrese un valor de 6. 6 es la cantidad máxima de nodos que suelo colocar en mis degradados, por lo que básicamente reducirá mi obra de arte a sus 6 tonos principales y me mostrará cuáles son.

 

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

Aplicación de degradados a su obra de arte en escala de grises

Entonces, una vez que estemos satisfechos con los valores de nuestra obra de arte en escala de grises, finalmente es hora de aplicar y comenzar nuestro proceso de coloración. 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.

 

Usted crea un nuevo mapa de degradado en la parte superior de una de sus carpetas, comencemos con la capa de máscara aquí, por ejemplo, y puede recortar su capa de mapa de degradado ahora o después de que haya terminado de crear su degradado.

Este es el punto donde, si no tiene su obra de arte separada en carpetas como estas, puede usar la máscara de capa adjunta a nuestra capa de corrección para aislar las áreas de su obra de arte a las que desea que se aplique el mapa de degradado. Este proceso es súper fácil, simplemente elige cualquier tipo de degradado saturado, no importa cuál y presiona OK.

Luego, seleccione su máscara de capa, presione el botón Eliminar en su teclado, tome un pincel o un pincel suave y comience a aplicar blanco puro a su capa de máscara.

Otra herramienta que me gusta usar porque es un poco más rápida es la herramienta Lazo. Simplemente seleccione toda el área que desea incluir y use el atajo Alt + Supr en su teclado para completar el espacio en blanco.

Luego, todo lo que queda por hacer es crear los gradientes para nuestros mapas de gradiente. Y dado que ya se ha cubierto toda la teoría con respecto a la barra de degradado y cómo elegir correctamente nuestros colores, podemos pasar directamente a hacer eso.

Por lo general, la forma en que me acerco a cualquier gradiente es eligiendo primero cuál será el valor más oscuro y el más claro y luego experimentar a partir de ahí. Y esta es la esencia de hacer gradientes realmente, experimentas mucho, agregas 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 desea apuntar a un tono específico en su arte, un buen consejo es ocultar su mapa de degradado, elegir el color de ese tono de gris y ver dónde está su posición en la escala de grises. Luego, regrese a su mapa de degradado, cree un nodo en la posición equivalente en su barra de degradado, vaya al selector de color y haga clic en su icono de color principal para obtener el mismo valor de gris al que desea asignar un color. Por último, cambia tu espacio de color a HLS, como comentamos anteriormente y desde este punto, puedes elegir cualquier tono y cantidad de saturación que desees y tu tono de gris siempre permanecerá en el mismo valor.

 

¿Ves lo práctica que era la teoría del color para mantenerse fiel a los tonos de nuestra obra de arte ahora?

 

De todos modos, esto es lo que terminé con el degradado de la piel. Elegí un marrón oscuro y un beige claro en las extremidades y un tono de beige oscuro más saturado seguido de un tono de beige más claro ligeramente saturado más cerca del medio.

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

También quería algunos parches verdosos en la piel de mi personaje, ella es un zombi después de todo, así que dupliqué el mapa de degradado de la piel, abrí la ventana de configuración y opté por uno de mis degradados verdes prefabricados. Este es bastante simple con solo tres valores al principio, 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 completar el blanco de mi máscara.

 

Una vez hecho esto, reduje la opacidad de mi capa verde para que se ajustara a la saturación de la capa de la piel y eso fue todo.

Después de eso, para el cabello creé un degradado más complejo que va del azul oscuro al verde y al amarillo claro. Esto está en consonancia con el consejo que di anteriormente de que si elige colores cercanos entre sí en la rueda de colores, siempre se ven muy bien 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 visitar la tienda de activos 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 tipo de degradado dorado realmente agradable y lo apliqué a la carpeta de aretes.

Ahora, algo que no he mencionado antes es que, a veces, los colores de un degradado prefabricado se verán muy bien, pero no se ajustarán al valor tonal de su arte original. Algo que puede hacer cuando eso 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 aretes, pero el valor tonal de los aretes permanecerá sin cambios. Tiendo a usar este modo de fusión más con los mapas de degradado porque cuando trabaja duro en los valores de su obra de arte en escala de grises, no necesariamente quiere alejarse demasiado de esos valores, pero sepa que cambiar su modo de fusión a ''color '' esencialmente anula los valores de sus gradientes, por lo que es un escenario caso por caso.

Una vez hecho esto, 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 los conceptos básicos y este artículo se está volviendo bastante extenso.

A continuación, revisé las capas de mi mapa de degradado para ver si algunas se verían mejor en el modo de combinación de colores. 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, lo recorto en 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 falsificar tonos más claros en los degradados para compensar los 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 profundizarse más y más.

Conclusión

¡Y con eso finalmente hemos terminado! ¡Hemos convertido con éxito 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 queremos porque en cualquier momento podemos volver atrás e iterar los colores de nuestro personaje tantas veces como queramos.

Muchas gracias por quedarse conmigo hasta el final de este tutorial. Realmente espero que este video junto con el artículo brinden información útil y consejos para ayudarlo a comprender mejor los mapas de gradiente y todas las pequeñas sutilezas y tecnicismos que los rodean.

 

Sin embargo, eso será todo para mí, debo regresar a mi cripta para un sueño largo y profundo. Te veré de nuevo pronto con suerte. :)

 

Saludos,

 

-Crimsy