Step by step tutorial - drawing building of coffeeshop

Step by Step tutorial – drawing coffeeshop building

In this step by step tutorial I will show you how to draw a cozy coffeeshop building – from simple sketch to the final details. This one is special because it is my favorite coffee place near our home in Prague 🙂

Perfect for your sketchbook, postcards, or just for fun!

I will be using alcohol markers for this drawing, but feel free to use any materials you like. For this sketch I used Color Copy paper (250g) and the following TOUCH markers and other tools.

What I used for this drawing

  • TOUCH Markers:
    • WG 0.5, WG 1
    • BR 93
    • PB 272
    • BG 3
    • Y 38
    • CG 8
    • R 140, R 10
    • RP 293
  • Mechanical Pencil Kaweco Sport
  • Eraser
  • Uni POSCA White acrylic marker
  • Liner 0.3 Black
  • Gray Color pencil
Marker sketch of coffeeshop building - What I Used for This Drawing
Pencil Sketch of Coffee Shop building

Step 1 – Pencil sketch

I made a quick pencil sketch without many details, trying not to press too hard on the pencil. At the end I used an eraser lightly to make the lines less bright, but still visible for me.

Step 2 – Base color of the walls

Base color in marker sketch of Coffeeshop building by Tatiana Saturday Sketch

I am filling in the walls of the building with a WG 0.5 marker.

Step 3 – Adding some shadows

Adding some shadows with BG 3 marker

I am adding shadows with a BG 3 marker on the left side of the building, under the windows, and along the roof.

Step 4 – Blending with the previous color

Blending it with the previous color, WG 0.5.

Blending it with the previous color, WG 0.5

Step 5 – Adding more details

Adding more details with the CG 5 marker

Adding more details with the darker CG 5 marker.

Step 6 – Adding red details

Adding red details with R 10 marker

Adding red details with the R 10 marker.

Adding color to the roof and pavement

Step 7 – Adding color to the roof and pavement

Adding color to the roof, windows and pavement with R 140 marker.

Step 8 – Coloring the roof with a darker marker

I am coloring the roof with a darker marker BR 93.

Coloring the roof with a darker marker
Smoothing the edges of the darker marker with the previous color

Step 9 – Smoothing the edges of the darker marker with the previous color

I am using the R 140 marker to smooth the edges of the darker color on the roof.

Step 10 – Adding color to the missing parts

Adding color to the missing parts like chimneys on the roof with light WG 0.5 marker. I also added this color to the pavement + some extra bubbles below (optional).

Adding color to the missing parts like chimneys on the roof

Step 11 – Adding more details to the pavement and enhancing some shadows

Adding more details to the pavement and enhancing some shadows

Adding more details to the pavement and enhancing some shadows using BG 3 color.

Step 12 – Adding darker shadows and some color to the windows

Adding darker shadows and some color to the windows

Adding darker shadows and some color to the windows using CG 5 marker.

Adding darker shadows and some color to the windows

Step 13 – Adding a more complex color

Adding a more complex color to the shadows in the pavement with PB 272 marker.

Step 14 – More color!

Adding a more complex color to the shadows on the left side with RP 293 marker.

Adding a more complex color to the shadows on the left
Softening the edges of the RP 293 marker a bit with the WG 0.5 marker.

Step 15 – Softening the edges

Softening the edges of the RP 293 marker a bit with the WG 0.5 marker.

Step 16 – Adding some brown details

Adding some brown details with BR 93 marker to the roof, the pavement and the road sign.

Adding some brown details with BR 93 marker
Coloring the greenery in the pots

Step 17 – Coloring the greenery in the pots

Coloring the greenery in the pots. I start with the R140 marker (I know, it’s not logical and not green, but I purposely did not include green in the palette to show how you can manage without it).

Step 18 – Adding a touch of ‘sunlight’

Adding a touch of ‘sunlight’ on the surfaces with the Y 38 marker.

Adding a touch of 'sunlight' on the surfaces with the Y 38 marker
Adding darker tones with the CG 5 marker

Step 19 – Darker tones with the CG 5 marker

Adding darker tones with the CG 5 marker.

Step 20 – Highlighting small details

With a grey colored pencil, highlighting small details like bricks and wall textures and shadows on the greenery.

With a grey colored pencil, highlighting small details like bricks and wall textures
Adding more depth to the wall color at the base using the RP 293 marker

Step 21 – Adding more depth

Adding more depth to the wall color at the base using the RP 293 marker.

Step 22 – Now adding a dark color to the windows

Now adding a dark color to the windows with the CG 8 marker.

Now adding a dark color to the windows with the CG 8 marker

Step 23 – Adding some highlights

Adding some highlights with a white acrylic marker

Adding some highlights with a white acrylic marker (I am using UNI Posca).

Step 24 – Adding the coffee shop name

Quickly adding the coffee shop name with my mechanical pencil

Quickly adding the coffee shop name with my mechanical pencil.

And adding some final touches with a black liner and a red colored pencil

Step 25 – Adding some final touches

And adding some final touches with a black liner and a red colored pencil.

And that is it – our cozy coffee shop is finished! I hope you enjoyed following along with this step by step process and found it helpful for your own sketching. Remember, you do not need to copy it exactly – feel free to experiment with your own colors and details to make it unique.

I would be really happy to answer any questions you may have. And if you try this tutorial, I would love to see your results – please share them and tag me so I can enjoy your creations too!

Thank you!

-Tatiana

P.S. I will be collecting all these tutorials under the Step-by-Step category, so you can easily find them in one place. And here is another one of my tutorials on sketching with alcohol markers: Domestika.

.

.

Leave a Comment

Your email address will not be published. Required fields are marked *