Tilable Textures

Text and images Copyright (C) 2002 Adrian Likins and may not be used without permission of the author.

Intention

The GIMP 1.2 series have a nice new feature I refer to as gradient brushes. Essentially, this is just the regular paint tool, but instead of painting with a constant color, it gets its color from a gradient and rotates through the gradient as you paint.

Using Gradient Brushes

grad_brush_dialog.png

Gradient brushes can be accessed from the standard paintbrush dialog. Just check the option “Use Color from Gradient” and start painting. You can also press the Gradient button to change the current gradient. Try “German flag smooth”, for instance.

grad1.jpg grad_text1.jpg grad_text2.jpg

Just filling in an image with a gradient brush is a good start for interesting textures, and you can make some nice ones that way.

But that gets a little boring after a while. To really spice thigns up a bit, you need some more interesting brushes. So called “grunge brushes” work quite well for this use. A very nice set can be found in the June 1999 edition of thegimp.com, in the brushes section. Get these for real fun with gradient brushes.

Basically, just select one of those brushes, and se the spacing to something reasonable (most default to 10 or so). I would suggest setting the spacing to about 80-120 or so. Of course, please experiment.

For example, lets choose the “Grunge 15” brush. Set its spacing to about 70 or so. Now choose a gradient from the the gradient selector ( Dialogs -> Gradients). Just about any of them will do fine. Pick one at random, you can get nice results from any of them. For this particular example, I used “Caribbean_Blues”.

Now for the easy part. Draw random stuff on the image. Or not random. It doesnt really matter. If you want to stick to a very set pattern, your texture might look a bit more orderly. Fill the image completely if you dont want alpha poking though. Nice eh?

grad_example_1.jpg

The hard part is making the image tilable. The easiest way to do this is to offset your image by half its height, and half its width. Select Layer -> Transform -> Offset. Then choose the convient “x/2, y/2” option, and hit OK. Your image will now show what used to be at its edges at the center of the image. The secret to making tileable images is to make this transition smooth.

grad_example_2.jpg grad_example_3.jpg

For gradient painting with grunge brushes, this typicaly just means painting along those lines. You probabaly want to give it a bit of character so it looks more natural. You will probabaly want to avoid painting at the edges of the image when you do this. But if you do, just repeat the above steps again and you should be fine.

grad_example_4.jpg

Offset that image one more time (or not,actually…), and your ready to go.

Things to tweak

Of course changing the gradient type, and the brush will have a big effect on the look of the texture, but so will more subtle things like the opacity of the brush, and the paint mode can make for some interesting effects. These type of textures also seem to work well for layering two or three textures together with different layer modes.

All in all, this is nice and simple, and fast way to create some colorful textures.

Examples

texture1.jpg texture2.jpg texture3.jpg texture4.jpg

Just some examples whipped up in a few minutes.

The original tutorial can be found here.