Step by Step: Lisbon city view (Patreon)

Paso a paso: Tejados de Lisboa

¡Hola a todos! Algunos de vosotros me habéis pedido un tutorial de tejados y vistas panorámicas de la ciudad para aprender a simplificar ya que este tipo de escenarios se dan a menudo en nuestros viajes. En la mayoría de los casos vemos tantos elementos que entramos en pánico y por miedo o por pereza abandonamos la idea de plasmarlos en nuestros cuadernos. En este paso a paso vamos aprender a simplificarlos usando una gama de colores muy limitada, esto hará que la composición tenga mucha armonía y nos ahorrará tiempo con las mezclas. ¿Estáis preparados?

Para la práctica de hoy necesitaremos los siguientes materiales:- Pincel redondo número 12 (yo uso Escoda Reserva)- Pincel redondo número 2 (yo uso Escoda Perla)- Pincel lengua de gato número 10 (yo uso Escoda Barroco)- Acuarelas (en el post de mi paleta está el listado de colores)- Cuaderno para acuarela A4 (yo uso el de Hahnemuhle 200gr)- Rotulador Posca Blanco PC1M- Rotulador Posca Rojo PC1M- Pluma- Cinta de pintor- Tinta permanente marrón o negra (yo uso la Sketch Ink)- Descargar la imagen adjunta

Hello everyone! Some of you have asked me for a tutorial about rooftops and panoramic city views to learn how to simplify those kind of sceneries. I know they are a frequent topic in our travels. In most cases we see so many elements that we panic and because of fear or laziness we quit the idea of painting them in our sketchbooks. In this new step by step we will learn to simplify those views using a very limited color palette, this will make the composition very harmonious and save us time with the mixtures. Are you ready?

For today's practice we will need the following materials:- Round brush number 12 (I use Escoda Reserva)- Round brush number 2 (I use Escoda Perla)- Cat's tongue brush number 10 (I use Escoda Barroco)- Watercolors (in the post about my palette your will find the color list)- A4 watercolor sketchbook (I use Hahnemuhle 200gr)- Posca White Marker PC1M- Posca Red Marker PC1M- Fountain Pen- Masking Tape- Brown or black waterproof ink (I use Sketch Ink)- Download the attached image

PASO 1: ENCAJE A LÁPIZSTEP 1: PENCIL SKETCH

Tras situar la línea del horizonte, tomo como referencia los elementos principales de la composición, en este caso la catedral de la izquierda y la cúpula de la derecha. Una vez dibujados sitúo las casas más grandes usando figuras geométricas. Estoy utilizando un portaminas con mina HB.

After locating the horizon line, I take as reference the main elements of the composition, in this case the cathedral on the left and the dome on the right. Once drawn I add the largest houses using geometric shapes. I am using a mechanical pencil (HB lead).

En la parte de la derecha continuo haciendo casas más pequeñas pero esta vez de manera aleatoria, teniendo en cuenta sólo el tamaño (cuanto más cerca estén del primer plano, más grandes serán).

On the right side I continue sketching smaller houses but this time randomly, focusing just about the size (the closer they are to the foreground, the bigger they will be).

PASO 2: CIELOSTEP 2: SKY

Con azul claro y gris de Payne hago un cielo con nubes trabajando en húmedo (En el tutorial de cielos en acuarela encontraréis más información). 

Using Bright Blue and Payne's Grey I create a cloudy sky working on wet on wet (you will find more info about watercolor skies in this tutorial)

PASO 3: PRIMERAS AGUADASSTEP 3: FIRST WASHES

Vamos a usar una mezcla de cálidos (Indian Gold + Sepia + Sombra Tostada) y otra de fríos (Azul claro + Sepia), ambas con bastante agua, para sombrear algunas paredes. Con un tono rosado y otro amarillo le doy un toque de color a algunas casas de la derecha.

We are going to use a warm mix (Indian Gold + Sepia + Burnt Umber) and a cool mix (Bright Blue + Sepia), both with lot of water, to shade some walls. With a pinkish hue and some yellow I give a touch of color to some houses on the right side.

PASO 4: DETALLES CON PINCELSTEP 4: BRUSH DETAILS

Aquí viene una de las partes más complicadas: luchar contra esa vocecita interior que nos dice ¿Cuántas ventanas hay? ¿Y balcones? ¿Qué tamaño exacto tienen? ¿Están bien alineados?. Nos vamos a olvidar de todo eso, vamos a coger nuestro pincel del número 2 y con las mezclas anteriores para el sombreado (el tono cálido y el frío) pero esta vez con menos agua, vamos a empezar a situar con manchas los diferentes elementos de las casas (ventanas, cornisas, puertas…) y algunas sombras en las zonas más oscuras. No os volváis locos, como siempre os digo, es mejor una mancha que un rectángulo perfectamente delimitado. 

Here comes one of the most complicated parts: fighting against that little inner voice that asking us: how many windows are there? And balconies? Which shape have they? Are they well aligned? We are going to forget all that, we are going to take our brush number 2 and using the previous mixtures we created for shading (the warm and cool values but this time with less water) we are going paint some different elements (windows, cornices, doors ...) and also some shadows in the darkest areas. Don't go crazy, remember, a brush stroke is better than a perfectly delimited rectangle.

PASO 5: TEJADOSSTEP 5: ROOFS

Vamos a preparar mezclas diferentes usando los tonos Rojo Inglés, Violeta Rosa de Quinacridona e Indian Gold. Lo ideal es ir cambiando las proporciones para obtener diferentes colores y así darle más dinamismo al dibujo. En los tejados que están en el primer plano haremos algunas líneas y a medida que nos alejemos irán perdiendo detalle y convirtiéndose en sencillas manchas de color.

We are going to prepare some mixtures using English Red, Quinacridone Violet Rose and Indian Gold. Try to combine those colors in different proportions to obtain different values that give more vibrancy to the drawing. We will add more textures and lines on the foreground roofs, as we move far in the distance they will lose detail and become simple color stains.

PASO 6: DETALLES A PLUMASTEP 6: FOUNTAIN PEN DETAILS

Con la pluma y una tinta resistente al agua de color preferiblemente marrón, vamos a añadir algunas líneas en los tejados, salientes, cornisas, balcones, ventanas pequeñas… ¡Importante! No hay que perfilar todos los bordes de las casas sino colocar algunas líneas que le den fuerza a la estructura.

With the fountain pen and a waterproof ink (preferably brown), we are going to add some lines on the roofs, edges, cornices, balconies, small windows... Important! It is not necessary to outline all the edges of the houses but to place some lines that give strength to the structure.

PASO 7: AÑADIENDO SOMBRASSTEP 7: ADDING SHADOWS

Con una mezcla de Sepia + Indigo vamos a situar algunas sombras para dar volumen al dibujo. Las colocaremos principalmente en las zonas bajas de las casas y en parte de los tejados. Con la pluma podemos añadir algún punto más de oscuridad. 

With a mix of Sepia + Indigo we are going to add some shadows to give volume to the drawing. We will put them mainly in the lower areas of the houses and in some parts of the roofs. Using the fountain pen we also add more darkness in some areas.

PASO 8: ÁRBOLESSTEP 8: TREES

Con Indian Yellow + Verde oscuro vamos a colocar la vegetación en los huecos que hemos reservado. Mezclamos ambos tonos directamente en el papel (ver tutorial de árboles y vegetación)

With Indian Yellow + Dark Green we are going to paint the trees in the white gaps we have left. We mix both colors directly on the paper surface (you will find more information about this topic in the watercolor trees tutorial)

PASO 9: LUCESSTEP 9: HIGHLIGHTS

Con el rotulador Posca de pintura acrílica blanca y la ayuda de una regla vamos a iluminar la parte superior de los tejados y a añadir luces en algunos puntos del dibujo. Con el rotulador Posca rojo podemos también dar toques de color en algunas zonas. 

With the white Posca acrylic marker and a ruler we add some highlights to the top of the roofs and some other parts of the drawing. With the red Posca marker we can also give touches of color in some areas.

Retiramos la cinta y este sería el resultado. Os dejo también un detalle del dibujo para que veáis los trazos y pinceladas. Como siempre, dejo la imagen original de referencia más abajo para descargar. 

Espero que os haya gustado este paso a paso y a partir de ahora nos quitemos los miedos a la hora de dibujar este tipo de imágenes. ¡A por ello!

We removed the tape and... this is the final result!. I also leave here a close up view so you can appreciate the strokes and lines. As always, I leave at the end of this post the original image reference for downloading.

I hope you like this step by step exercise and from now on you won't be afraid of sketching these kind of views. Let's go for it! 

Extra: Y aquí el gif de todo el proceso (si en la app no aparece, en la versión web podéis verlo)Extra: And here is a gif with the hole process (if isn't available on the app, you can watch it in your browser)