Step by step: roofs in watercolor (Patreon)

Paso a paso: tejados en acuarela

Hola a todos!

En el paso a paso de este mes he querido hacer un tutorial muy completo para pintar tejados en acuarela. Son elementos que aparecen en muchas ilustraciones y a veces pueden resultar algo complicados de simplificar, sobre todo si queremos que tengan un acabado realista y queden bien integrados con el resto del dibujo.

Primero vamos a desglosar los pasos para pintar tres tejados en diferentes perspectivas y luego aplicaremos la técnica a una práctica preciosa de una imagen de Florencia, donde aparecen tejados en el primer plano, plano medio y a lo lejos. De esta manera veremos cómo abordar las distintas texturas según la distancia a la que nos encontremos.

Hello everybody! This month's step-by-step I wanted to make a very complete tutorial for painting roofs in watercolour. These are elements that appear in many illustrations and can sometimes be a bit complicated to simplify, especially if we want a realistic finish and to be well integrated with the rest of the drawing.

First we will break down the steps for painting three rooftops in different perspectives and then we will apply the technique to a beautiful practice of a picture of Florence, where rooftops appear in the foreground, middle ground and in the distance. In this way we will see how to approach the different textures depending on the distance at which we are.

Tejados paso a pasoRoofs step by step

Paso 1: dibujo y perspectiva Step 1: drawing and perspective

Quizás sea este uno de los pasos más más importantes de todo el proceso. Es esencial que prestemos atención a las líneas que dibujan las filas de tejas, sobre todo a su inclinación. También es clave tener en cuenta la perspectiva, que hace que las líneas estén más juntas a medida que se van alejando.

This is perhaps one of the most important steps in the whole process. It is essential that we pay attention to the lines that trace the rows of tiles, especially their angle of inclination. It is also key to take into account the perspective, which makes the lines come closer to each other as they move away.

Paso 2: luces y sombrasStep 2: light and shadow

La dirección del sol nos marcará dónde se encuentras las luces y sombras de nuestro dibujo. Primero vamos a aplicar una mezcla cálida, muy clarita, de Indian Gold + Rojo Inglés + Sepia. Mientras esta sigue húmeda añadimos en las zonas en sombra con un pincel del número 4 ó 2, un tono más oscuro de Indian Gold + Rojo Inglés + Sepia + Violeta Rosa de Quinacridona, de manera que se expanda suavemente hacia la parte más iluminada, creando un degradado muy sutil.

The orientation of the sun will show us where the lights and shadows are in our drawing. First we are going to apply a warm, very light mixture of Indian Gold + English Red + Sepia. While this is still wet, we add a darker tone of Indian Gold + English Red + Sepia + Quinacridone violet rose to the shaded areas with a number 4 or 2 brush, so that it expands gently towards the most illuminated part, creating a very subtle gradient

Paso 3: definiciónStep 3: Sharpening

Con una mezcla de Violeta Rosa de Quinacridona + Sepia + Rojo Inglés, vamos a intensificar las sombras y a dibujar las divisiones de las tejas. Es importante que las líneas curvas no estén todas al mismo nivel para que el acabado sea más real. Este tono lo podemos aplicar sobre seco o sobre húmedo (mojamos primero con agua limpia la superficie del papel, con cuidado de no levantar los tonos anteriores y añadimos la mezcla). A mí personalmente me gusta combinar en estos casos partes más secas con otras más húmedas, para que cada teja tenga un aspecto diferente y haya más variedad de texturas. Dejamos secar.

With a mixture of Quinacridone Violet Rose + Sepia + English Red, we are going to intensify the shadows and draw the divisions of the tiles. It is important that the curved lines are not all at the same level so that the finish will be more realistic. This tone can be applied on dry or wet (first wet the surface of the paper with clean water, being careful not to lift the previous colours and then add the mixture). I personally like to combine dry parts with wet parts, so that each tile has a different appearance and there is more variety of textures. Let it dry.

Paso 4: sombras más intensas, volumenStep 4: intense shadows, volume

Añadimos más sepia a la mezcla anterior para hacer un tono más oscuro y con una aguada transparente, vamos aplicando el color en seco sobre las zonas en sombra y las divisiones entre tejas. Así el tono será más real y ganaremos volumen.

We add more sepia to the previous mixture to make a darker tone and with a transparent wash, we apply the colour on dry over the areas in shadow and the divisions between tiles. This way the tone will be more real and we will gain volume.

Paso 5: paredStep 5: wall

Sobre seco, con sepia, pintamos los semicírculos de las tejas que serán la parte que sobresalga del tejado. Mientras este tono marrón sigue húmedo, añadimos una mezcla de ocres a la pared, desplazando el pigmento marrón de los semicírculos de las tejas hacia abajo. Si queremos aumentar la intensidad de la sombra, ponemos más sepia justo debajo de las tejas, también sobre húmedo.

On dry, with sepia, we paint the semicircles of the tiles, which will be the parts that stand out from the roof. While this brown tone is still wet, we add a mixture of ochres to the wall, moving the brown pigment from the semi-circles of the tiles downwards. If we want to increase the intensity of the shade, we put more sepia just below the tiles, also on wet.

¡Y ahora ya estamos preparados para abordar nuestra práctica!And now we are ready to start our practice!

Florencia en acuarelaFlorence in watercolour

Paso 1: Dibujo a lápizStep 1: Pencil drawing

Con el portaminas con mina HB del 0.5, hacemos el boceto fijándonos en la perspectiva y proporciones, prestando especial atención a las líneas de los tejados, como os comentaba al principio del post.

With the mechanical pencil with 0.5 HB lead, we make the sketch, focusing on the perspective and proportions, paying special attention to the lines of the roofs, as I mentioned at the top of the post.

Paso 2: Cielo y paredesStep 2: Sky and walls

Humedecemos el cielo con agua limpia, y añadimos la mezcla de ultramar + azul claro sobre húmedo. Más intensidad en la zona superior y más luz en la parte de abajo. Dejamos secar. Con Gris de Payne + toque de sepia, dibujamos las sombras de la catedral. A esa mezcla añadimos Indian Gold y pintamos la pared del fondo. Para la casa del centro ponemos una base sobre seco de Indian Gold y mientras está húmeda, pintamos las sombras con sepia. En las paredes sobre las que incide la luz usamos una mezcla muy transparente de Indian Gold + Violeta Rosa de Quinacridona + toque de sepia. Por último, con sepia + gris de Payne, dibujamos las zonas oscuras de la derecha. Dejamos secar.

Wet the sky with clean water, and add the mixture of ultramarine + bright blue on wet. More intensity in the upper area and lighter in the lower part. Let it dry. With Payne's Grey + a touch of sepia, we draw the shadows of the cathedral. We add Indian Gold to the previous mixture and paint the background wall. For the house in the middle, we put a dry base of Indian Gold and while it is still wet, we paint the shadows with sepia. On the walls where the light hits, we use a very transparent mixture of Indian Gold + Quinacridone violet rose + a touch of sepia. Finally, with sepia + Payne's grey, we paint the dark areas on the right. Let it dry.

Paso 3: tejados, primera aguadaStep 3: roofs, first wash

Empezamos a pintar los tejados con la técnica que hemos visto antes. Podemos usar un tono más anaranjado para las tejas del centro, añadiendo más Indian Gold a la mezcla. Para los tejados del fondo no es necesario dejar zonas en blanco, al estar tan lejos, cubrimos la superficie con un solo color y así ganaremos sensación de profundidad. En el plano medio las líneas estarán muy juntas y las divisiones de las tejas serán menos ordenadas y más aleatorias. Dejamos secar.

We begin to paint the roofs with the technique we have seen before. We can use a more orangey tone for the tiles in the centre, adding more Indian Gold to the mixture. For the roofs in the background it is not necessary to leave white areas, as they are so far away, we cover the surface with a single colour in order to gain a sense of depth. In the middle ground the lines will be very close together and the divisions of the tiles will be less neat and more random. Let it dry.

Paso 4: tejados, segunda aguadaStep 4: roofs, second gouache

Con un tono más oscuro dibujamos las sombras y las divisiones de las tejas. En los tejados naranjas usaremos una mezcla de Indian Gold (x2) + Violeta Rosa de Quinacridona + Rojo inglés + Sepia. En el tejado del primer plano no pondremos Indian Gold en la mezcla. Aumentando o disminuyendo la cantidad de sepia conseguiremos tonos diferentes para dar variedad a las tejas y añadir sombras más marcadas. Dejamos secar.

With a darker tone we draw the shadows and the divisions of the tiles. On the orange roofs we use a mixture of Indian Gold (x2) + Quinacridone violet rose + English red + Sepia. On the foreground roof we will not put Indian Gold in the mix. By increasing or decreasing the amount of sepia we will get different tones to give variety to the roof tiles and add more marked shadows. Let it dry.

Paso 5: DetallesStep 5: Details

Para los dibujos de los muros de la catedral vamos a usar un pincel fino (del número 0 ó 2) con dos mezclas, una verde (Verde 725 + Turquesa) y otra rosada (Violeta Rosa de Quinacridona + toque de Indian Gold). Las ventanas pequeñas y otras sombras las haremos con Sepia + Índigo. Para las ventanas del primer plano mezclamos verde 725 + azul claro. En el cristal usamos sólo azul claro. Añadimos algunas antenas, cables y tuberías con sepia.

For the patterns on the cathedral walls we are going to use a fine brush (number 0 or 2) with two mixtures, one green (Green 725 + Turquoise) and one pink (Quinacridone violet rose + touch of Indian Gold). The small windows and other shadows will be done with Sepia + Indigo. For the foreground windows we mix green 725 + bright blue. On the glass we use only bright blue. We add some antennas, wires and pipes with Sepia.

Paso 6: luces y sombrasStep 6: lights and shadows

Por último, añadimos los brillos con el rotulador de pintura acrílica blanco (bordes de algunos tejados, paredes y cables) y algunas sombras tanto con la pluma, si se trata de líneas finas, ventanas etc, como con el pincel, para esto último usamos una aguada transparente de sepia + índigo (tejas del primer plano, sombras debajo del tejado del plano medio, texturas en paredes…).

Finally, we add the highlights with the white acrylic marker (edges of some roofs, walls and wires) and some shadows both with the fountain pen, if they are thin lines, windows etc, and with the brush, using a transparent wash of sepia + indigo (tiles in the foreground, shadows under the roof in the middle ground, textures on walls...).

Y este sería el resultado final del tutorial paso a paso de esta semana. Espero que os guste la práctica y la uséis mucho en vuestras próximas acuarelas. Como siempre, si tenéis cualquier duda os leo en los comentarios. Más abajo os dejo la imagen de referencia para descargar y la lista de materiales. ¡Ganas de ver cómo quedan esos tejados en vuestros cuadernos!

And this is the final result of this week's step by step tutorial. I hope you like the practice and use it a lot in your next watercolours. As always, if you have any questions I will read you in the comments. Below is the reference image to download and the list of materials. I can't wait to see how these roofs look in your sketchbooks!

Para la práctica de hoy necesitaremos los siguientes materiales:- Pincel redondo número 12 (yo uso Escoda Versatil)- Pincel redondo número 2 (yo uso Escoda Chronos)- Pincel redondo número 0 (yo uso Escoda Prado)- Acuarelas:  En el post de mi paleta está el listado de colores- Cuaderno A4 para acuarela (Yo uso este de Hahnemuhle)- Rotulador blanco Posca PC1M - Portaminas 0.5 con minas HB- Pluma Lamy Safari (F)- Descargar la imagen adjunta

For today's practice we will need the following materials:- Round brush number 12 (I use Escoda Versatil)- Round brush number 2 (I use Escoda Chronos)- Round brush number 2 (I use Escoda Prado)- Watercolors: (in the post about my palette your will find the color list)- A4 watercolor sketchbook (I use this one by Hahnemuhle)- Posca PC1M white marker- Lamy Fountain pen (F)- Mechanical Pencil 0.5 HB leads- Download the attached image