Introducción + Tutorial en video

En este tutorial, enseñaré cómo colorear un tono de piel. Personalmente, colorear el tono de piel es probablemente lo más complicado de colorear, pero intentaré desglosarlo en capas para que sea más fácil de entender para todos.

 

Habrá cambios de nombres, ya que en realidad lo aprendo principalmente a través de la observación más que sabiendo cómo se llama, pero también usaría algunos nombres que entiendo mejor, como los de la configuración de juegos y otros artistas que lo mencionan, incluidos mis amigos.

Si no eres de leer, el tutorial en video también estará disponible en este enlace.

1. Breve comprensión del comportamiento de la luz

Este será un rápido repaso sobre el comportamiento de la iluminación antes de que podamos proceder a colorear el tono de piel.

 

Usaré una esfera, ya que es una gran forma primitiva para la visualización.

En este punto, no pensemos en el proceso de cómo hacerlo, llegaremos a eso más tarde.

 

Por ahora, centrémonos más en lo que hay aquí y allá.

1A. Colores principales

Esto es bastante simple, directo al grano.

A. Será el color principal de la piel.

 

B1. Será la sombra. Puedes usar Multiplicar para ello. Se supone que las sombras son negras, pero como hay mucha luz rebotando, en algún momento pueden entrar pequeñas luces, de ahí una sombra gris.

 

B2. Se llamará sombra proyectada. Una sombra que se forma después de que un determinado objeto bloquea la luz.

 

C. Será el color de la piel iluminada.

Como puedes ver, el objeto es demasiado plano ya que aún no tiene suficientes detalles.

¿Qué está pasando dentro de la sombra?

Ahora, las cosas se pondrán más interesantes cuando agreguemos luz de rebote y sombras en las esquinas.

D. Oclusión ambiental, o podemos usar esquina oscura para que sea más fácil de entender para los principiantes, la sombra que existe dentro de la esquina que ayuda a que el objeto sea menos plano. Esto existe dentro de cualquier sombra.

En gráficos de juegos, la oclusión ambiental en las sombras proyectadas también se puede llamar Sombras de contacto, esto ayuda a que los objetos parezcan realmente en contacto con el suelo.

E. La luz ambiental (luz indirecta, luz de rebote, luz reflejada) es la luz causada por el entorno. Estas existen en las sombras, y también son la razón por la cual las sombras no parecen negras. En este punto, la luz ambiental proviene del cielo ya que es una toma al aire libre.

La intensidad de la luz de rebote depende de lo fuerte que pueda ser la luz principal.

 

La fuente de luz aquí es el sol, y como el sol es demasiado fuerte, la luz debería rebotar en el suelo, golpeando la sombra de la pelota.

¿Qué está pasando dentro del Resalte?

Ahora el resalte no es solo plano, también están sucediendo cosas en él, pero un poco diferentes.

F. La Luz de Borde es algo que le cambié el nombre por mi cuenta para que me fuera más fácil de entender y recordar, ya que el inglés no es mi primer idioma. En las clases de arte, la llaman Luz Central, donde el área absorbe la mayor cantidad de luz.

 

Aparece en el borde de los objetos redondeados debido a nuestra perspectiva hacia el sujeto. Es una luz colectiva que tendemos a ver debido a su ángulo diagonal con respecto a nuestra perspectiva.

Es tan sutil, pero está ahí. Es un pequeño toque para hacer el objeto más redondeado.

G. La Luz Especular suele aparecer donde la luz principal rebota hacia tus ojos. Principalmente existe en objetos brillantes, pero siempre lo tengo en cuenta ya que cualquier tipo de objeto o piel puede estar húmedo o tener un poco de brillo en algún momento.

 

El de la izquierda es el material brillante, el de la derecha será el material de piel normal.

Utilizo el término iluminación especular ya que conocía la palabra del software 3D. Básicamente es el reflejo de la fuente de luz principal, y se difuminará si el objeto no es lo suficientemente brillante, como los materiales mate como el caucho.

1D. Un cambio radical

La luz y la sombra por sí solas no son suficientes para el color de un tono de piel, ¡debe haber una dispersión subsuperficial!

 

Izquierda: Ninguna

Derecha: con dispersión subsuperficial

La dispersión subsuperficial ocurre cuando la luz se dispersa debajo de la piel o de un objeto. El color debajo de nuestra piel es rojizo, por eso aparece rojo o naranja cuando lo vemos.

 

Esto aparece entre la sombra y la luz, pero principalmente dentro del área de la sombra, ya que no es lo suficientemente brillante como para revelarse en la superficie iluminada.

 

Podremos ver el color debajo de nuestra piel porque nuestra piel es un poco translúcida.

 

Pero la subsuperficie también puede ocurrir en cualquier tipo de objetos, no solo en la piel, aunque será muy sutil o dependerá del material.

---

Ahora, lo bueno de este método es que también podría funcionar con diferentes colores de tono de piel y aún se vería bien, pero con una pequeña corrección tonal.

2. Aplicándolo a un sujeto complejo

Ahora, todo parece más simple porque estamos usando un objeto sencillo. Pero, ¿qué pasa si lo aplicamos a un sujeto real, como un ser humano?

2A. Colores planos

Lo primero que debes hacer es aplicar colores planos a tu dibujo. Haz el arte lineal lo más fino posible, ya que lo eliminaremos más tarde, pero es opcional conservarlo.

Asegúrate de mantener el color de la piel y otros colores en capas separadas. Tendrá un propósito más adelante.

En el tono de piel, debe haber superficies rojizas en áreas donde tenemos pieles delgadas como las mejillas, la nariz, los hombros, los nudillos, las rodillas y los codos.

 

Y también en algunas áreas que están siendo apretadas y zonas de tensión.

Una vez que hayas apagado el arte lineal, todo resultará plano, por eso, añadir una sombra será necesario.

 

Ver ejemplo a continuación:

Izquierda = Sin arte lineal ni sombra

Derecha = con sombra

2B. Añadiendo la sombra y la luz mientras se configuran herramientas útiles

Sigue estos pasos para añadir la sombra.

 

1º crea una nueva capa y rellena todo el lienzo con color negro. Para hacerlo rápido, simplemente mantén pulsada la tecla Alt y luego suprime.

2º. Mantén pulsadas las teclas Ctrl y Shift y luego haz clic en la miniatura de las 2 capas (Capa de piel y Otras capas de color)

 

Esto creará una selección basada en las 2 capas juntas.

3º. Ahora, con la selección activa y todavía en la Capa de sombra, pulsa el botón Crear máscara de capa.

Esto recortará la imagen basándose en la selección que has hecho.

Esto te permite pintar solo dentro de la máscara. Solo asegúrate de haber seleccionado la capa mientras lo haces, no la máscara. Si no, simplemente haz clic en la miniatura de la capa.

4º - Establece el modo de capa en multiplicar.

 

Pero como es demasiado oscuro, en lugar de bajar la opacidad, sugiero usar Tono/Saturación/Luminosidad

 

Para ir allí, despliega Editar > Corrección tonal > Tono/Saturación/Luminosidad

Luego, sube el deslizador de luminosidad para que la sombra parezca gris.

5º - Prepara las herramientas que usarás.

 

Con tu herramienta de cuentagotas, configura la propiedad de la herramienta en Capa actual, para que solo copies los colores dentro de la capa seleccionada.

Entonces, estos dos serán tus mejores amigos. En lugar de usar el borrador, intercambio el color del pincel y el transparente. El atajo para este botón es la tecla C en tu teclado.

Y todo lo que tienes que hacer es elegir un pincel suave y usar un pincel transparente para eliminar sombras, o seleccionar el color de la sombra para mantener la consistencia del gris oscuro, y luego volver a añadir la sombra si es necesario.

 

Usa tu arte lineal como guía.

Ahora, el timelapse completo de 15 segundos está aquí para mostrar todo el proceso. Siempre puedes usar diferentes pinceles para que coincida con tu estilo, o usar desenfoque y fusión si es necesario.

A partir de ahora, usarás estas herramientas repetidamente hasta el final, así que tenlas en cuenta.

Ahora, para añadir la luz, necesitas crear una Nueva Capa y establecer el Modo de Fusión en Luz Fuerte.

Puedes copiar y pegar la máscara de la sombra manteniendo pulsada la tecla Alt mientras arrastras el enmascaramiento a la Capa de Luz.

Así que, a partir de aquí, repetirás algunas otras acciones que has hecho recientemente.

• Rellena el lienzo con el color de luz que desees

• Ctrl y haz clic en la vista previa de la miniatura de la sombra (no la máscara)

• luego presiona suprimir, dejando solo el lado opuesto de la sombra.

• ajusta el brillo usando el deslizador de Luminosidad tal como hicimos en la sombra, o cambiando el color arrastrando el deslizador de Tono y el deslizador de Saturación.

Ver GIF para referencia visual.

El cabello debería ser brillante, lo sé, pero lo arreglaremos más tarde cuando lleguemos a los brillos especulares.

Ahora, has aplicado la Máscara a la Capa. Selecciona la capa con la máscara y haz clic en el botón Aplicar Máscara de Capa junto al botón de eliminar.

2C. Añadiendo esquinas oscuras

Aquí es donde entran la Oclusión Ambiental (Esquinas Oscuras) y la luz de rebote. Comenzamos con la Oclusión Ambiental primero añadiendo otra capa en Modo Multiplicar encima.

Usaremos el lazo para seleccionar las esquinas y las oscureceremos con un pincel suave.

Después de aplicar la Oclusión Ambiental a la mayoría de las esquinas, oculta el arte lineal y observa la diferencia entre el antes y el después.

 

Izquierda: sin Oclusión Ambiental

Derecha: con Oclusión Ambiental

La oclusión ambiental da más profundidad dentro de la sombra sin la ayuda del arte lineal.

 

Todavía puedes mantener el arte lineal si quieres, y aún puedes aplicar oclusión ambiental, pero sería mínima.

2D. Añadiendo la luz de rebote y la luz del cielo

Ahora vamos a añadir un poco de Luz Ambiental a la sombra solo para darle más profundidad. Para que eso suceda, debe haber un fondo.

 

Intentemos añadir un cielo y una pared blanca detrás del sujeto como ejemplo de luz de rebote.

Vamos a añadir 2 luces ambientales a la escena. La luz del cielo y la luz de rebote de la pared.

 

Las 2 deben tener capas separadas.

 

Como la luz ambiental solo aparece debajo de la sombra, coloca la Nueva Capa encima, junto a la sombra.

Y luego cambia el modo de capa de esas 2 a Luz Suave.

Luego, crearemos una máscara en las 2 capas de iluminación ambiental usando la silueta de la capa de sombra.

 

Ctrl y haz clic en la miniatura de la capa de sombra, y crea una máscara en las 2 capas de luz ambiental.

Y ahora, podemos añadir la luz del cielo al tono de piel y la luz de rebote de la pared.

 

Pero antes de hacer eso, analicemos primero dónde incidiría la luz.

Y una vez que lo averigües, intenta añadir esas luces a la sombra, estás listo para aplicar la luz.

---

A mi manera de hacerlo, simplemente uso un pincel suave grande y lo aplico en el área general, luego borro algunas partes que no están incluidas.

Si el color no es el correcto, aún puedes usar Tono/Saturación/Luminosidad.

 

El objetivo es hacerlo sutil para la luz del cielo y dar forma al sujeto con la luz de rebote.

Así es como se ve una vez terminado. Hay una gran diferencia entre el antes y el después.

 

Izquierda: Antes

Derecha: Después

También puedes notar que hay un color rosa en su brazo

eso se debe a que el color de la superficie también podría afectar el color de la luz de rebote.

 

Mientras trabajaba con la luz de rebote, también intenté añadir más esquinas oscuras que había pasado por alto.

2E. Añadiendo luces extra

Ahora el siguiente paso es añadir la Luz Central y la Iluminación Especular.

 

Puedes añadir una nueva capa de la misma manera que hicimos con la Iluminación Ambiental.

• 2 Nuevas Capas encima de la Capa de Luz

• Ctrl y luego Clic en la miniatura de la Capa de Luz

• Luego Crea Máscara de Capa en las 2 nuevas Capas, para Luz Central e Luz Especular.

Con el uso de un pincel suave, añade una luz sutil en los bordes.

 

Esto no es muy obvio, así que no te preocupes si apenas lo ves.

 

Izquierda: SIN Luz Central

Derecha: CON Luz Central

---

Ahora añadiremos iluminación especular. La iluminación especular es una de las mejores para realzar la belleza de tu trabajo. Al añadirla, sugiero aplicarla usando un Pincel Duro.

 

Piensa en tu sujeto como si fuera brillante, luego aplica pintura blanca en las áreas donde crees que aparecería el reflejo de la luz principal.

Ahora, la nitidez del reflejo depende de cuán brillante sea el material.

 

Lo especular en la piel y la ropa debería aparecer suave, mientras que otras áreas como los ojos y el cabello deberían aparecer brillantes.

Dado que el cabello es brillante, el color circundante del brillo debe oscurecerse.

 

Hay dos formas de arreglarlo. Puedes extender la Capa de Sombra en esa área y repetir parte del proceso por el que hemos pasado, o simplemente usar la capa de Oclusión Ambiental.

 

Por mi parte, ya que estamos aquí, solo usaré la capa de Oclusión Ambiental para pintar manualmente un tono oscuro alrededor.

Ahora el resultado debería verse así

2F. La magia de la Dispersión Subsuperficial

La dispersión subsuperficial es lo último que tenemos que añadir, y es crucial para un renderizado de tono de piel.

 

Dado que lo añadiremos en el borde de la sombra, la configuración de la capa será similar a la de la iluminación ambiental, pero con una pequeña modificación.

Simplemente añade una nueva capa con un modo de fusión de Luz Fuerte, y con el mismo enmascaramiento que la luz ambiental, y debe estar encima de esas 2 capas.

Ya que solo vamos a añadir la dispersión subsuperficial debajo del tono de piel, debemos excluir las áreas donde está la ropa.

 

Ese es el punto de separar la capa de piel y otros colores.

 

La acción que debes hacer es:

• Mantén Ctrl y Haz clic en las Otras Capas de Color para hacer una selección de esa capa

• Selecciona la Máscara de la Capa de Dispersión Subsuperficial

• Luego presiona suprimir

Ahora, tendrás una máscara solo en la superficie de la piel.

 

Luego, lo siguiente que harás es aplicar la dispersión subsuperficial en los bordes entre la luz y la sombra.

 

Puede llevar tiempo si lo haces manualmente, lo cual se supone que está bien, pero ¿qué pasa si tu sombra fuera así?

Esto sería tedioso de trabajar

---

Ahora asegúrate de que estás seleccionando la miniatura de la Capa Subsuperficial, no la Máscara, ten eso en cuenta.

Mantén Ctrl y luego selecciona la Máscara de la Capa de Sombra para hacer una Selección

Asegúrate de tener tu Pincel Redondo o Pincel Duro

 

con un color Rojo-Naranja (pero se puede ajustar más tarde)

 

ve a Editar > Seleccionar Contorno

 

y aparecerá la Ventana de Selección de Contorno

 

Selecciona Dibujar en el borde con un ancho de línea de 10 (o se puede ajustar según lo que necesites)

Luego Presiona Enter

 

Ahora debería aparecer así

Si es demasiado grueso, puedes simplemente deshacerlo y repetir el proceso con un contorno más delgado.

 

Si es demasiado naranja o vibrante, puedes ajustar la saturación yendo a Tono/Saturación/Luminosidad.

 

Luego, una vez que tengas el contorno perfecto, puedes borrar las áreas innecesarias, difuminar algunos bordes y realzar la gran área de difuminado usando un Pincel Suave, especialmente en el brazo.

Pero, por supuesto, hacer el original fue más fácil y rápido

y ahora aquí está el aspecto final

Conclusión

El resultado final aún puede mejorarse si tienes más tiempo.

 

Siempre puedes terminarlo repintando todo si te sientes lo suficientemente cómodo.

 

Este estudio te sirve como guía sobre técnicas de iluminación y aprender esto podría mejorar tu habilidad de renderizado para el semi realismo.