Pages

Creating a brick building

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

buy

Chris Hildenbrand

2D game artist, pixelpusher, vector bender, face turner for over thirty years. I worked on more games than I can remember... The most recent release is "Super Crossbar Challenge" for iOS (Android coming soon) with Shattered Box, Fredbear Games and PlayPlayFun.

4 comments:

  1. Very useful. Seems like a challenge would be figuring out how to align things (bricks, roof tiles, etc) in a way that's interesting and still depicts what it's supposed to show. Enjoyed this article.

    ReplyDelete
  2. Do you maybe have some suggestions how to make vector art clearly visible on very small resolution like 48x48? Take clearly with some reserve. Love your tutorials, thank you! Sorry for bad english btw :P

    ReplyDelete
    Replies
    1. No problem, Michael... I had the art for this tutorial lying around for a few weeks and just didn't get around to it - until today. Check out the newest post. I hope it helps.

      Delete
  3. Just found your blog - awesome resource for those of us indie game developers who are also artist wannabes! Your tutorials are so easy to follow it makes me almost think I can actually do art for one of my games. Almost. :)

    I have Inkscape but find myself hopelessly lost in it, so I do your tutorials on my iPad using a program called Inkpad that does vector drawing. I have to translate your Inkscape instructions to the Inkpad controls, but it still usually works okay.

    Thanks for the tutorials. Looking forward to more of them.

    Jay

    ReplyDelete