Tutorial Ilustración arquitectónica: cómo añadir sombras en Photoshop

Aprende a añadir sombras a una ilustración arquitectónica, y por qué son tan importantes, con Carlo Stanga

Hay un millón de pequeños detalles que hacen que dos ciudades se diferencien, pero uno del que solemos olvidarnos es la luz. La calidez del sol mediterráneo, o el atardecer frío de un clima menos cálido, ayudan a crear una atmósfera que hacen única cada localización. Incluso la misma ciudad puede lucir radicalmente diferente dependiendo de la estación o la hora del día.

La importancia de añadir sombras a tus ilustraciones arquitectónicas va más allá de simplemente conseguir que la imagen sea tridimensional, asegura el multipremiado ilustrador italiano Carlo Stanga (@carlo_stanga). Jugando con la luz, podemos definir mejor los elementos, materiales y formas que componen una escena, añadiendo personalidad y contexto.

En este tutorial, Carlo muestra cómo podemos utilizar Adobe Photoshop para crear formas en una ilustración arquitectónica que sean a la vez realistas e interesantes, ilustrando no solo un lugar sino también una atmósfera.

1. Determina tu fuente de luz

Si es posible, intenta visitar la localización durante diferentes horas del día para observar la luz y ver cómo transforma el espacio dependiendo del momento y el ángulo. La luz que escojas tendrá importantes implicaciones para tu escena—si se trata de niños caminando hacia el colegio, por ejemplo, necesitarás escoger una luz de mañana adecuada.

2. Crea una capa transparente y añadele Multiplicar

En la barra superior de herramientas, selecciona Capa>Nueva>Capa. En la caja que aparece, cambia el modo a Multiplicar y llama a la capa “sombras” más la zona de la imagen en la que estés trabajando.

Para crear tu zona principal de sombra, empieza a trabajar en esta capa utilizando la herramienta Lazo y seleccionando la sombra principal que cubrirá tu edificio central.

3. Escoge el color de la sombra

Aunque mucha gente crea que sí, las sombras nunca son grises. Si buscas imágenes de referencia, verás que normalmente son de color azul claro. También puedes explorar tu libertad artística utilizando colores inusuales para tu sombra, que pueden darle más personalidad a tu obra.

4. Rellena la sombra y limpia sus bordes

Rellena el área seleccionada con tu color de sombra, y usa el Lazo poligonal para limpiar cualquier borde en el que te salgas de la línea.

5. Termina tu zona de sombra principal

Ahora, trabajando en la misma capa, utiliza el Lazo para seleccionar otras porciones de sombra de tu calle. Estas se conectarán con la sombra de tu edificio principal.

6. Añade contraste

Con la mayor parte de tu imagen engullida por una sola sombra, es importante fijarse en los elementos que la componen. Para evitar que la zona quede demasiado plana, selecciona los bordes de un elemento (en este caso, una planta en primer término) y cambia su color a uno más brillante para crear más contraste. Puedes escoger un color realista, o hacer la imagen más interesante decidiéndote por un color más surrealista.

7. Empieza a sombrear elementos de los edificios

Crea una nueva capa, como ya hiciste antes (Capa>Nueva>Capa), y colócala en Multiplicar, poniéndole de nombre el de la sección en la que vas a empezar a trabajar. Selecciona el edificio en su capa original y en el menú superior ve a Selección>Invertir. Ahora, vuelve a la capa nueva que has creado sin dejar de mantener tu selección. Esto te permitirá añadir sombras sin tener que preocuparte por dibujar por error fuera de las líneas de tu selección, o estropear tu ilustración digital si posteriormente decides cambiar las sombras.

Utilizando un pincel grueso, pinta los bloques de sombra sin olvidar la luz y el ángulo que decidiste cuando empezaste a trabajar la imagen.

8. Deselecciona y añade detalles

Sin dejar de trabajar en la capa de sombras, deshaz tu selección y utiliza un pincel pequeño para seguir añadiendo detalles de sombras. Presta atención a elementos como las partes inferiores de los marcos de las ventanas, las plantas y otros detalles arquitectónicos. Estos pequeños toques jugarán un papel esencial a la hora de dar más profundidad a toda tu imagen.

9. Fíjate en la imagen como un todo

Antes de repetir estos pasos en otras porciones de la imagen, tómate un minuto para fijarte en ella como un todo. Esto te ayudará a dilucidar qué áreas necesitan más sombra, y te dará un mejor entendimiento del tipo de profundidad que estás creando.

10. Repite el proceso y guarda frecuentemente

Para cada elemento arquitectónico, continúa creando una nueva capa, colócala en Multiplicar e invierte la selección en su capa original, antes de añadir las sombras en la capa de sombras. Mientras trabajas, no te olvides de guardar regularmente tu progreso y nombrar claramente cada capa para que puedas continuar el trabajo si la aplicación se cierra o necesitas tomarte un descanso.

Si te ha gustado este tutorial y quieres aprender más acerca de cómo crear ilustraciones arquitectónicas que no solo capturen un lugar, sino también su atmósfera, no te pierdas el curso online de Carlo Stanga ‘Ilustración arquitectónica: capta la personalidad de una ciudad’.

Te puede interesar:

- Dibujo arquitectónico con acuarela y tinta, un curso de Alex Hillkurtz
- Paisajes urbanos en acuarela, un curso de Daniel “Pito” Campos
- Ilustración digital de proyectos arquitectónicos, un curso de Fernando Neyra