How to make Backgrounds and Wallpaper

Posted July 28th, 2009 by

Ever wondered how to make web page background and desktop wallpapers /backgrounds? This tutorial shows how to make background which can use for web page, desktop wallpaper and it can use for every other mediums like TV or Print media.

Helpful Links


Step 1:

We begin with a blank canvas and then draw a subtle gradient across it.  (I’m using a 1280×1024 canvas here)

Don’t be fooled by the black border incidentally, that’s just photoshop.  So anyhow I’ve chosen two orange colours that are very similar to each other to make a very subtle gradient indeed.

tut bg 1 How to make Backgrounds and Wallpaper

Step 2:

Add a NEW LAYER

Now take your Polygonal Lassoo Tool  (shortcut key L) and draw in a rough triangular selection as shown.

Then take a really fat soft brush (size 300 or so)  and draw some faded in white with the edge of it, again as shown.  Be careful not to make it too strong however.

tut bg 2 How to make Backgrounds and Wallpaper

Step 3:

Set your white from step 2 to ‘OVERLAY’.

NEW LAYER

Now again take your Polygonal Lassoo Tool and do a similar trinagle but back and against it (like shown).  This time add some black.  I actually used a gradient fill here using Black and nothing.  You can get this type of gradient by selecting your gradient tool then dropping down and choosing the second one along:

tut bg 3 How to make Backgrounds and Wallpaper

Step 4:

Set your black layer to Overlay & 34%.

NEW LAYER

Now use the Pen Tool and draw a nice looking curve.  The secret to nice curves with the pen tool is dragging the handle a long way.

Join the path back up so its one continuous blob, then right click and select “Make Selection…”



Related Articles

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic, or follow us on Twitter. Get promotion with Hypesol.
Name: Email:
2 ResponsesLeave a comment
  • tutorialslounge
    July 29, 2009 at 10:56 am

    smashing post. thanks

  • Manuel
    August 27, 2009 at 9:23 am

    Very usefull indeed, it shows up some good-to-know basics in photoshop. Thanks!




  •  
  •  
  •  
Around The Site
Free Subscription

Enter your email address:

 
Become Facebook Fan
Links
Get Adobe Flash playerPlugin by wpburn.com wordpress themes