Step by Step: Raindrops (Patreon)

Paso a paso: Gotas de lluvia

No hay nada como ver la lluvia caer tras la ventana. Sin duda es algo que inspira y relaja, sobre todo en las tardes de otoño e invierno. También hay otras ocasiones en las que estamos de viaje y vamos contemplando el paisaje mientras las gotas de agua resbalan por el cristal del coche o el avión. De repente los edificios se vuelven simples manchas de color y es como si todo lo que nos rodea se transformara en una acuarela.

Tener un recuerdo de esos momentos en nuestros cuadernos de viaje me parece una forma preciosa de inmortalizarlos y llevarlos con nosotros, además de ser la excusa perfecta para aprender una nueva técnica. En el ejercicio de hoy vamos a ver cómo plasmar de una forma muy sencilla ese efecto de lluvia en el cristal. Para ello, desglosaremos cada paso y practicaremos con dos ejemplos diferentes: el primero será más sencillo y nos servirá para entender el proceso, y en el segundo subiremos un poco la dificultad para conseguir un acabado aún más realista.

¿Estáis preparados?

There is nothing like watching the rain fall behind the window. It is certainly something that inspires and relaxes, especially on autumn and winter evenings. There are also other times when we are travelling and we are contemplating the landscape while the raindrops slide down the window of the car or plane. Suddenly the buildings become simple patches of colour and it is as if everything around us turns into a watercolour.

Having a memory of these moments in our travel sketchbooks seems to me to be a beautiful way to capture and carry them with us, as well as being the perfect excuse to learn a new technique. In today's exercise we are going to see how to create this rain effect in a very simple way. To do this, we will break down each step and practice with two different examples: the first one will be simpler and will help us to understand the process, and in the second one we will increase the difficulty a bit to achieve an even more realistic finish.

Are you ready?

EL FONDO Y LA FORMABACKGROUND AND SHAPE

En este tipo de imágenes es muy importante diferenciar entre los dos planos, por un lado tenemos el fondo con el paisaje y por otro tenemos el cristal con las gotas.

Para conseguir el efecto desenfocado del fondo es importante abstraer las formas, es decir, olvidarse de los contornos y buscar sólo las manchas de color. De hecho, lo ideal es evitar hacer el dibujo previo a lápiz y así guiarnos 100% por las mezclas y la posición de los tonos en la hoja.

In this type of images it is very important to differentiate between the two layers, on the one hand we have the background with the landscape and on the other hand we have the glass with the drops.

To achieve the blurred effect of the background it is important to abstract the shapes, that is to say, forget about the contours and look only for the coloured stains. In fact, the ideal is to avoid making the previous drawing in pencil and thus be guided 100% by the blends and the position of the tones on the paper.

LUCES, SOMBRAS Y REFLEJOSLIGHTS, SHADOWS AND REFLECTIONS

Si queremos que las gotas de agua tengan volumen es muy importante tener en cuenta los elementos que vamos a ver a continuación. Siempre debemos localizar y pintar estas dos zonas: la parte más iluminada (A) y la parte más oscura (B). Además, dentro de la parte más oscura, si hacemos ‘zoom’ sobre la imagen veremos que se trata nada más y nada menos del reflejo del paisaje del fondo (C), y que, además se encuentra dado la vuelta, como si fuera un espejo. Esta característica nos va a dar una pista de los colores que tenemos que usar a la hora de pintar la parte en sombra de la gota de agua. La posición del reflejo normalmente siempre estará en la parte superior de la gota y se adaptará a la forma de la misma.

If we want the raindrops to have volume it is very important to take into account the elements that we are going to see next. We must always identify and paint these two areas: the brightest part (A) and the darkest part (B). Furthermore, within the darkest part, if we zoom in on the image we will see that it is no more and no less than the reflection of the landscape in the background (C), and that, moreover, it is turned upside down, as if it was a mirror. This feature will give us a clue about the colours to use when painting the shadow part of the raindrop. The position of the reflection will normally always be at the top of the drop and will be adapted to the shape of the drop.

EJERCICIOS PARA PRACTICAR / TIME TO PRACTICE!Ahora que ya tenemos estos conceptos más claros es momento de ponerlos en práctica con dos ejercicios de diferente dificultad. Antes de empezar os dejo por aquí la tabla con las mezclas de color de cada uno de ellos.

Now that we have these concepts clearer, it is time to put them into practice with two exercises of different difficulty. Before starting I leave here the colour mixing chart of each one.

EJERCICIO 1 / EXERCISE 1

En este primer ejercicio monocromático vamos a tener una primera toma de contacto con la humedad del papel y el volumen de las gotas.

In this first monochromatic exercise we are going to have a first contact with the humidity of the paper and the volume of the drops.

PASO 1 / STEP 1

Con el portaminas con mina HB del 0.5 vamos a distribuir las gotas de agua en el espacio. Empezamos colocando las más grandes y luego seguimos con las más pequeñas que ocuparán el resto de huecos. Si bien no es importante que sean exactamente iguales a las de la foto de referencia (podríamos volvernos locos tratando de representar una por una y tardaríamos siglos…) si que es esencial que sean diferentes entre sí y las coloquemos de una forma irregular, algunas más juntas, otras más separadas, algunas alargadas, otras más redondeadas… Esto le dará un aspecto más realista al resultado.

With the mechanical pencil with 0.5 HB lead we are going to place the raindrops in the space. We start by placing the biggest ones and then we continue with the smaller ones that will occupy the rest of the spaces. Although it is not important that they are exactly the same as in the reference photo (we could go crazy trying to represent one by one and it would take ages...) it is essential that they look different from each other and that we place them in an irregular way, some closer together, others further apart, some elongated, others more rounded... This will give a more realistic aspect to the result.

PASO 2 / STEP 2

Con el líquido de enmascarar tapamos el interior de todas las gotas. Es importante que el líquido cubra también las marcas de lápiz para que luego podamos borrarlas. Dejamos secar muy bien. NOTA: Antes de usar el líquido mi recomendación es probarlo en una esquina del papel para ver si se retira correctamente y no da ningún problema, como ya hablamos en el post sobre líquidos de enmascarar, este tipo de productos depende mucho tanto de la marca como del papel que estamos usando.

With the masking fluid we cover the inside of all the drops. It is important that the fluid also covers the pencil marks so that we can erase them later. Let it dry very well. NOTE: Before using the fluid my recommendation is to test it on a corner of the paper to see if it removes correctly and does not give any problems, as we talked about in the post about masking fluids, this type of product depends a lot on both the brand and the paper we are using.

PASO 3 / STEP 3

Humedecemos toda la superficie del papel con agua limpia. Sobre húmedo, con el pincel redondo del número 12 y una mezcla muy clarita de índigo con Gris de Payne, cubrimos la zona del cielo. Después, con un tono de índigo un poco más oscuro empezamos a pintar las siluetas de los edificios. Si vemos que las manchas se extienden muy rápido, esperamos unos minutos a que la humedad penetre en las fibras del papel, así tendremos más control sobre la forma de la pincelada. A medida que la superficie se va secando lograremos más definición en el trazo. Recomiendo empezar por áreas más grandes y luego añadir los trazos más finos o manchas más pequeñas. Para conseguir el tono oscuro de la parte inferior ponemos el tono de índigo muy denso, directamente de la paleta casi sin agua. Dejamos secar muy bien y retiramos con cuidado el líquido de enmascarar. Si hay restos de lápiz lo borramos con la goma.

Wet the entire surface of the paper with clean water. On wet, with the number 12 round brush and a very light mixture of indigo and Payne's Grey, we cover the area of the sky. Then, with a slightly darker shade of indigo, we begin to paint the silhouettes of the buildings. If we see that the stains spread very quickly, we wait a few minutes for the humidity to penetrate the fibres of the paper, so that we have more control over the shape of the brushstroke. As the surface dries, we will achieve more definition in the stroke. I recommend starting with larger areas and then adding finer strokes or smaller spots. To get the dark tone of the lower part we put the indigo tone very dense, directly from the palette almost without water. Let it dry very well and carefully remove the masking fluid. If there are traces of pencil, remove them with the eraser.

PASO 4 / STEP 4

Es el momento de darle color al reflejo de la gota. En este primer ejercicio vamos a optar por simplificar lo máximo posible y elegir un color medio que represente el valor tonal del paisaje, un tono de índigo mezclado con agua. Con el pincel del número 2 lo vamos poniendo en la mitad superior de todas las gotas de agua. Dejamos secar.

It's time to colour the reflection of the drop. In this first exercise we are going to simplify as much as possible and choose a medium colour that represents the tonal value of the scenery, a shade of indigo mixed with water. With the number 2 brush we put it on the upper half of all the raindrops. Let it dry.

PASO 5 / STEP 5

Con el mismo tono de índigo pero más oscuro y un pincel muy fino, pintamos las sombras de la parte de arriba, así aumentaremos el contraste y daremos más definición a la forma de las gotas. Dejamos secar.

With the same shade of indigo but darker and a very fine brush, we paint the shadows of the upper part, thus increasing the contrast and giving more definition to the shape of the drops. Let it dry.

Y este sería el resultado de nuestro primer ejercicio. Ahora que ya hemos aprendido la dinámica del proceso, vamos a aumentar un poco más la dificultad con un paisaje donde intervienen varios colores.

And this is the result of our first exercise. Now that we have learnt the dynamics of the process, we are going to increase the difficulty a little bit with a landscape where several colours are involved.

EJERCICIO 2 / EXERCISE 2

En este segundo ejercicio vamos a practicar con un paisaje formado por diferentes colores para saber cómo pintar los reflejos de las gotas de lluvia en estos casos.

In this second exercise we are going to practice with a landscape made up of different colours in order to know how to paint the reflections of raindrops in these cases.

PASO 1 / STEP 1

Seguimos el mismo procedimiento que en el ejercicio anterior. Dibujamos la silueta de las gotas de agua con el portaminas, primero las gotas más grandes y luego llenamos el resto del espacio con otras más pequeñas.

We follow the same process as in the previous exercise. We draw the silhouette of the raindrops with the mechanical pencil, first the biggest drops and then we fill the rest of the space with smaller ones.

PASO 2/ STEP 2

Cubrimos las gotas con el líquido de enmascarar y dejamos secar muy bien.

Cover the drops with the masking fluid and let them dry well.

PASO 3/ STEP 3

Humedecemos toda la superficie del papel con agua limpia. Empezamos a añadir un tono de gris claro en la zona del cielo (Gris de Payne + toque de índigo). Seguimos con las manchas grandes de verde, empezamos poniendo una mezcla de verde claro (verde 725 + Indian Yellow) y seguimos con toques de verde más oscuro (Verde 725 + índigo). Pasamos a la zona del suelo y del árbol de la izquierda con la mezcla de verde claro. Ahora que el papel está más seco, con un pincel del número 2 podemos añadir los toques de rosa (Violeta Rosa de Quinacridona + pizca de Indian Gold + pizca de Gris de Payne), unas manchas de amarillo Indian Gold y por último el tono azul de detrás de la casa y las ventanas (Índigo + Ultramar). Para finalizar, con un poco de sepia ponemos algunas manchas pequeñas a modo de más textura y detalle. Dejamos secar y retiramos con cuidado el líquido de enmascarar.

Wet the entire surface of the paper with clean water. Start adding a light shade of grey in the sky area (Payne's Grey + a touch of indigo). We continue with the large patches of green, starting with a mixture of light green (725 Green + Indian Yellow) and followed by touches of darker green (725 Green + Indigo). We move on to the ground and tree area on the left with the light green mixture. Now that the paper is drier, with a number 2 brush we can add the touches of pink (Quinacridone violet rose + dash of Indian Gold + dash of Payne's Grey), a few spots of Indian Gold and finally the blue tone behind the house and the windows (Indigo + Ultramarine). To finish, with a little bit of sepia we put some small spots for more texture and detail. Let it dry and carefully remove the masking fluid.

PASO 4 / STEP 4

Con el pincel del número 2 y una mezcla de (Gris de Payne + índigo) añadimos una sombra clarita en la parte superior de las gotas. Dejamos secar

With the number 2 brush and a mixture of (Payne's Grey + indigo) we add a light shadow on the upper part of the drops. Let it dry

PASO 5 / STEP 5

En este caso, a diferencia del ejercicio número 1, en el paisaje encontramos diferentes tonos predominantes: verde oscuro, verde claro, gris y magenta. Usamos las mezclas del paso número 3 y vamos añadiendo pequeños toques de color a cada gota. En la zona de la derecha predominarán los verdes mientras que en la parte de la izquierda serán los magentas y grises. Es importante que esos reflejos sigan la forma ovalada de las gotas. Dejamos secar.

In this case, unlike exercise number 1, in the landscape we find different predominant tones: dark green, light green, grey and magenta. We use the mixtures from step 3 and add small touches of colour to each drop. In the area on the right the greens will predominate while on the left it will be the magentas and greys. It is important that these reflections follow the oval shape of the drops. Let it dry.

PASO 6 / STEP 6

Con un pincel fino del número 0 y un tono de índigo muy oscuro añadimos las sombras finales en la zona superior de cada gota, dando forma con cuidado al contorno. Dejamos secar.

With a fine number 0 brush and a very dark shade of indigo, add the final shadows on the upper part of each drop, carefully shaping the contours. Let it dry.

Así quedarían nuestras prácticas de hoy. Espero que os hayan gustado estos ejercicios donde sobre todo he querido desglosar muy bien los pasos y razonar cada una de las partes de la ilustración para que podáis aplicar esta técnica en otras situaciones parecidas. Aunque el nivel de detalle de la gota o el color es algo que va a poder variar según la referencia, siguiendo estos pasos será mucho más sencillo trabajar distintos casos, ya sean fotografías o escenas reales. Ahora que llegan los meses de lluvia no va a faltar ocasión. Como siempre, si tenéis cualquier duda os leo en los comentarios. Más abajo os dejo la lista de materiales para descargar y las fotos de referencia. ¡Buen fin de semana!

That's how our practice for today will look like. I hope you liked these exercises where I wanted to break down the steps very well and explain each of the parts of the illustration so that you can apply this technique in other similar situations. Although the level of detail of the drop or the colour is something that will vary depending on the reference, following these steps it will be much easier to work on different cases, whether they are photos or real scenes. Now that the rainy months are coming, there will be plenty of opportunities. As always, if you have any questions I'll read you in the comments. Below is the list of materials to download and the reference pictures. Have a nice weekend!

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 Prado)- 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)- Portaminas 0.5 con minas HB- Cinta de pintor ( Yo uso: https://amzn.to/3faUMfV )- Líquido de enmascarar- Descargar las 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 Prado)- Round brush number 0 (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)- Mechanical Pencil 0.5 HB leads- Masking tape (I use: https://amzn.to/3faUMfV )- Masking fluid- Download the attached image