Create a Surreal Piece of Art

Average: 4.3 (136 votes)

This tutorial is directed towards beginners and thus will go into significant detail on how to accomplish each step. This tutorial was made specifically for Gimp 2.6.4.

Hello and welcome to my Gimp tutorial. My name is Jacob Philpott and I am a graphic designer.I hope you enjoy my tutorial! In this tutorial I will show you how to create this image from scratch:

We will use several techniques including some filters and these tools:

In case at any point you have trouble finding any of the Dialogs that I refer to in the tutorial, you can find all of them by accessing this menu:

Step 1

First create a new image. I made mine 500x647px at 300ppi. Next create a new transparent layer. Use the Paths Tool and create a simple path:

Tip: click and drag from the ruler markers on the side of the image to create guidelines to place the dots exactly where you want them.

Step 2

Go to the Paintbrush Tool and select this brush and these settings:

Access the Brushes Dialog (Shift+Ctrl+B by default) and on the brush, make the spacing anywhere from 5 to 9.

Step 3

Open the Paths Dialog and right click on the 'Unnamed' path. Select "Stroke Path" with these settings:

Step 4

Go to Filters>Distorts>Polar Coordinates and use these settings:

Step 5

Go to Filters>Distorts>Wind and use these settings:

Step 6

Repeat the Polar Coordinates filter but use these settings this time:

Step 7

Create a new transparent layer. Using the Ellipse Select Tool, create a circle selection that looks like it naturally fits in the bottom curve of the path:

Tip: on the Tool Option dialog, make sure the "Fixed: Aspect ratio" is checked and set to 1:1 in order to get a perfect circle.

Step 8

Next, select the Blend Tool with these settings:

Click and drag from the top left of the circle selection towards the bottom right of the selection to create a gradient. Finally, deselect the circle by going to Select>None.

Step 9

On the Layers Dialog, move the layer with the circle below the path layer. Zoom in closely and use the Eraser Tool to erase the part of the path that should be behind the circle.

Step 10

Go to the background layer and with the Blend Tool, create a simple gradient from top left to bottom right.

Step 11

Hide the background layer and then go to Edit>Copy Visible and then Edit>Paste. On the Layers Dialog right click on the "Floating Selection" and click "New Layer". Finally, hide the two visible layers and reveal the background layer.\par

Step 12

Duplicate the top layer a couple times. Resize and move the other layers around to create some depth.

Tip: use Gaussian Blur to blur layers that are far away to increase the idea of depth in the image.

Step 13

Now for a little color. Go to Edit>Copy Visible and then Edit>Paste. On the layers dialog, right click on the "Floating Selection" and click "New Layer". Change the foreground color to #331900 and make sure the background color is white. Go to Colors>Map>Gradient Map. Change the layer mode to "Overlay".

Get on time success in 640-553 dumps & 000-153 exams by using our latest and high quality testking 220-702 and other superb HP0-Y31 exam pass resources of testking ccnp.

lucid's picture

I am just learning GIMP and

5

I am just learning GIMP and this was a great piece to start with. Your detail was very easy to follow and my image turned out awesome. Thanks

ajit's picture

I'm glad that my mission was

I'm glad that my mission was accomplished: to make it simple for beginners :)

Gimper's picture

Great work on the details

Great work on the details Ajit :)

James's picture

Cool site!!! Create a Surreal

Cool site!!!

Create a Surreal Piece of Art
ajit – Thu, 02/05/2009 - 19:15 Effects

Your rating:
Select ratingPoorOkayGoodGreatAwesomePoorOkayGoodGreatAwesome
Average: 4.5 (4 votes)

This tutorial is directed towards beginners and thus will go into significant detail on how to accomplish each step. This tutorial was made specifically for Gimp 2.6.4.

Hello and welcome to my Gimp tutorial. My name is Jacob Philpott and I am a graphic designer.I hope you enjoy my tutorial! In this tutorial I will show you how to create this image from scratch:

~James

Manuel R. Ciosici's picture

I love this tutorial. It's

5

I love this tutorial. It's great and with lots of detail.

ajit's picture

Thanks people :)

Thanks people :)

starlight86's picture

cool tutorial ajit. congrat

cool tutorial ajit. congrat :)

ajit's picture

thanks starlight :)

thanks starlight :)

Cem Kalyoncu's picture

That was quite a morning

5

That was quite a morning inspiration (http://darkgaze.org/downloads/morninginspiration.xcf). Apart from being a good tutorial, its a nice piece of art.

Lateralus's picture

Superb. I am more of an

5

Superb. I am more of an intermediate and this will do well for us too,just to get more ideas.

ajit's picture

thanks people :)

thanks people :)

Becca-chan's picture

I would try if I could.. But

3

I would try if I could.. But my paths tool doesn't work. >.> And I only have Gimp 2.2.13 x]

But the tut looks nice.

Lateralus138's picture

Um. Why not download the new

Um. Why not download the new Gimp for free and install it. Not a difficult task.

ajit's picture

Yes Lateralus138 is

5

Yes Lateralus138 is definitely right, you should be able to download the latest version on your computer... if you have tried in the past and it doesn't work for some reason, maybe start a help topic in the forum?

Good luck :)

Matthew's picture

nice, there is a lot of good

nice, there is a lot of good stuff. The steps are easy to follow and they are very detailed.

ajit's picture

Thankie :)

Thankie :)

Benn's picture

Very nice tutorial, thank

5

Very nice tutorial, thank you.

Igor Kraut 's picture

Thisis realy very good

Thisis realy very good introduction to Gimp and for me also to making graphics on my nb :) but I have one problem:
When I`m making circle and then when I use blend tool the circle is just infront of path.I don`t know what to do with,it realy don`t look very nice when you have it before path. I wonder if someone could tell me what am I doing wrong. I followed every step, read it at least twice.
Pls write something for solution. Thank you very very:)

ajit's picture

Press ctrl-L to open up the

Press ctrl-L to open up the layers dialog and make sure the circle layer is below the paths layer

Igor Kraut 's picture

Yes,I`ve got it:)))) Thank

Yes,I`ve got it:)))) Thank you so much:))♥♥♥big big happy smile♥♥♥

El Llama's picture

yay, tis a great tutorial...

5

yay, tis a great tutorial... such an interesting piece, yet so simple.. i love it!

ajit's picture

thanks :)

thanks :)

Hackuity's picture

Simply awesome! Great tut...

5

Simply awesome!
Great tut...

Empress's picture

that was excellent work,

5

that was excellent work, great details. I've been on GIMP for a while but i have never really done much and that was absolutely great..............................Just on thing^^ i dont have that brush can i get some help???

Alpsman's picture

Very nice but I think I am

Very nice but I think I am missing something. From step 3 to four; You stated to select the "Dunes" in brushes, which I did. But, in step 4, your line appears as solid with reflection. Mine still is in "Dune". Also, what "spacing" are you referring to in the brush selection step?

Newbie here, sorry.

Lateralus138's picture

You can find the spacing bar

You can find the spacing bar on your "Brushes" dialog box in your "Channels, paths and gradients" window down at the bottom by the "Layers" and "Patterns".

Alpsman's picture

Oh, cool, thanks Lateralus.

Oh, cool, thanks Lateralus. What about the "wet look" of the Path instead of dunes?

Lateralus138's picture

Try it. That is what I do.

Try it. That is what I do. With Graphics programs there are an almost infinite number of possibilities. Experiment. I just think of these tutorials as a way to learn how to use the program and learn techniques. I just do the tutorial once the way it says to be 100% I know how it works and then I do like 3 or 4 more in the next couple days but using different techniques I have learned elsewhere and figured out myself to see what I get and to be sure I know how to do it. I then wait a week and try it again without using the tutorial to see what parts I have forgotten and then focus on those things until it is pounded into my head.

Visitor-barcboy09's picture

Can I post it on a forum for

5

Can I post it on a forum for a tut and give credit to you

Gimper's picture

@ Visitor-barcboy09 you can't

@ Visitor-barcboy09 you can't repost the whole tutorial anywhere else, you may translate/re-write it but please don't duplicate the actual tutorial.

Alpsman's picture

Yup, I hear you and that is

Yup, I hear you and that is the way to learn, no doubt. I do exactly what you do, including the requirement to "pound it into my head". Heck, I remember even in college having to re-read a section in my physics text about 15 times before it sunk in.

Still, I would like to know what brush he used in step 2, or other technique to get that solid brush stroke, because the tut says "Dunes" was selected, but it definitely is not the "Dunes" brush (at least in at step 4).

Thanks

ajit's picture

Hmm I'm not sure where the

Hmm I'm not sure where the problem is, but I definitely used the dunes brush, a brush that should come with Gimp.

Just make sure you match all of the settings to mine, and make the spacing pretty close

Lateralus138's picture

Yes it was definately the

Yes it was definately the Dunes brush.

retarded boy frog's picture

yea imma retarded boy and i

3

yea imma retarded boy and i do go hard frog is the name and i goto dat C where it gets dumb but this picture is kinda tight

Zen00's picture

Sweet tutorial, now the only

5

Sweet tutorial, now the only thing I'd improve on is giving the ball a texture, maybe eggshell or something.

rita's picture

Very good tutorial, but for

Very good tutorial, but for some reason step 13 (gradient map) didn't work form me - still no color. I wonder why...

rita's picture

Ok, I got it. The gradient in

Ok, I got it. The gradient in the step 13 should be "FG to BG" for the color to show. And I had "Default" selected instead.

Bex - Newbiw's picture

hey there FANTASTIC tut. Its

hey there FANTASTIC tut.
Its the only tutorial i hav ever read that actually goes into the detail i need.
the only thing i am having problems with is the Gaussian Blur i have NO CLUE what it is, how to do it or where to find it !!

help please

kms's picture

awesome...thank you vRY

5

awesome...thank you vRY much....

Tom Gurney's picture

Great tutorial, hopefully

4

Great tutorial, hopefully once people try it out they can add their own style and creativity to it. Of course Art is about creativity and originality, so this tutorial should just be a start. Perhaps users should post links to their Abstract Art here, that they developed from this tutorial? Maybe then write another quick post with all the best Abstract Art work?

lsdmoleleki's picture

Da webmaster(s) should make

Da webmaster(s) should make these tutorials available in pdf form so that i can read and share them with friends whilst im away from the internets.

Visitor's picture

I still don't get how to move

I still don't get how to move the layer beneath the paths layer? what is the paths layer?
:S

Alex's picture

Good site, admin.

2

Good site, admin.

Deewri's picture

Beautiful piece of work. I

5

Beautiful piece of work. I was able to get one nested egg, however, I have been stuck on step 12 forever. I cannot get the duplicated layers to move. My selection tool stays as a cursor and doesn't change form. Not sure what to do. I know I have to stop pulling my hair out.

Deewri's picture

Nevermind. I finally figured

5

Nevermind. I finally figured it out. Geeeze...I won't even tell you what I was doing wrong. Embarrassing. Kinda.

Great TUT.

Eso 's picture

I cant make it work. Can you

I cant make it work.
Can you please make a video of this ?
Pleease.

Visitor's picture

I have a problem. After step

I have a problem. After step 3 my path comes out as very fragile, nearly invisible gray patching, not black like yours. Everything else works out well, but the .. thingy that should be black, is gray and very weak.

same^'s picture

I think I got this. Looks

I think I got this. Looks sweet, but what "Change the layer mode to "Overlay"" means.

same^'s picture

^ Im the same again, 3rd post

^ Im the same again, 3rd post xD

Okay. I got it to overlay (im dummy, was right in front of my eyes) but.

Are you sure that the brush in the picture is right? I tried to do this with a normal, black brush and not the cloud looking one. My picture turnt out to be awesome.

THANK YOU!!!

bugsydor's picture

This looks even cooler if one

5

This looks even cooler if one uses "divide" instead of "overlay."

LuLu's picture

uhh i dnt get it.

1

uhh i dnt get it.

vijaydude's picture

amazing. really good.

5

amazing. really good.

Do-2's picture

Great tutorial! The outcome

Great tutorial!

The outcome is amazing. *thumbsup*

I tried it an here is the result: http://do-2.deviantart.com/art/Surreal-Art-131835197

Comments please :)

botox's picture

Oh yeah.... Perfekt....

Oh yeah.... Perfekt.... Good....

Gimtopia's picture

This is AWESOME!!!! I am a

This is AWESOME!!!! I am a new Gimper and the way the tutorial is created it is perfect for guys like me :). Great job in creation and even a better job is explaining it.

G.Angus's picture

Nice tutorial, I Learned a

Nice tutorial,

I Learned a lot about how to do various new things.
Gimp is a a real powerhouse of a digital creation tool.
Thanks, so very much.

marko90's picture

A nice effect comes when use

A nice effect comes when use Multiply instead of Overlay in the last step...

BR.

marko90's picture

or, maybe, Divide

or, maybe, Divide

Christian's picture

Very nice picture - awsome

5

Very nice picture - awsome tutorial.

Thank you from Germany!

Visitor's picture

thx, here are the

jackster's picture

Jacob, superb tutorial,

5

Jacob, superb tutorial, thanks for the taking the time to make it. I am quite new to Gimp but had no trouble following any of the steps. Very well laid out and has taught me some interesting effects as well as bread and butter stuff such as copy visible.... paste.... make new layer. Once again thank you very much!

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

Tags