iEntry 10th Anniversary RSS

Fresh Photoshop Tutorials

Stunning Abstract Wallpaper Design

  Added on April 16, 2008 inside Designing & Uncategorized category     |     View Comments or add a response!



In this tutorial I am going to show you some simple ways using the pen and brush tools to create a really cool abstract background. These techniques can used for many different projects. In this particular tutorial I thought it would be cool to show you how to make a wallpaper using these techniques.



Click Here to View Large Image

First, just start off with whatever size your screen is, in my case I am using a widescreen monitor at 1680X1050 but that is so large I am just going to use the size 800X600.

So start a new file with whatever size you are going to use and make the background black.

Now we need to grab our brush tool and choose some settings for it so go to your main tools and pick your brush:

Now in my version of photoshop to choose my brush settings I am going to go to the brushes tab that is on my main top bar of photoshop:

If you don’t see it there click this little icon beside those tabs:

In brush tip shape key in a 4px regular brush or just use a 5px:

Then check “Shape Dynamics” and use these settings:

Ok that is it for the brush settings for now. Also, pick white as your brush color on your regular tools palette.

Next get your pen tool:

On your canvas within your new layer click a little below the actual canvas with your
pen tool:

*This is the bottom left corner of my canvas

Next click in your canvas, while holding down your mouse button drag your line to the top left like this:

Then just click somewhere else and you should get a curved shape:

Now right click (still using your pen tool) on your line and click stroke path:

Then hit OK and you should get something like this:

Actually after you click ok your pen line will still be there so right click on it and click “delete path”.

That simple way of using your brushes and pen tool is pretty much the basis for this whole tutorial. We are now going to stay in the same layer and create multiple curved lines with different sizes like this:

Then pick a 2 or 3px brush and do the same thing in a new layer until you get something you like. Here is my result:

Ok one more time pick a larger brush size like 6px and make some a few longer curves that extend past the other ones. Also you need to change your fade setting to a larger number so the longer curves won’t fade out too soon. I put my fade level on 425. Here is my result of that step:

Now those 3 different layers you have, duplicate the mid sized lines you made and move them around so you have more lines on your canvas:

After that step we want to add a glow to the curves so just pick any layer and add these blending options to it:

outer glow:

After you are done right click on that layer and click copy layer style:

Now paste that layer style on all the other layers by right clicking on each later and clicking “paste layer style”:

My result:



Click Here to View Large Image

Ok Now to add another touch to make this really stand out… Just pick the layer you have at the very top and grab a 200px soft brush with the color white. Click with it a few time in the bottom left corner until you get this result:



Click Here to View Large Image

I think this is turning out really well but there are a few more touches I would like to add to make this even better.

Get your pen tool again and in a new layer make a shape on your canvas like this:


Click Here to View Large Image

Just do a random shape similar or whatever you feel like experimenting with. After that right click with your pen tool on your shape and click “make selection”.

Now pick your gradient tool and drag random gradients all through the shape. I used the same color blue as with the glow and made it have transparency. Here is my result:



Click Here to View Large Image

Now I am going to add a motion blur to this shape to give it a cool effect:

In my version of photoshop I just go to filter>>blur>>motion blur on my main menu…

Motion blur:

My result:



Click Here to View Large Image

That is about it, I am going to add a few more touches with my brush and changing its brush settings to scatter. If anyone would like me to add on to this tutorial for this part let me know.

Thanks for reading!

Final Result:



Click Here to View Large Image

Here’s the wallpaper for other sizes:

1024X768


Click Here to View Large Image

1680X1050



Click Here to View Large Image

Comments

Comments RSS     |     trackback uri [?]

    bertil lundren said on April 18th at 9:48 am: ( )

    Hi! this i realy good! but when i can’t klick at “stroke path” , why??

    zwc101 said on April 18th at 12:32 pm: ( )

    Good tut. For your question bertil; with the pen tool still selected, right click and click “stroke path.” It should be somewhere towards the bottom. Make sure brush is selected and the box that says “Pressure” is checked.

    Isaac said on April 18th at 3:37 pm: ( )

    and make sure when pens slected, under image theres 3 boxes click the middle one.

    Tutorials Room said on April 19th at 3:43 am: ( )

    Hi , your tutorial was chosen for the main page of http://www.tutorialsroom.com and under Photoshop tutorials. Please feel free to submit more of your good tutorials using this link: http://www.tutorialsroom.com/tutorials/submit_tutorials.html

    alex said on April 19th at 2:55 pm: ( )

    It is literally impossible to stroke path

    Peter said on April 19th at 4:48 pm: ( )

    When i right click the line “Stroke Path…” is still grayed out. Any ideas?

    Peter said on April 19th at 4:51 pm: ( )

    Okay, instead of using the pen tool at all just set the brush the way he says then use that. It seems to create the lines correctly.

    Ryan said on April 20th at 2:13 am: ( )

    Oh my god how do you get the Stroke Path ?

    Ryan said on April 20th at 2:17 am: ( )

    even so … how do u get it to be so white ?

    Ryan said on April 20th at 2:17 am: ( )

    never mind i got it

    Ryan said on April 20th at 2:39 am: ( )

    where do u go to make it transperancy and every time i try to use a gradient tool on that random shape it says i cant

    Ryan said on April 20th at 2:42 am: ( )

    never mind i got it how do u make it transperancy ?

    Ryan said on April 20th at 2:44 am: ( )

    can u add the last part of tut here plz

    Ryan said on April 20th at 2:45 am: ( )

    ok nevermind

    Mark said on April 20th at 6:55 am: ( )

    Thanks for tutorial. Just a few Questions. The only way I could select Stroke Path is if I clicked the “Edit in Quick Mask mode” is this correct? My second question is the lines dont seem to get drawn on any of my layers. If I click the eye icons on my layers (ie. make them all invisible) I can still see the lines?? And my last question is I cant seem to change the color of the lines. They are always red?? As you can probably tell I am a beginner but would apreciate it if you could shed some light on these issues. Thanks.

    Julie said on April 20th at 7:25 pm: ( )

    It’s impossible to click on stroke path!! =’ (

    Xipe said on April 20th at 10:03 pm: ( )

    I can’t make the random gradients, whenever I make a gradient, a huge gradient fills the selection and I can’t seem to make one than more gradient cuz when I try to make another one it just erases the last gradient I made and makes a new gradient filling the selection : (

    John said on April 21st at 8:48 am: ( )

    For the gradient try pulling the gradient barely on the edges of the shape and see if you get something. If you just pull the gradient down the whole shape it will just fill it entirely

    John said on April 21st at 8:49 am: ( )

    For the stroke path you mean its impossible to right click it and click stroke path?

    Devin Bryant said on April 21st at 9:53 pm: ( )

    Okay so through a bit of research i’ve found out. you have to look at your layers and make sure your background layer is chosen. you can’t use stroke path when a mask layer is active.

    John said on April 22nd at 9:00 am: ( )

    I did some other research as well and for Xipe if you don’t have transparency chosen when you are trying to use the gradient it will fill the entire shape. So make sure that transparency is checked on your gradient tool

    Eucalypta said on April 23rd at 1:17 pm: ( )

    Thank you that was a very helpfull tut and made a green version of yours!! Thanx! :)

    JasonChmiel said on May 5th at 10:48 am: ( )

    I didn’t have the background layer activated when I made my strokes because all three of my different size lines were on different layers. I just made sure that I would only right-click once I saw the “/” symbol next to my pen. The scenario’s in which I saw that symbol were when my pen was on one of the anchor points. If Devin’s solution doesn’t help you, perhaps mine will!

    TurboNitroMonkey said on May 5th at 2:09 pm: ( )

    Hokay. I had the same problem. when I was making a path it would connect the endpoints and fill it in, and I could not select the stroke path option. I solved this by going to the top-left of my screen and selecting “Paths” instead of “Shape layers”. IE the pen inside the box with the four node corners, instead of the empty box with the four node corners. Hope that helps some people.

    Wtf? said on July 22nd at 12:07 am: ( )

    When i select background and use the pen tool, it creates a new layer, then i cant stroke the pen tool. What should should i do?

    Gqjfjdzq said on July 31st at 8:12 pm: ( )

    interesting site man

    Sid said on August 11th at 2:47 am: ( )

    Wow! The best thing i have ever seen!…….now from now i dun have to search for a good wallpaper matching my theme…….gr8!!!

    Venom612 said on August 20th at 10:24 am: ( )

    ok after messing around with it a little i have figurwed out that you dont have to use the pen tool you can just make a striaght line with the brush that he showed you how to make by clicking on your canvas with the brush tool then holding shift and draging down a line then go to filter>distort>wave and add the settings you would like and there you go. From there you can duplicate the layer or just make new ones with different settings and just place them where you need them……….hope this helps = )

    xxx videos foxworth jamie video said on September 17th at 3:30 am: ( )

    video xxx death jamie foxworth xxx video porn foxworth jamie

    fragge said on October 2nd at 2:35 am: ( )

    Wow how many clueless people are there here… you can’t stroke a path when you don’t HAVE a path. You are obviously creating a shape with the pen - click Paths instead of Shape Layers on the top toolbar to define paths. Then create your path and brush it… you people were so lazy you couldn’t check the toolbar settings? Christ.

    Ashish Sawant said on November 16th at 11:25 am: ( )

    great tuts man.
    those getting problem in PEN tool & stroke path. May be using wrong setting. Pls select PEn (P) then select Paths in toolbar of PEN. Look at the toolbar below MENU line.
    Select middle one (PATHS) below IMAGE word. Hope you may get the correct results.

    Taylor said on February 16th at 11:05 pm: ( )

    Wow, great tutorial, how did you come up with that? It was pretty cool!
    It helped me alot! Thanx

    John said on February 18th at 8:51 am: ( )

    I don’t know, just an idea that kind of popped in my head when I was messing around in photoshop. I am glad it helped you. Thanks for the comment!

    Life as a Code Sequence » More Life said on April 21st at 4:22 pm: ( )

    [...] I spent most of today working on my Photoshop skills.  I made quite a few things today (for the new blogs) but one of the things I made was a cool wallpaper.  I followed a tutorial from  http://www.stumbleondesigns.com/2008/stunning-abstract-wallpaper-design/. [...]

Add a Response!