Construyendo sombras: un tutorial de iluminación y sombreado

61 570

Weiweiweiwei

Weiweiweiwei

INTRO

¡Hola! Soy Weiwei, y llevo unos años dibujando digitalmente y me gustaría compartir algunos consejos y teorías fundamentales sobre la iluminación y las sombras. Espero que aprendas algo ~

 

Este tutorial está diseñado para personas que ya están familiarizadas con las herramientas básicas de CSP, como los modos de fusión de capas (MULTIPLY, GLOW DODGE, etc.), el bloqueo de píxeles transparentes y el recorte de capas en otras capas. ClipStudio tiene guías oficiales que explican estas funciones, así que échale un vistazo si es necesario. Sin embargo, ¡espero que haya algo útil aquí para artistas de todos los niveles de experiencia!

 

1. Configuración

Usaré este boceto de mi personaje original, Yan, como ejemplo. Es un dibujo bastante simple, por lo que solo tengo 3 capas en este momento: el lineart, todos los colores base en una capa y el fondo gris. Me gusta trabajar en gris en lugar de blanco porque es más neutral y me permite elegir mejor los colores más adelante. También es más fácil para mis ojos.

 

No se preocupe por colorear exactamente en las líneas en este momento, tener algunas imperfecciones (no demasiadas) le da al arte un aspecto más natural y espontáneo. Personalmente, me gusta poner los colores base más o menos con el pincel BIT HUSKY India Ink para obtener una textura natural. Vas a escuchar MUCHO sobre el cepillo BIT HUSKY ... es mi favorito :)

^ Sea testigo de mi pincel predeterminado CSP favorito. ¡Puede hacer todo y cualquier cosa!

 

¡Ahora, hagamos que el dibujo sea más interesante agregando sombras e iluminación!

Ayuda a pensar en luces y sombras usando la lógica del motor del juego. Los motores de juegos en 3D de estilo realista como Unity utilizan principios de física fundamentales y sombreadores 3D para generar sombras y cambiar los colores de los objetos con precisión. Desafortunadamente, no soy un robot / programa de computadora (¡y espero que tú tampoco!), Así que no puedo replicar esos efectos exactamente, pero entender la lógica detrás de esto, y sobre cómo la luz realmente afecta el color en la vida real, es un super Habilidad valiosa. En general, esto significa:

 

>> Piense en sus sujetos como una forma 3D, no solo una imagen 2D plana. >> Configurando las fuentes de luz primero, esto determina dónde deberían estar las sombras. >> Agregar otras interacciones de luz como luz ambiental, dispersión subsuperficial, iluminación difusa y especular, etc. ¡Puede ser tan complicado y realista como desee! >> Finalmente, algunos toques finales como filtros ambientales, material de objetos y detalles.

 

¡Vamonos!

2. Establecer fuente de luz

Para descubrir la mejor ubicación de la fuente de luz, hago muchas miniaturas rápidas de la colocación básica de sombras. En última instancia, estoy tratando de expresar un cierto estado de ánimo o atmósfera, y el sombreado / iluminación adecuado me ayudará a expresar eso. Sea testigo de estas pruebas de iluminación a continuación:

Algunas notas en las miniaturas de arriba:

Flechas amarillas = dirección de la luz

Si la fuente de luz es el SOL, se puede considerar que toda la luz proviene de la misma dirección, incluso si el sol irradia luz en todas las direcciones, porque está muy lejos. En la miniatura 4, la luz vendría de una fuente más pequeña, como una linterna u objeto brillante, para crear esas sombras más redondeadas.

 

1. LUZ DESDE ARRIBA: funciona muy bien para entornos al aire libre bajo un sol de mediodía o para sentarse dentro bajo una bombilla fuerte, etc.

2. ILUMINACIÓN DELANTERA: generalmente genérica / neutral y simple, se enfoca más en los rasgos faciales y menos en la iluminación dramática. Si no desea que el sombreado sea un punto culminante del dibujo, ¡no puede equivocarse con la iluminación frontal!

3. ILUMINACIÓN LATERAL: tener la mitad de su rostro en la sombra puede ser genial y dramático, especialmente con sombras muy oscuras

4. LUZ DE ABAJO - ambiente aterrador / peligroso, generalmente durante la noche, ¿tal vez ella está sosteniendo algo que brilla como una vela?

5. ILUMINACIÓN POSTERIOR: puede tener un sentimiento "épico". Si esta fuera una foto de Yan en pose de acción / lucha, la iluminación de fondo sería genial.

6. ILUMINACIÓN EN ÁNGULO: una fuente de luz diagonal es natural y neutral, tiene muchas posibilidades para el estado de ánimo

 

Estas no son todas las opciones de iluminación posibles, solo elegí algunas comunes. Por ejemplo, no he explorado completamente tener múltiples fuentes de luz, distancia y tamaño de la fuente de luz, o jugar con la exposición a la luz en estas pruebas ... ¡Las guardaré para otro tutorial en el futuro!

 

Para este tutorial, continuaremos con ILUMINACIÓN EN ÁNGULO (6). ¡Pero independientemente de la fuente de luz, los siguientes principios de iluminación siempre deben aplicarse de todos modos!

Nota rápida sobre el método:

 En esta etapa, sombreo con un gris neutro con el bolígrafo BIT HUSKY con una punta de pincel gigante: proporciona algo de textura y deja ver el color de las capas debajo, ¡pero es sutil! Las sombras se agregan en una nueva capa separada en la configuración MULTIPLICAR y se recortan en una carpeta que contiene los colores planos y las capas lineales. La imagen izquierda de arriba es antes de cambiar el modo de fusión / recorte de la capa, la imagen de la derecha es después. Al bloquear los píxeles transparentes de esta capa de sombra, puedo agregar color y más textura más adelante.

 

3. Interacciones de luz: color, sombras proyectadas y luz ambiental.

Hasta ahora, se ve bastante simple y plano con solo sombras básicas. La luz interactúa de muchas otras maneras para crear efectos visuales que pueden agregar interés al dibujo. Aquí es donde hacemos que las sombras sean más realistas.

SOMBRA COLOR.

Una regla general que puede haber escuchado antes es Luces cálidas = sombras frías, y viceversa. Esto no es del todo exacto, una mejor manera de pensarlo es: luz cálida = las áreas iluminadas por la luz serán más cálidas, por lo tanto, las sombras serán más frías que las áreas iluminadas. por lo tanto, la luz fría = las áreas iluminadas serán más frías de lo habitual, por lo tanto, las sombras serán más cálidas en comparación con las áreas iluminadas.

 

Para este dibujo, quiero una luz solar amarilla cálida en un día soleado (el azul del cielo tendrá un efecto de enfriamiento insignificante en el color de la luz), por lo que mis sombras deben ser de tono frío en comparación con el color base. Por lo tanto, bloqueo la capa de sombra del modo MULTIPLY y coloreo sobre el gris con un azul neutro / desaturado. Ahora la sombra tiene un tono genial.

 

V

SOMBRAS PROYECTADAS.

Cualquier objeto tridimensional estará en la sombra donde menos luz lo golpea, y también arrojará una sombra sobre las cosas detrás de él, ya que bloquea la luz para que no llegue allí. Ya puse algunas sombras proyectadas al principio, que se muestran en rojo aquí, principalmente la sombra proyectada por el cabello en su rostro y su cabeza sobre su hombro. De hecho, pienso en estas sombras proyectadas junto con sombrear el objeto en sí, ya que son lo suficientemente similares.

V

SOMBRAS CAST, cont.

Sin embargo, puede agregar otros elementos al dibujo indirectamente, haciendo que esos elementos proyecten una sombra visible. Agrego una gran sombra proyectada de color púrpura sobre su rostro para sugerir que está debajo de un refugio / techo, creando un estado de ánimo más melancólico / misterioso. E incluso si no estoy agregando un fondo adecuado, puedo agregar una sombra proyectada por el cuerpo de Yan y el techo que proyecta la sombra sobre su rostro, para empujar el fondo gris hacia el espacio.

 

V

^ Nota:

Para hacer rápidamente una sombra corporal:

>> duplicar y aplanar el arte lineal y las capas de color base en una sola capa >> bloquear la transparencia >> rellenar con un color neutro, utilicé un azul grisáceo >> aplicar un desenfoque gaussiano >> voila!

 

LUZ AMBIENTE Y OCLUSIONES DE LUZ.

La luz ambiental es la luz que proviene de otros objetos del entorno. Por ejemplo, si Yan tuviera una manzana roja en su hombro sombreado, la manzana arrojaría algo de enrojecimiento en las sombras a su alrededor. Aquí, la principal fuente de luz ambiental sería del cielo. El cielo es enorme, por lo que emitiría luz ambiental desde casi cualquier dirección.

 

Nota: la luz ambiental también teóricamente golpea las áreas iluminadas, no solo las sombras, sino que es mucho menos notable bajo la luz directa, por lo que simplemente no las considero ni las agrego en las áreas claras del dibujo.

 

OCLUSIONES DE LUZ

Las sombras proyectadas por el cabello de Yan sobre su rostro estarían protegidas / ocluidas de la luz ambiental.

Parte del hombro de Yan en la sombra proyectada por su hombro está bloqueado de la luz solar y de la luz ambiental, por lo que no recibirá ninguna luz, eso es una oclusión total de la luz y será la parte más oscura del dibujo.

 

Hay 2 formas en que agrego luz ambiental, le mostraré los dos métodos a continuación, 1 con las sombras centrales y 1 con la gran sombra proyectada.

 

V

^ 2 formas de agregar luz ambiental

 

1. Nueva capa encima de la capa de sombra

>> establecido en baja opacidad, mezcla normal >> dibuja luz ambiental azul en las sombras. Uso el pincel BIT HUSKY para dibujar las sombras nuevamente, luego el aerógrafo SUAVE para borrar algunas partes, para que el sombreado sea suave y gradual.

 

2. La misma capa que la sombra proyectada (que debe estar en modo de fusión MULTIPLY)

>> elige un color azulado >> aerógrafo de ese color en áreas de luz ambiental. (Izquierda = modo de fusión normal, Derecha = multiplicar)

 

Ambos métodos están bien, ¡solo depende de cuán prominente quieras que sea tu luz ambiental!

4. Interacciones de luz: dispersión subsuperficial y luz directa

DISPERSIÓN DE SUPERFICIE / PURGA DE LUZ.

Esta es mi parte favorita! :)

Cuando una fuente de luz es particularmente fuerte, algo de luz se filtrará en los tonos medios y las áreas de sombra para crear un borde de color súper saturado donde la sombra se encuentra con la luz. Esta sería una luz que penetra a través de materiales translúcidos como la piel, para que brille. Dado que la fuente de luz principal aquí es una luz solar amarillenta, puede brillar de color rojo anaranjado en su piel y hacer un borde marrón saturado en las sombras de su ropa y cabello. Utilizo el pincel BIT HUSKY para agregar algunos bordes de sangrado duro, y el aerógrafo SUAVE con una punta de pincel grande de baja opacidad para agregar sangrados más amplios y suaves. Dibujo los resplandores suaves directamente en las capas de sombra bloqueadas con transparencia y los bordes duros en una capa separada en el modo de fusión NORMAL. Dado que es difícil verlos encima de los colores planos, observe aquí también los bordes en una base incolora.

 

NOTA:

Este borde solo se muestra con luz DIRECTA, así que no lo use en todas sus sombras o el dibujo perderá el foco. Un error común que he notado es que las personas usan en exceso estos resplandores de luz. ¡Soy culpable de esto también, porque me encanta agregar brillos y partes brillantes a mi arte! Pero si limita el brillo a un área de enfoque pequeña (aquí, los sangrados de luz más saturados son solo en la cara de Yan), el aspecto general que obtiene es más efectivo.

 

 

LUZ DIRECTA

¿Quiero una fuente de luz muy fuerte? Si es así, algunas partes podrían iluminarse completamente para volverse blancas. De lo contrario, una fuente de luz más débil puede hacer que las áreas iluminadas directamente sean solo un poco más claras que el color base. La izquierda es la capa de luces en el modo GLOW DODGE, y la derecha es la misma capa en el modo PANTALLA y una opacidad menor. GLOW DODGE y SCREEN son mis modos de capa preferidos para luz súper brillante y luz sutil / mate, ¡pero no dudes en jugar con los demás!

 

También tiendo a agregar un poco de brillo a los ojos de un personaje, incluso si físicamente no tiene sentido, porque quiero que sus ojos se destaquen y sean parte del punto focal del dibujo.

 

V

5. Toques finales / bonificación

¡Estas son algunas cosas adicionales a considerar, además de todo lo demás!

 

JUGANDO CON COLORES CLAROS

Voy con una cálida luz amarilla para este dibujo, pero siempre es divertido (¡y útil!) Probar alternativas. ¡Usar colores de brillo surrealistas como azules y verdes podría dar un ambiente "mágico"! Los colores son una gran manera de contar historias a través de su ilustración.

 

También puedes jugar con todos los demás aspectos de la sombra en el dibujo. Dado que todos están en capas separadas, es fácil cambiar partes individuales; por ejemplo, si encuentra que cierta sombra o efecto de luz es demasiado prominente, siempre puede ajustar el color y la opacidad sin afectar las otras sombras.

 

V

PROFUNDIDAD.

Otros objetos no solo son más pequeños, también se desvanecen en saturación, detalle y nitidez. En escenas al aire libre, el ambiente del cielo también tendrá más efecto en objetos distantes, por lo que aparecerán más azules / grisáceos. Entonces, hago que su fondo tenga un tinte azul, y me desvanezco un poco de su cabello en la parte posterior.

 

DETALLES DEL PUNTO FOCAL.

El punto focal de este dibujo son las partes de la cara de Yan que están bajo la luz solar. Solo pongo más detalles alrededor del área focal para reforzar su importancia, así que mantengo las partes sombreadas de ella bastante planas y planas, y pongo algunos mechones de texturas de cabello y tela en las áreas iluminadas.

También bloqueé la transparencia en la capa de arte lineal y coloreé las líneas de rojo donde las líneas estaban bajo luz directa. ¡Esto lo hizo mucho menos duro que las líneas negras originales!

 

V

OTRAS COSAS A CONSIDERAR.

¿Deberían las sombras tener bordes duros o suaves? ¿Qué tan oscuras o claras deberían ser mis sombras? Eso depende de la distancia de la fuente de luz, entre otras cosas: los bordes más duros y las sombras más oscuras pueden implicar una fuente de luz más cercana y más pequeña. La suavidad de las sombras también puede proporcionar información sobre el material del objeto. Quiero que la chaqueta de Yan sea un material más grueso, así que le doy sombras más suaves / sombras menos nítidas que, por ejemplo, la sombra proyectada sobre su hombro.

 

Además, por supuesto, puede optar por ser súper estilístico con SOLO bordes duros o SOLO bordes suaves. Es gratis de bienes raíces. A continuación se muestra la pieza con una lista de todas las capas a la derecha.

¡Gracias! :)

¡Felicidades por llegar hasta el final! Aquí hay una animación GIF de todo el proceso y el dibujo terminado. Definitivamente hay muchos más efectos geniales que la luz puede crear, ¡pero quiero que este tutorial cubra lo suficiente como para que puedas pensar de manera más lógica sobre cómo diseñar tus sombras en tu arte futuro!

Si tiene alguna pregunta, comente a continuación y estaremos encantados de responderla ~

 

Mantente hidratado y con clase. Hasta la próxima :)

 

Si desea seguirme en las redes sociales, ¡estoy increíblemente en línea todo el tiempo en Twitter como @peevishpants!

Comentario

Nuevo

Últimas publicaciones en Oficial