La teoría del color es difícil. Colorear las cosas afectadas por la iluminación y la atmósfera de colores es difícil. Quiero decir, ¿cómo se ve una bola rosa bajo la luz verde?

Entonces, en este tutorial, enseñaré cómo convertir una ilustración "normal" en una ilustración desgastada. Le mostraré cómo usar capas de corrección para ajustar el estado de ánimo del color de la ilustración y los pinceles de Clip Studio Assets que puede usar para agregar más detalles ambientales.

 

En última instancia, es mejor si estos colores se pintaron de forma natural (con solo un poco de uso de la capa de corrección para los retoques) en lugar de depender completamente de las capas de corrección. Puede hacer esto haciendo primero una miniatura pequeña. Sin embargo, estas técnicas funcionan bien para webcomics, principiantes o si necesita hacer algo rápido.

 

“¿Hablarás sobre mapas de gradiente?”

Como puede ver en otros tutoriales meteorológicos, algunos artistas ya han hecho excelentes explicaciones sobre cómo usar mapas de degradado para graduar el color de su ilustración. En ese caso, no explicaré cómo usar los mapas de degradado. ¡Mira sus maravillosos tutoriales!

 

Y, en mi opinión, siento que los mapas de degradado pueden ser demasiado quisquillosos. Necesitaría saber qué modo de fusión de capas es mejor y qué tan transparente debe ser la capa. La misma capa también afecta tanto a la luz como a las sombras cuando es posible que las 2 deban separarse en 2 modos de capa diferentes. Más adelante, explicaré cómo se resuelve este problema con la capa de corrección de Balance de color.

En los mapas de degradado, también debe elegir los colores correctos y eso puede llevar algún tiempo. Los mapas de degradado son muy particulares. Con las capas de ajuste, se trata de controles deslizantes, por lo que es más flexible y fácil de usar.

 

Usaré esta ilustración mía para demostraciones y, como puede ver, está coloreada con iluminación neutra, también conocida como iluminación "normal".

Por cierto, el nombre de mi personaje es Dr. Mul :)

Fundamentos para saber

Las luces más brillantes producen colores más contrastantes, bordes de sombras más nítidos y sombras degradadas menos suaves.

¡Una forma más fácil de verificar qué tan contrastados son sus colores es usar un filtro de escala de grises!

1. Haz una nueva capa que esté encima de todas tus otras capas.

2. Ponga el modo de fusión de capas en Color

3. Rellene la capa con negro, blanco o gris.

Las luces cálidas producen sombras frías y las luces frías producen sombras cálidas.

Hay circunstancias en las que un entorno tendrá luces cálidas con sombras cálidas y viceversa, pero eso suele ocurrir en áreas iluminadas artificialmente, como habitaciones interiores. Este tutorial se enfoca en los cambios de color causados por el clima, que es un elemento natural y al aire libre, por lo que usaremos el principio mencionado anteriormente.

Generalmente, los rojos y amarillos son cálidos, mientras que los azules y verdes son fríos. Sin embargo, ¡todo es relativo y el contexto es importante! Por ejemplo, el magenta es más frío que el rojo.

 

Cómo usar capas de corrección + consejos

Para crear una nueva capa de corrección, vaya a [Capa] > [Nueva capa de corrección]. Verá muchos tipos de capas de corrección para elegir.

Este tutorial hará uso de estos 3 tipos:

1. Brillo/Contraste

2. Curva de tono

3. Equilibrio de color

Explicaré 2 y 3 ya que 1 debería ser muy sencillo.

NOTA: La diferencia entre el ajuste de brillo Brillo/Contraste y Tono/Saturación/Luminosidad es que el primero retiene más contraste entre los colores mientras que el segundo retiene menos contraste.

Así es como se ve la curva de tono. ¡No te dejes intimidar por su aspecto matemático!

El lado izquierdo del gráfico representa valores oscuros, mientras que el lado derecho representa valores más claros.

"¿Qué son los valores?"

Qué brillante es tu color. Va de 0 a 100. Cuanto más bajo es el número, más oscuro es. Puede verificar el número de su valor en el control deslizante de color y la rueda de color. Está marcado con una "V"

Conocer el número del valor es importante cuando usa mapas de degradado y curvas de tono, ya que le permite identificar en qué parte del mapa se encuentra su color para que tenga más precisión al editarlo.

Aquí es donde su filtro de escala de grises resulta útil, porque el número "V" no es el mismo para el color que para su versión en escala de grises. El número de la versión en escala de grises es más preciso.

Además, ¿ves cómo la curva de tono tiene rejillas? Cada línea representa el 25% del valor. Eeeeehhhh simplemente ignora los números "255".

¿Ves esos picos de montaña de color gris oscuro? Representan cuántos colores tienen un cierto valor. La mayor parte de mi ilustración tiene colores más oscuros, por lo que los picos están más altos en el lado izquierdo, lo que representa valores más oscuros.

Entonces, si quiero que mis valores más oscuros se vuelvan más claros, hago clic en la parte izquierda de la línea diagonal y la arrastro hacia arriba.

¿Ves cómo la línea diagonal se dobla en una curva, por lo que otros valores más claros se ajustan en consecuencia para que sean más claros?

Si no quiero que se ajusten los valores más claros, haré clic en ese lugar y lo fijaré.

Tenga en cuenta que esto dará como resultado colores menos contrastantes. Esto se debe a que ajusté mis valores más oscuros para que estén más cerca de mis valores más claros.

La mayoría de los ajustes estéticos de curva de tono de acción automática de bajo contraste que he visto han hecho que la línea diagonal parezca una escalera. ¡Intentalo!

Dato curioso: ¡Hacer que parezca una montaña puntiaguda da como resultado un filtro de arcoíris!

También puede poner capas de corrección en los modos de fusión, ¡así que diviértase eligiendo un modo de fusión para su filtro de arcoíris!

Cuanto más funky es la curva, más funky son los colores.

En la esquina superior izquierda de la ventana de la curva de tonos, puede acceder a realizar ajustes en los rojos, verdes y azules de su ilustración. Todo lo que acabo de explicar se aplica a esta parte también.

¿Quieres más rojo? Levante el punto en la curva. ¿Quieres menos rojo? Baja el punto.

¡Hacia el balance de color!

Hay 3 controles deslizantes, cian y rojo, magenta y verde, y amarillo y azul. Están dispuestos así porque son opuestos entre sí. Entonces, si quiere menos amarillo, agregará más azul.

En Gradient Balance, ahí es donde puede ajustar los colores de sus reflejos, medios tonos (sus colores base "normales", por así decirlo) y sombras.

Es por eso que prefiero ajustar mis colores con Color Balance en lugar de mapas de degradado. De esta manera, se siente más preciso y menos meticuloso.

Mantenga marcado "Mantener brillo" si desea mantener sus valores iguales. No se mantendrán completamente iguales, pero el programa hará todo lo posible 😅

Soleado y caluroso

El clima cálido y soleado significa que habrá una luz cálida para transmitir el calor, lo que significa que también habrá sombras frías. Este clima también tiene una luz más fuerte, por lo que las sombras son más duras y contrastadas.

Crea una nueva capa de Equilibrio de color. Los medios tonos tendrían un tono naranja cálido, así que mueva los controles deslizantes a amarillo y rojo. La distancia a la que debe mover los controles deslizantes depende del aspecto de su ilustración. ¡Así que solo juega hasta que se sienta bien!

Sobre ajustar las sombras, que deben ser frías. Es importante no exagerar ya que el tono general de la configuración aún debe ser cálido.

Además, puse más cian que azul porque el azul en este control deslizante es más un azul ultramar cálido. El cian es un azul más frío. Ya ves, incluso en los colores fríos titulares, ¡todavía hay un lado cálido y otro frío! ¡Todo es relativo!

Por último, lo más destacado. Deben ser amarillos.

Hmm... Sé que las luces brillantes y soleadas provocan sombras contrastantes, pero creo que mis sombras son demasiado oscuras y hacen que parezca una escena nocturna. Estaba pensando más en una calurosa y soleada tarde de 2pm.

Para iluminar un poco mis sombras, usé la curva de tono en lugar de otras capas de ajuste de brillo porque es más precisa.

Con mi filtro de escala de grises, descubrí que las sombras que quería ajustar tienen un valor de 75 e inferior, así que coloqué un "alfiler" en esa marca de 75.

El punto encerrado en un círculo amarillo es un punto de "alfiler", que se utiliza para evitar que se ajusten los tonos más claros.

Además de tener colores más cálidos, otra forma de indicar un día caluroso y soleado sería añadir sudor. Hay una gran cantidad de excelentes pinceles de gotas de agua en CSP Assets, pero la mayoría están destinados a usarse en un tamaño más grande, de lo contrario, se verían como manchas de color crujientes. Desafortunadamente, el Dr. Mul es pequeño, así que tuve que sacar el sudor manualmente.

¡Aunque no es difícil!

1. Dibuja el sudor con un color de realce (En este caso, es blanco)

2. Colirio con una sombra del color de la piel.

3. Usa ese color como sombra del sudor.

4. Si la gota de sudor es particularmente jugosa, pinte el color de la sombra en el interior.

5. Si el sudor es AÚN más jugoso, pinte un punto resaltado.

No pude subir un gif del proceso a pesar de que está dentro de la capacidad de carga, ¡así que lo subí a Twitter si quieres verlo!

Aquí está mi cepillo de sudor favorito por cierto. ¡Puedes encontrar más escribiendo "sudor" o "agua" en la página de Activos!

Si hace sol, eso significa que hay mucha luz brillando.

Esto significa que hay menos nubes bloqueando el sol. Pero para este, solo voy a tener un cielo despejado.

Para transmitir aún más la cantidad de luz que entra, agregue algunos rayos de luz y destellos de lentes. También he añadido partículas de polvo porque la luz intensa suele hacerlas más visibles. También se ve mejor

 

RAYOS DE LUZ:

• Modo de fusión de capas: Agregar (Brillo) porque tiene un bonito efecto de brillo

• Código hexadecimal de color: 6D5635. Un color fangoso, amarillo anaranjado.

• Para hacer más brillantes algunas partes, agregué blanco con un aerógrafo

• Hice algunos huecos en el rayo de luz para que no oscurezcan demasiado la ventana

 

DESTELLOS DE LENTE:

• El pincel que utilicé no te permite cambiar su color

• Modo de fusión de capas: Agregar (Resplandor)

• Usé un borrador suave para borrar algunas partes para que sean menos brillantes

 

POLVO:

• Usé el pincel Spray predeterminado. Lo puedes encontrar en la sección de aerografía

• Color blanco

• Modo de fusión de capas: Normal. 34% de opacidad

¡Hecho!

 

Aquí están los pinceles que he usado. El cepillo de destello de lente es gratis, el cepillo de rayos de luz es de 50 CP.

Nublado

Un clima nublado tiene muchas nubes que bloquean el sol, por lo que con menos luz viene una atmósfera más oscura y sombras menos contrastantes. Entonces, usé una capa de corrección de brillo/contraste.

Este clima tiene un tono más melancólico, por lo que debería tener un ambiente de color más frío.

Debido a que no hay mucho juego de luces y sombras, la mayoría de los ajustes se realizan en los medios tonos.

Sé que ya oscurecí toda la ilustración, pero quiero que el cielo se vea más sombrío, así que con una capa de corrección lo oscurecí.

Como no hay mucha luz fuerte, bajé la opacidad del brillo del vidrio en las ventanas y los vidrios.

¡Sobre las nubes! Deja caer el color de tu cielo y oscurece ese color como si fuera un color de sombra. Ese será el color de tu nube.

Aquí está el pincel que usé para la nube. ¡Es gratis! Usé [雲 単色 V]

La perspectiva afecta todo, ¡incluso las nubes!

La parte oscura es solo la parte inferior de las nubes. Usa el blanco para indicar la parte superior de las nubes. Después de dibujar la parte blanca, borro un poco de la parte inferior con el mismo pincel de nube para que parezca que estamos mirando la parte inferior más que la parte superior.

Pensé que las nubes se veían demasiado nítidas por estar tan lejos, así que usé un poco de desenfoque gaussiano en ellas.

También pensé que mis hojas se veían demasiado "soleadas", así que con una curva de tono, lo atenué. Usé la curva de tono en lugar del ajuste de brillo/contraste porque quería ser más específico.

Finalmente, bajé la opacidad de los reflejos en la camisa de Mul. El clima más oscuro requiere reflejos menos intensos.

¡Y hecho!

Tormenta de lluvia sombría

Para convertirlo en una escena lluviosa normal, solo agregue algunas gotas de lluvia a la ilustración nublada y listo. En cambio, te mostraré cómo hacer algo más dramático, ¡como una tormenta! Usaré la misma ilustración nublada.

 

Primero, lo oscurecí más con la curva de tonos porque no quiero oscurecer todo. Quiero conservar el brillo de los reflejos (valor superior a 80) porque quiero que los rayos produzcan reflejos brillantes.

Luego, con una capa de balance de color, agregué más cian y azul a las sombras.

Oscurecí las nubes y usé un nuevo degradado para el cielo. Es 19瞑色 y configuré su opacidad al 70%

¡Es hora de agregar un rayo! Usé el pincel 雷ブラシ de este paquete de pinceles de rayos gratis.

¡Recuerda que los rayos funcionan como venas o grietas! A veces se ramifican entre sí.

Todavía tengo la composición en mente, así que no dibujaré relámpagos en patrones aleatorios. Habrá un gran relámpago en la ventana del medio, que será el punto focal. Los otros rayos serán mucho más pequeños pero permanecerán cerca del grande.

Además, los rayos múltiples normalmente no ocurren dentro de las proximidades entre sí, por lo que no habrá muchos rayos visibles en esta ilustración. ¡Además de ser realista, esto también ayuda a guiar el ojo en la composición y causa menos desorden visual!

 

Dibujé un rayo blanco en una capa Normal. Así es como hice un efecto de brillo:

1. Capa de rayos duplicada

2. Establezca el modo de fusión de capas en Agregar (Resplandor)

3. Usa el desenfoque gaussiano

4. Baja la opacidad hasta que se vea bien

Solo hay una fuente de luz muy estrecha, y quiero que la atmósfera sea más dramática y sombría, así que oscurecí los marcos de las ventanas y las paredes circundantes, excepto la del medio.

Lo mismo se aplica al brillo del vidrio. Volví a subirlo al 100 % de opacidad y usé una capa de enmascaramiento para borrar un poco de las partes que no estaban en el medio.

Quería transmitir un viento fuerte, ya que se sumaría a la atmósfera, por lo que al agregar hojas sopladas, puedo implicar un viento fuerte. Luego, para transmitir REALMENTE lo ventoso que está, agregué el desenfoque de movimiento. Acceda a él yendo a [Filtro] > [Desenfoque] > [Desenfoque de movimiento]

Debido a que el filtro de desenfoque de movimiento le permite ajustar el ángulo de dirección, me aseguro de inclinar hacia la dirección del viento, que sopla hacia la derecha. Elegí esa dirección porque coincide con la inclinación del rayo. De esta manera, sigue la línea de acción.

Quiero que haya más de un punto focal en el relámpago brillante, así que con una capa Multiplicar, pinté con aerógrafo un poco de gris en la parte izquierda del cielo.

Las capas de corrección no pueden hacer todo el trabajo por usted. A veces es necesario ajustar las cosas manualmente.

Quería que la parte más cercana a la ventana fuera brillante, mientras que el resto retrocede a la sombra. Entonces, apliqué con aerógrafo algunos reflejos en la cabeza y el codo de Mul, luego apliqué con aerógrafo algunas sombras grises frías en las partes que sentí que eran demasiado brillantes (su camisa, su cara y el asiento) en una capa Multiply.

Por último, ¡es hora de hacer la lluvia! Aquí está el pincel gratis que usé.

Ya hay mucho ruido visual de la lluvia en la ventana, así que optaré por no agregar gotas de lluvia en el fondo. Además, la ventana está más cerca de nosotros, por lo que la información visual es más importante allí que en el fondo.

Cuando el viento es lo suficientemente fuerte, puede enviar gotas de lluvia cayendo en ángulo, así que hice eso aquí para transmitir más vientos fuertes.

 

¡Y hecho!

Apocalipsis

Como un asiático del sudeste que solo ha estado en un país nevado una vez, me temo que no puedo darte consejos sobre el clima nevado. Sin embargo, ¡PUEDO mostrarte cómo hacer una escena apocalíptica genial! ¡Usando todo el conocimiento de las capas de corrección de las que he hablado, puede crear cualquier clima/atmósfera que desee!

 

Imagina un meteorito extraterrestre golpeando la Tierra. El gas que emite convierte el aire que nos rodea en un verde enfermizo y en altitudes más elevadas convierte el aire en un brumoso rojo sangre.

Entonces, los medios tonos y los reflejos serán rojos, mientras que las sombras serán verdes.

Hmm... Creo que mis reflejos son demasiado brillantes. Los atenuaré. También oscureceré un poco mis sombras y haré que mis sombras más oscuras sean menos oscuras.

Filtro arcoiris!!! Agrega una especie de efecto de derrame de petróleo nebuloso, como en la película Aniquilación.

Para este, usé una nueva capa de curva de tono. También era bastante fuerte, así que ajusté la opacidad de la capa al 38%.

¡Hora de los toques finales!

Elegí el color rojo del cielo y puse un degradado sobre la ilustración, en una capa de Luz suave.

Luego, en una capa Add(Glow), agregué humo verde. Desafortunadamente, no puedo vincularles el cepillo de niebla que usé porque me lo dio un amigo, ¡pero estoy seguro de que pueden encontrar alternativas en CSP Assets!

Muchas gracias por leer mi tutorial.

¡Espero haber explicado bien estas técnicas y espero que te sean útiles!