In this one we’ll have a look at how we can create some abstract art using the Blend tool in Difference mode. We will create a symmetrical glass-like design which will teach you the basics of this technique.
This is what we’ll be making, you might also be interested in seeing examples of other works created with this technique.
First of all, let me say that this is a technique that is easy to learn, but hard to master due to the great amount of randomness involved. The technique is hard to control, and you will have to practice before you get the hang of it. I would not recommend this to absolute beginners.
Create a new image, size 1024×768, make sure the background is white.
Select the Blend tool and set Mode to Difference, Gradient to Land1, and the Shape to Radial.
Now create a gradient from the top left corner to the bottom right corner.
Our image should look like this:
Now create another gradient the opposite way, from the bottom right corner to the top left corner.
It will look like this afterwards:
Create one from the top right corner to the bottom left one so it looks like this:
Create another one from the bottom left one to the top right corner.
We need four more gradients, one from each corner to the middle of the image.
So let’s do the first one, create a gradient like in the image below:
It should look like this now:
Now create the three other gradients, one from each corner to the middle.
After you’re done the image should look somewhat like this (it might be a little different):
The colors in the image you have might be different from mine depending on the order you did your corners,
but don’t worry, it doesn’t really matter.
We’re going to adjust the brightness in some areas of the image.
The partial circle in my top left corner is too bright, to fix that we first need to create a selection around it.
Grab the Fuzzy Select tool, set the threshold to 45, also enable Feather edges and set them to 5.
Now hold in Shift and click once in the corner:
Keep holding Shift and click on all the areas inside the partial circle that are not selected until you have a selection like this:
Then go to Colors->Brightness-Contrast. Set Brightness to -60 and Contrast to 20.
Get rid of the selection. Select->None.
You might not have this in your image, but I also have a corner that is too dark. Use the Fuzzy Select tool again, but this time set the threshold to 30. Just like in the previous step, hold Shift and click until you have a selection like the one below:
Set brightness to 70 and Contrast to 45.
Get rid of the selection. Select->None.
The image has some rough edges in a couple places, so we need to soften
it a little with a Gaussian Blur. (Filters->Blur->Gaussian-Blur).
Set the blur to 2.
Our image should look somewhat like this by now:
Now we’re going to color the image, first of all we need to duplicate the layer.
Next, make sure you have the top layer selected, then go to Colors->Desaturate.
Then select Colors->Colorize.
Set the Hue to 100, and the Saturation to 60.
A final little detail that you can do is to lower the opacity of the top layer to 75,
this will give the colors more variation since the Background layer will shine through.
Our image is done:
(Click to enlarge)
Here are some other works created using this technique:
This one has a lot of circles on top of each other so that the ones in the background fade away, in the top left corner you can see a lot of faded circles that create a water-like pattern. In this one the gradient is reversed, and it uses a different shade of green than we did in the tutorial.
This image is licensed under the Creative Commons Attribution license and can be downloaded at Gnome-look.org.
This image has Conical shaped gradients in the back and some squares and circles on top of that. This one also has lower opacity than the other images to make it more colorful. Those squares are made by setting the gradient shape to Square. This one also uses reversed gradients.
Click here to go back to the top of the tutorial
That’s it, this is the end of the tutorial, tell us what you think in the comments.
deolore
January 10th, 2009
realy it extremly lovely, so how do u get these inspiration ? i love this
hello
January 11th, 2009
This is a really great and totally fun project! Thank you. Easy. Fun. Wow! Time to experiment.
MangnumP
February 5th, 2009
A lot of creativity here too. Very nice. thx
Beaver
March 5th, 2009
This…is…amazing!
I will have so much fun making avatars with this technique. Its easy, looks like it was hard to make, and quite frankly it helped me realize that just playing around in GIMP can give unexpected results. Thanks again!
Rich
March 18th, 2009
That is sooooo cool(and easy). Thank you!!
lightslash
April 8th, 2009
this was cool, lol i was looking for a background i could use, my moniter blurs all of em, i made it purple instead of green
claire
May 1st, 2009
wow…thankz!!
Matt
June 16th, 2009
Thank you very much. I’ve made some pretty awesome stuff with this so far.
Darryl
August 11th, 2009
Wow. That’s awesome. Thanks for putting this on here. it’s nice to come across something that doesn’t make you follow absolute strict guidelines in order to make it. you can actually be creative with this one.
Darryl
August 11th, 2009
you think you can post a GOOD 3D text tutorial? I’ve seen others, but none that were all THAT good. I like to make stuff with text. And this art tutorial will go perfectly with a 3D glass like text in front of it.
Ogro
August 17th, 2009
Nice tut… thanks a lot…
I just don’t get one thing… when I use the fuzzy select tool with all the settings you suggest (and even without), after the second click (while holding shift) it selects all the similar colors in all the image, how do you restrain it to just that partial circle? I tried a couple of different things, but in the end I used the path tool to make the selection the way I wanted.
I rarely use the fuzzy tool anymore with images like this where there is very little contrast between colors. Or are you using different layers for each gradient?
Thanx again.
Andrei
October 26th, 2009
Excellent, thanks!
Awsome looking result. I wonder if I can animate this in After Effects.
Andrei
October 26th, 2009
You also can make another duplicate of colorized layer and blur it some. Then use a layer mask with black and white gradient to get a DOF effect, I tried it – really nice. Adds depth to the render.
Andrew
November 7th, 2009
impressive
Emil
November 27th, 2009
Great tutorial!
Everything explained very clearly and results are stunning.
We want more!
Deb
January 20th, 2010
Looks great, very creative and luminous but what program is it done in?
yay
January 21st, 2010
Deb, it’s done in a free program called Gimp (GNU Image Manipulation Program). You can download it here: http://www.gimp.org/downloads/
Colin Hall
January 30th, 2010
Gimp is a fab program and I love the effects above. They remind of some of my work with polarised microscopy. I’m off to have a go.
Thanks Col