Results 1 to 4 of 4

Thread: Floor tile grunge using standard Gimp filters

Hybrid View

  1. #1
    Guild Journeyer
    Join Date
    Apr 2009
    Location
    West Lafayette, Indiana
    Posts
    100

    Tutorial Floor tile grunge using standard Gimp filters

    [This is actually a cut/paste job from my blog, but I figured it might be of interest here too.]

    I've been doing a bunch of work with floor tiles this weekend, and stumbled across a pretty quick and easy way to add some nice grout grunge to floor tiles using the standard filters available in Gimp. Here you go!

    Start with a piece of floor tile, preferably with some sort of grout line drawn and in a separate layer. This is what I started with:

    Click image for larger version. 

Name:	TileDemoOne.png 
Views:	5615 
Size:	94.9 KB 
ID:	53060

    I built this by laying out the tile grout in Inkscape, then select/filling the various tiles with random chunks of a seamless marble pattern. It's not bad, but looks a bit clean and clinical. Time for a mess.

    Start by selecting the grout lines by whatever means works for you. With a grout-only layer available, you can use Select by Color on the transparent area and invert, which is what I did. Once you have your selection, grow it a bit based on tile size. In this particular image, 30px equals one foot, and grout lines are 2px, so I did a grow by 2, giving me a 6px wide selection.

    Create a transparent layer and call it Grout Grunge. Fill the selection with black or a very dark color of your choice. This is the basis of your dirt. Remove the selection and be sure this is your active layer.

    Run a Gaussian Blur (Filters/Blur/Gaussian Blur) over this layer. I used a 7px blur, which is about half a foot in scale.

    Run the Cubism (Filters/Artistic/Cubism) filter over the result, adjusting size for your image. I used a 7px tile size and 1.5 for tile saturation.

    Rerun the Gaussian Blur over the result, and you're done!

    Here's the net result applied to my sample image:

    Click image for larger version. 

Name:	TiledemoTwo.png 
Views:	1558 
Size:	120.3 KB 
ID:	53061

    The Cubism filter does a nice job of adding some randomness to the basic Gaussian blur, and re-blurring eliminates the straight lines it produces, leaving you with a nicely random set of noise that follows the edges of your tiles. Bear in mind this technique will create blur on all sides of your grout lines, so you may have to trim some of the grunge if it crosses wall lines or the like. Thinking on it, this will work well for adding grunge to the edges of rooms and corridors too.

  2. #2

    Default

    Repped ! Thanks for sharing your tip !

  3. #3
    Guild Member
    Join Date
    Apr 2013
    Location
    Baltimore, MD
    Posts
    71

    Default

    Thanks a lot, I'm just getting started with mapping and I was looking for a simple way to do this.

    By the way...West Lafayette...are you a Boilermaker? (I graduated in 2007.)

  4. #4
    Guild Journeyer
    Join Date
    Apr 2009
    Location
    West Lafayette, Indiana
    Posts
    100

    Default

    Quote Originally Posted by Pineapple View Post
    Thanks a lot, I'm just getting started with mapping and I was looking for a simple way to do this.

    By the way...West Lafayette...are you a Boilermaker? (I graduated in 2007.)
    Glad it was useful. Not a Boilermaker, I'm a Terp, but I tailgate with locals these days.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •