Cracking up

Here's a quick post on how to create the crack in the office window tutorial. It's basically a quick use of the straight line and bezier curve tool and some moving around of nodes. 

Combining the spiky shapes (Path/ Union) cleans it up a little bit more - as you won't see the overlaps. Keep in mind to combine two objects at a time in inkscape.  

I hope this quick tutorial explains the creation of the crack well enough.

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


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.


  1. Amazing!!
    thanks for all tuts, the best inkscape site!

  2. I dont understand why you would have the lighter group below the darker group?

  3. @Cooper - It just depends on the effect you want to achieve and the colours of the background you place the cracks on... Sometimes it looks better to keep the light on top - it creates more depth in the 'cut line'... The crack in the window had no 'surface' below the black cut... I hope this makes sense...

  4. I'm a little unclear how you did the grunge effect (first mentioned in the Office windows tutorial). Is that one of the filters options in Inkscape?


  5. @Jellinger - no... it's not a filter option it's a set of vector shapes I keep handy to 'grunge up' some vector art right in inkscape rather than in gimp.
    I googled grunge vectors and found this one...
    [which is close to what I am using]

  6. I can't really get how you are drawing a spiky ended shape, with berzier curve tool. Inkscape has triangle in/out but only for a line and I even can't find out how to manipulate the lines' width :( (yeah, I'm a programmer :P )

  7. Kon_nos - no problem... It's not a line with a width... The example crack [image 1] is a 10 node shape I handdrew with the line tool. You draw on line that has the shape intended and then track back with a small spacing to the beginning node.

  8. The Creation of The Crack! My prayers have been answered :D