How to make Backgrounds and Wallpaper

by admin
Posted July 28th, 2009 at 7:58 pm

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.

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

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

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

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…”

Popularity: 10% [?]

http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/digg_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/reddit_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/dzone_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/stumbleupon_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/delicious_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/blinklist_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/blogmarks_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/furl_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/technorati_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/myspace_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/facebook_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/yahoobuzz_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/sphinn_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/mixx_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/twitter_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/jamespot_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/meneame_48.png

Random Posts



3 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!

Sponsors
Advertise with us!
Around The Site
Free Subscription

Enter your email address:

 
Blog Promoters
Blogroll
Friends Links
Galleries
Site Sponsors
Categories
Tags
Archives
Community News
  • Glowing Purple Neon Icons BusinessJuly 30, 2010

    This glowing purple neon icons business set includes a wide assortment of business and e-commerce icons (shopping carts, email, locks, keys, currencies, folders, documents, pens, penc…

  • Studio Ghibli, 25 Years Of Creative InspirationJuly 29, 2010

    Today I will take you back to 1985 to present, showcasing work from the major Studio Ghibli releases which will take most us back to our childhood!

  • Vector Silhouettes of PeopleJuly 29, 2010

    Silhouettes are so trendy today! Girls silhouettes, Business people, men silhouettes… I’m sharing them totally free for personal and commercial use.

  • 30% discount on FlashMint Templates!July 29, 2010

    We have a small holiday here at FlashMint today! We have just launched our 3000 template and as a present to all FlashMint fans we’re offering 30% discount on all flash tem…

  • How to Sell your Design Effectively to the ClientJuly 29, 2010

    Likewise, in the business of graphic designing, a graphic designer has to undergo all three steps in order to earn from his work. The Internet is filled with matter relating to first two steps of business in graphic designing. In this post, however, we …

  • 25 Remarkable Typography ExamplesJuly 29, 2010

    Typography is the art and technique of arranging type, type design, and modifying type glyphs.

  • 50+ Fantastic Space Arts : Sci-FiJuly 29, 2010

    Some of the world’s most stunning visions of space are made possible with Photoshop. The ability to combine vibrant colors, photo manipulations and ethereal effects mak…

  • How To Protect Your Blog From Hacking AttemptsJuly 29, 2010

    Following the famous saying, “Security is only as strong as its weakest link,” security is very essential, especially when it comes to doing online things. A single weak link can be used to compromise all your hard work and even online identity.

  • 30 Clever Logos with Creative Use of Letters and TextJuly 28, 2010

    In this post, we’ve gathered up 30 clever logos with creative use of letters and text that showcase how effective type-based logos can be.

  • How to create a top quality logo for your companyJuly 28, 2010

    On this tutorial we will be focusing our attention on one of the main elements of any company’s image, the logo. Using Adobe Photoshop we are going to show you how to d…

Read More News
Add News




Captcha
To prevent spam, please type the text (all uppercase) from this image in the textbox below.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes