¡Hola! ¡Esta es una guía de consejos y trucos de iluminación que utilizo para trabajos de cómics web! Intentar ilustrar docenas de escenas a todo color puede resultar desalentador, ¡y ahí es donde estas técnicas de iluminación resultan útiles! Para esta guía, trabajaré con una captura de pantalla de un modelo 3D hecho por mí mismo y pintaré encima con capas en modo de fusión. Estas técnicas son mejores para renderizar modelos 3D rápidamente, ¡pero también se pueden aplicar fácilmente a ilustraciones!

 

Aquellos con un conocimiento algo moderado de Clip Studio y de cómo utilizar sus herramientas básicas se beneficiarán más de esta guía, pero desglosaré todo paso a paso para principiantes, por lo que espero que sea fácil de seguir. No dude en preguntar si tiene alguna pregunta o si desea que entre en más detalles sobre mi proceso y estaré encantado de ayudarle.

 

A continuación, compartiré la imagen exacta con la que estoy trabajando durante el resto de esta guía para que puedas seguirla. Al iluminar tus fondos con los sencillos trucos que aprenderás al final de todo esto, ¡tú también podrás crear paisajes urbanos brillantes en un tiempo récord!

 

No dude en guardar la siguiente captura de pantalla y seguirla.

Seguro que es un modelo 3D….

 

Entonces, ¿cómo salimos de esto——

--¿a esto?

 

¡Empecemos!

Mi técnica básica rápida y sencilla para configurar iluminación arbitraria

¡¡Primero!!

 

Para esta escena nocturna, queremos comenzar con una capa multiplicada de color azul oscuro justo encima de la imagen. Fácil y rápido, ahora es de noche. Siéntete libre de modificar el tono y la saturación a tu gusto para tus paletas nocturnas favoritas. ¡También puedes usar degradados para hacer que la escena realmente destaque!

En aras de la simplicidad y para centrarme en la técnica más que en enseñar cómo trabajar con luces y sombras, aquí utilizaré iluminación genérica y arbitraria. Me imagino que la fuente de luz está en algún lugar vagamente a la derecha de la pieza e ilumina el lado del autobús que está frente a nosotros, como espectador. Puedes aplicar más tecnicismos sobre cómo funciona la iluminación, pero este es sólo el método rápido y sencillo.

 

En la capa de fondo 3D, empiezo a seleccionar el lado del autobús sobre el que proyectaremos luz (y eventualmente todas las caras de los edificios y estructuras que miran en la misma dirección).

 

Aquí, utilicé la herramienta Lazo para delinear las formas, pero también puedes usar la herramienta Varita mágica y ajustar el margen de color, o bloquear manualmente las formas en una capa separada. La herramienta lazo es la forma más rápida y complicada. ¡Te sorprenderá lo desordenado que puede ser el color y aún así lucirá bastante bien una vez que agreguemos todos los efectos de renderizado!

 

Es posible que la selección no quede muy clara en la imagen de arriba, así que no dudes en consultar la imagen a continuación:

Después de seleccionar las partes resaltadas en los contornos rojos de arriba, uso la herramienta "cortar" para recortar la selección de la capa multiplicada.

¡Ahora debería verse así! ¿Ves cómo ya empieza a parecer que hay un poco de luz proveniente de algún lugar a la derecha de la imagen que brilla sobre el autobús? Puedes dejarlo como está o pegar la selección que acabas de cortar y reducir la opacidad de esa capa para obtener menos contraste.

Ahora, podemos hacer lo mismo que acabamos de hacer en todas las caras de los edificios que miran en la misma dirección que el autobús, porque también están iluminadas por la "fuente de luz". Corto y pego cada sección resaltada con diferentes colores aquí por separado para que los objetos más cercanos (autobús, parada de autobús) tengan el mayor contraste, mientras que las capas múltiples para los edificios lejanos se establecen en una opacidad más alta.

Esta es una muestra de cómo se ven mis capas finales cuando están todas recortadas y ajustada la opacidad. Como puedes ver, realmente delineé todo de manera tosca y desordenada con una herramienta de lazo. En aras de la velocidad de los fondos de cómic, ¡esto se puede hacer súper rápido!

Y así es como se ve el fondo ahora después de todos esos pasos. Es algo sutil, pero ahora hay cierto contraste con la pieza. Aún no hay destellos ni luces, ¡pero estamos llegando a alguna parte!

 

En realidad, si usa la función "bloquear píxel transparente" en estas capas, ahora puede volver a colorearlas para obtener resultados bastante buenos. ¡Algunos ejemplos a continuación!

Para lograr este efecto, convertí las capas multiplicadas en agregar (brillo) y las puse en naranja. Luego, repasé ligeramente la capa multiplicada original con un aerógrafo azul.

 

Aquí hay un par de ejemplos más de ajuste de color:

Ahora, volvamos a la escena nocturna básica original para agregar algunos efectos de brillo, que son el pan de cada día de las escenas nocturnas brillantes. En una calle bulliciosa por la noche, hay farolas, semáforos, luces de coches y ventanas...

 

¡Los agregaremos a nuestra escena a continuación!

Agregando las luces de la ciudad

Estoy seguro de que ya estás acostumbrado a la técnica de referencia de esta guía: ¡la selección! En la capa de fondo 3D, seleccionaremos todo lo que queremos que tenga luz en su interior, ¡comenzando por las ventanas! Utilicé la herramienta varita mágica para estos y resalté mi selección en rojo para que puedas verla más claramente.

 

Para estas tiendas, imagino que están abiertas a esta hora, por lo que se seleccionarán todas las ventanas y puertas. Luego, podemos rellenar la selección con un color adecuado y cambiarla a una capa adicional (resplandeciente). También agregué algunos degradados aquí.

En los rascacielos de la parte trasera no todas las ventanas están iluminadas. Escogí algunos con la herramienta de selección y luego los rellené con una capa luminosa. En realidad, debido a que el color de los edificios en la parte de atrás es mucho más oscuro, el brillo no es lo suficientemente brillante ni siquiera con un color brillante. ¡Fácil solución, simplemente duplique la capa hasta que sea lo suficientemente brillante! También puedes disminuir la opacidad y viceversa.

Aquí, también agregué una segunda capa multiplicada para todos los edificios lejanos para aumentar el contraste entre la calle principal y los edificios de oficinas. ¡Ahora está empezando a parecer una escena nocturna…!

 

Ahora repetimos el mismo proceso con todos los edificios de oficinas.

¡Ahora realmente empieza a parecer una escena nocturna! Hay algunas cosas más que podemos hacer para que todo realmente resalte.

¡El primero, duplicar la capa con todas las ventanas brillantes y agregar un poco de desenfoque gaussiano! Esto hará que el brillo sea más fuerte y se difunda un poco.

El segundo, ¡dale un poco de luz a tus luces! Agregue un poco de brillo a las farolas, las luces del autobús y, si su ilustración las tiene, semáforos, faros de automóviles, etc. Puede usar la herramienta de selección para colorear todas las luces que emiten luz (ja, ja), y luego usa tanto desenfoque gaussiano como necesites o un aerógrafo suave para iluminar realmente la noche.

¡Esa sí que es una escena nocturna!

 

En realidad, fue entonces cuando me di cuenta de que la imagen borrosa de los lejanos edificios de oficinas no era suficiente. Al ser un modelo 3D sin profundidad, las líneas son demasiado nítidas para mi gusto. Por supuesto, para un panel de webcomic la gente no se dará cuenta de eso. Pero si quieres difuminar un poco el fondo...

Básicamente dupliqué esta sección y la difuminé gaussianamente para enfocar la calle principal. ¡No voy a profundizar en cómo se hace porque es una adición realmente menor que no cambia demasiado la pieza!

 

Hablando de adiciones menores...

Debido a que usé la herramienta Lazo de manera tan desordenada, si haces zoom, algunas partes pueden verse un poco mal. Si quisiera ser perfeccionista, podría arreglar algunas de las líneas pintando encima. Este también es un buen momento para ver cuán malas son algunas de las sombras y cómo probablemente ni siquiera te diste cuenta (¿o sí?)...

Esta es nuestra escena nocturna final y podemos dejarla así a menos que quieras intentar trabajar con la escena nevada que compartí al comienzo de la guía. Experimenté con algunas técnicas nuevas para combinar el ambiente navideño de este tema. Aunque no tenemos linternas ni luces navideñas, porque ya es enero, ¡el paisaje urbano estará brillando con nieve!

¡Ahora, haz que nieve y haz que brille!

A decir verdad, esto fue en realidad un feliz accidente. ¡En realidad tenía la intención de agregar algunas estrellas al cielo y dar por terminado el día! Utilicé el pincel de gotas predeterminado y rocié algunas estrellas, solo para darme cuenta de que, como pinté todo encima, tendría que borrar manualmente las "estrellas" de los edificios. ¿O podría simplemente agregar más estrellas y desenfocarlas gaussianamente para que brillen como un intento de luces bokeh?

De todos modos, parecía demasiada nieve ligera, así que aquí estamos: movimiento borroso en diagonal, 120 grados, por lo que parece ráfagas de nieve en movimiento. Súper fácil y, como beneficio adicional, también se ve muy bien.

Usando ahora el pincel raspador de tono predeterminado, que es el que usaré para el resto de los detalles de la nieve, ahora puedo cubrir el suelo con nieve en polvo. ¡Las áreas grandes como la calle se pueden cepillar ligeramente con un cepillo grande!

¡Y un cepillo pequeño funciona perfectamente en lugares donde la nieve comienza a acumularse!

 

¡Esta parte es bastante metódica y muy divertida, de hecho! Es como construir un muñeco de nieve virtual, sólo que es una calle nevada... pero probablemente puedas agregar un muñeco de nieve con bastante facilidad.

Aquí, pensé que la calle en sí probablemente estaría libre de nieve después de un poco de tráfico, así que borré esa sección y agregué algunos detalles para indicar la acumulación de nieve a lo largo del borde de la acera. Como todo hasta ahora, es un poco arbitrario y bastante complicado, ¡pero cumple su función!

Algunos toques finales: ¡un poco de brillo azul para hacer que toda la pieza destaque!

¡Y un cálido brillo en el otro lado para equilibrarlo!

¡Y hemos terminado!

 

Si sigues la misma calle de la ciudad, ¡espero que los resultados sean similares o mucho mejores! Y recién estás leyendo, espero que hayas aprendido algo nuevo, útil o aplicable en tus ilustraciones de escenas y ciudades con iluminación. Si puede ayudarte a renderizar fondos más rápidamente, entonces estoy muy feliz. ^^

 

¡Muchas gracias por leer mis consejos y mantente abrigado este invierno!