«¡Juega audazmente con los colores mientras mantienes los colores intrínsecos!»

El tema de hoy es «ilustraciones llenas de color».

 

¿Alguna vez te has encontrado en una situación frustrante como esta?

¡Los colores intrínsecos^ de los personajes y objetos que quieres dibujar no son vibrantes! ¡El resultado son ilustraciones con colores planos y aburridos! ¡Pero no puedes cambiar los colores a tu antojo porque son parte de la configuración original de esos elementos!

 

^Color intrínseco: Se refiere al color inherente de un objeto. Por ejemplo, la nieve limpia es blanca, la madera es marrón, etc.

 

Entonces, ¿cómo puedes hacer que los colores de tu ilustración sean más ricos?

En este artículo de TIPS, te daré algunos métodos para crear ilustraciones coloridas incluso bajo estas limitaciones.

 

 

【Introducción básica al color para principiantes】

En esta sección, haré una breve introducción a los principios básicos del color para explicar la terminología que se utilizará más adelante en el artículo.

Los lectores con conocimientos previos pueden ir directamente a la sección «Preparativos» para empezar.

 

 

✧ Introducción a los modelos de color HSV y HLS

Actualmente existen varios modelos de color de uso común para representar colores.

Uno de los más conocidos es el sistema HSV.

 

Las letras de HSV representan, respectivamente:

H: "Hue" (Tono) [Rojo>Amarillo>Verde>Azul>Violeta>Magenta: 0~359]

S: "Saturation" (Saturación) [Gris~Color: 0~100]

V: "Value / Brightness" (Valor/Brillo) [Oscuro~Claro: 0~100]

 

En el círculo cromático se muestra de la siguiente manera:

Además, Clip Studio Paint también tiene integrado otro modelo de color: el «modelo HLS».

Puedes cambiarlo haciendo clic en la siguiente ubicación:

Las letras de HLS representan, respectivamente:

H: "Hue" (Tono) [Rojo>Amarillo>Verde>Azul>Violeta>Magenta: 0~359]

L: "Lightness" (Luminosidad) [Oscuro~Claro: 0~100]

S: "Saturation" (Saturación) [Gris~Color: 0~100]

 

Es muy similar en uso al modelo HSV; puedes elegir el modelo que prefieras para seleccionar colores.

 

 

✧ Introducción a la terminología de la teoría del color

• Color intrínseco: El color que presenta un objeto bajo luz natural.

Métodos de combinación de colores:

• a. Colores análogos: Colores adyacentes al color principal en el círculo cromático. Cuando se usan juntos, dan una sensación cómoda y natural.

• b. Colores complementarios: Colores opuestos al color principal en el círculo cromático. Cuando se usan juntos, dan una sensación de fuerte impacto.

• c. Combinación de colores complementarios adyacentes: Se usan los colores adyacentes a un lado del color complementario del color principal.

• d. Combinación de colores complementarios divididos: Se usan los colores adyacentes a ambos lados del color complementario del color principal.

• e. Combinación de colores triádica: Se usan tres colores que forman un triángulo equilátero en el círculo cromático. También puede dar una sensación de impacto, pero es más vibrante que los colores complementarios.

• f. Combinación de colores rectangular (tetrádica): Se usan cuatro colores que forman un rectángulo en el círculo cromático. Los colores son aún más vibrantes, pero se debe prestar atención al equilibrio del color.

【Preparativos】

Antes de empezar, divide tu ilustración en las siguientes capas como mínimo para facilitar el trabajo:

1. Línea

2. Sombra de la piel

3. Color base (intrínseco) de ojos y piel

4. Sombra principal

5. Color base (intrínseco)

6. Fondo

 

Los ojos y el color de la piel se han separado especialmente porque los colores de estas dos partes son más difíciles de controlar.

También puedes subdividirlo según tus preferencias, por ejemplo, separando el fondo y el primer plano de los personajes, o teniendo más de una capa de sombras, etc.

 

 

✧ Ejemplo ilustrativo

La imagen de ejemplo de esta vez es «una chica asiática con uniforme de marinero rodeada de plantas». Los colores de las características biológicas del personaje (como el pelo y los ojos negros) y el color intrínseco de las hojas (verde) ya están establecidos y no se pueden cambiar a voluntad.

 

Para facilitar la explicación, utilicé un estilo de coloreado cel (bloque de color). Pero en realidad, está bien usar ilustraciones con otros estilos de coloreado.

Además, por favor, identifica qué elementos en tu ilustración pueden cambiar de color libremente. Esta parte puede usarse para la armonía general y como amortiguador en el futuro.

 

En la imagen de ejemplo, como los colores intrínsecos de los personajes y las hojas ya están fijos, decidí asignar el cielo como la parte de color libremente cambiable.

Primero, el cielo, además de azul, puede tener variaciones de color como naranja o púrpura; segundo, la importancia del cielo en esta ilustración es menor que la de los personajes y las hojas, por lo que la atención del lector hacia él también será relativamente menor, lo que da al artista más espacio para variar.

 

A veces, con solo cambiar esta parte, ya se puede lograr un efecto de contraste de color. Abajo, he cambiado el cielo a un fondo rojo. ¿Sientes que la imagen tiene un mayor impacto?

Por supuesto, si deseas mantener un fondo de cielo azul debido al tema del dibujo, no hay problema. A continuación, te presentaré varios métodos de procesamiento para que los consultes.

1. 【Uso de sombras de alta saturación】

✧ Cambiar las sombras originales a colores de alta saturación

Aquí cambié las sombras a un color púrpura de alta saturación y baja luminosidad.

 

Sobre la configuración de las propiedades de la capa de sombra:

• Si el área de la sombra cubre solo un color intrínseco, puedes usar las propiedades de capa Normal o Multiplicar color;

• Si el área de la sombra tiene más de un color intrínseco, usa las propiedades de capa como Multiplicar color.

Por ejemplo, la capa de sombra de las hojas puede usar Normal o Multiplicar color (porque solo hay un color intrínseco: «verde»);

mientras que la capa de sombra de la ropa debe usar Multiplicar color (porque los colores del cuello, lazo, etc., son diferentes).

Ten en cuenta que el color de la piel y los ojos no pueden usar el mismo púrpura que otras áreas; es necesario ajustar la luminosidad y la saturación por separado.

 

El tono de la sombra de los ojos puede ser similar al color de sombra principal (púrpura), pero con un poco menos de saturación;

mientras que el tono de la sombra de la piel debe estar cerca de su color intrínseco.

(Además, también aumenté la saturación del azul cielo para que coincidiera con la imagen).

Si, después de añadir sombras, no se distingue el color intrínseco, puedes reducir la saturación del color de la sombra.

Por ejemplo, en la imagen de abajo, se usó una sombra roja, y el cuello azul del uniforme de marinero se vuelve irreconocible en su color original. Por lo tanto, mantuve el tono sin cambios y reduje la saturación hasta que el color intrínseco fuera aproximadamente reconocible.

✧ Cómo elegir el color de la sombra

Número de colores de sombra:

Para mantener la uniformidad de la imagen, sugiero que los principiantes empiecen con un solo tono de sombra, y que las sombras de los ojos y la piel se ajusten a partir del color elegido. Si alguna parte no se ve bien, también se puede lograr un efecto de equilibrio ajustando la saturación y la luminosidad de la sombra de esa parte.

Una vez que te familiarices, puedes intentar usar sombras de colores análogos (es decir, más de un color) para ampliar gradualmente el rango de uso de colores.

 

Cómo decidir el tono:

Primero, identifica el «color intrínseco que ocupa la mayor parte» en la ilustración, y luego elige el color complementario o un color adyacente al color complementario de ese color intrínseco.

 

En la imagen de ejemplo, el color que ocupa la mayor parte es el «verde» de las hojas. Por eso, arriba utilicé el rojo y el púrpura como ejemplo para el procesamiento de sombras. Si se hubieran usado colores análogos al verde, el efecto de impacto cromático no sería tan bueno como con el rojo o el púrpura.

Como abajo, donde usé un color de sombra azul verdoso; en una comparación lado a lado, puedes ver claramente que la sensación es muy similar a la imagen original, y el efecto es mucho menor que con sombras rojas o púrpuras.

 

 

Cómo decidir la saturación:

Para hacer los colores más vibrantes, sugiero empezar con colores de mayor saturación y luego hacer ajustes finos según las necesidades individuales (por ejemplo, para los ojos y el color de la piel).

 

Cómo decidir la luminosidad:

Aconsejo a los principiantes que elijan colores con menor luminosidad que el color intrínseco, o que usen una capa con el modo de fusión «Multiplicar color» para añadir sombras, a fin de preservar el principio de que «las sombras son lugares oscuros».

Una vez que domines esto, puedes intentar cambiar las sombras de objetos con una estructura simple a colores más claros. ¡Te sorprenderás!

 

Por ejemplo, abajo intenté usar un rosa claro para la sombra de las hojas y luego ajusté el cielo a un color complementario adyacente al rosa. ¿Qué te parece?

2. 【Reemplazar las áreas originalmente negras con otros colores de alta saturación】

✧ Seleccionar las partes a reemplazar con otros colores de alta saturación

• Línea

• Oclusión ambiental (es decir, las áreas de sombra más oscuras de toda la ilustración)

• También se pueden seleccionar otras áreas muy oscuras

La diferencia de estas sombras con las mencionadas en la primera parte es que no se selecciona «toda una zona» de sombra, sino solo las partes «más oscuras». Por supuesto, también puedes decidir cuántas partes seleccionar según tus preferencias; seleccionar solo la parte del line art también está bien.

 

 

✧ Cómo elegir el color de reemplazo

• Puedes empezar con colores de alta saturación —【Ejemplo I, II】

• Presta atención a la luminosidad; si el color es demasiado claro, dificultará la distinción de la estructura original del objeto (especialmente si la zona seleccionada contiene muchas sombras) —【Ejemplo III: El cabello que el personaje sostiene en la mano ya casi no se distingue】

• Puedes añadir un degradado de varios colores análogos para aumentar el interés —【Ejemplo IV: Se añadió un degradado de violeta a rojo】

3. 【Postprocesamiento con filtros】

En esta sección, me centraré en explicar cómo hacer que una ilustración sea más colorida utilizando métodos de postprocesamiento sin modificar la imagen original.

✧ A. Aumentar la saturación

Añade una capa de corrección tonal en la parte superior y aumenta la saturación. La luminosidad se puede ajustar finamente según la imagen en general.

 

Este método hace que los colores de la imagen sean más ricos, pero no añade más colores con diferentes tonos. Por lo tanto, puede considerarse una función auxiliar para usar junto con otros métodos de postprocesamiento que se detallan a continuación.

✧ B. Ajustar los colores existentes con imágenes coloridas

Añadí este material en la parte superior de la ilustración y configuré la propiedad de la capa como «Mezcla de superposición de línea sólida», con una opacidad del 30%.

 

Como esta ilustración utiliza un estilo de coloreado con bloques de color, usé esta propiedad de capa para lograr esa sensación de bloque de color. Otras propiedades de capa como «Aclarar» o «Luz puntual» también son buenas opciones.

 

Esta acción puede añadir una sensación de dinamismo tonal a tu ilustración desde una perspectiva microscópica. Puedes ver que las hojas ahora tienen más de un color, pero al mismo tiempo mantienen su atributo «verde».

 

 

✧ C. Añadir imágenes coloridas a la escena existente

Añadí este material en la parte superior de la ilustración y configuré la propiedad de la capa como «Trama», con una opacidad del 75%.

 

Dado que el contenido de la ilustración es en exteriores, añadir destellos prismáticos generados por la refracción de la luz solar a través de una lente también es una buena opción.

Además de los píxeles de imagen preexistentes, también se pueden usar pinceles de tipo prisma de arcoíris y propiedades de capa como «Superponer».

 

Esta acción puede añadir directamente más colores con diferentes tonos a la imagen. Incluso si se utiliza una imagen con solo colores análogos, siempre que sea de una gama de colores diferente a la original, se pueden obtener resultados bastante buenos.

4. 【Añadir elementos dibujados】

Dado que los colores intrínsecos de los objetos existentes no se pueden cambiar, para añadir más color, ¡incorpora otros elementos!

 

 

✧ D. Añadir un borde de color

Aquí añadí un borde grueso con un degradado de amarillo anaranjado y configuré la propiedad de la capa como «Luz puntual», con una opacidad del 50%.

 

 

✧ E. Añadir patrones que se puedan rellenar con cualquier color

Aquí se refiere a patrones decorativos.

Se pueden usar patrones que se puedan rellenar con cualquier color, como estrellas, corazones, lunares, rombos, patrones de líneas, etc. Depende de qué tipo de patrón se ajuste al tema y estilo de tu ilustración.

 

 

✧ Cómo elegir el color de los elementos adicionales

Sugiero usar el color complementario o un color complementario adyacente al «color intrínseco que ocupa la mayor parte de la ilustración». Y entre los elementos añadidos, usa colores análogos.

Esto aumentará la sensación de dinamismo tonal sin que la imagen parezca demasiado desordenada en cuanto a colores.

 

En la imagen de ejemplo, el color que ocupa la mayor parte es el «verde» de las hojas, por lo que elegí el «rojo» y sus colores análogos, la «gama de amarillo anaranjado», para los elementos adicionales.

 

 

Apéndice: Cómo lograr el equilibrio de color

Cómo elegir los colores es siempre un problema molesto para los principiantes.

Aquí te ofrecemos dos enfoques como referencia:

 

 

1. Ajustar la saturación y la luminosidad del color

Después de seleccionar varios tonos, si no se ven bien juntos, intenta ajustar su saturación y luminosidad.

 

Por ejemplo, abajo usé el método de combinación rectangular de colores, obteniendo cuatro tonos (a la izquierda). Pero se veían muy estridentes y no eran atractivos.

Así que reduje la saturación del magenta y el verde, reduje la luminosidad del azul y mantuve el rojo sin cambios.

El resultado de esta combinación de colores, además de ser vibrante, tiene un sentido de diseño mayor que la combinación original.

2. Decidir o encontrar el color temático de la ilustración

Los colores, al igual que otras áreas de las artes visuales, necesitan tener un «principal» y un «secundario» para verse bien.

 

Intenta no aplicar los colores seleccionados de manera uniforme en el lienzo, sino ajusta sus proporciones, con más de unos y menos de otros, y prueba:

【Conclusión】

¡Terminado!

Con tantas versiones de color, ¿cuál es tu favorita?

¿Qué te pareció este tutorial?

¡Deja un comentario para hacérmelo saber! Espero que este tutorial te haya sido útil.

 

 

【Materiales utilizados】