This is a tutorial requested by one of the readers on how to create a building made of brick. In order to clarify what he meant I quickly created this one and wrote up the tutorial to explain the steps. 

There are a few  problem when adding pattern added to a shape. You have to make sure it’s seamless (it tiles properly horizontally and vertically). You have to make sure it scales well with your object (too much detail might be lost in a smaller view and too little detail will look boring) and you need to make sure it matches the illustration style (a bitmap photo in a vector illustration might cause serious inconsistency in the look and feel). 

This is a brick building. We all recognize the pattern but it looks boring because the blocks are too big and too even. It’s also not the best design for a house. 

Let’s get started with a bunch of rectangles and build a more interesting looking house and then add the nicer brick pattern to it.

So… We got a simple yet decent looking house…

put into a row with varying colours it looks rather nice. It’s open to a lot of designs now (e.g. you could add wood boards as a pattern and place it in Scandinavia.).  

For now we are after bricks so let’s add some pattern.

When creating a pattern always try and look at the larger project rather than the one element you are working on. Will you need to reuse the pattern? Will there be colour variations? Do I need to make it scalable? You can save a lot of time and repetitive work  if you keep those questions in mind. Work with e.g. transparent elements for shaders rather than tinted variation of the base colour or convert your lines into paths to allow for a proper scaling.

I hope you enjoyed the tutorial as much as I did creating it. Have a great day and keep your creativity flowing.

Get the source art (svg file) of this tutorial for

USD 3.00