Here is a simple Photoshop Tutorial to create Cool Web 2.0 looking wallpapers for your logo. In this example I have used my logo. Hope you like it.

- First we start off with a 1024 * 768 Blank Document.
- Create a new layer and fill with any color.
- Now move to layer styles and choose gradiend and pick the gradient from the image below

- You could also use different Web 2.0 Gradients. Here is a Free Download of a Huge Collection of Web 2.0 Gradients for Photoshop which I made.

- Now create a new layer
- Create a simple gradient as in the above image. The two ends are transparent and the middle with white.
- Using the Gradient tool, horizontally apply the gradient for the whole layer


- Now Transform the layer ( Ctrl + T )
- First reduce height by scaling vertically
- Right Click > Perspective and get the selection as in the above image.
- "Enter" to make changes

- Make the selection as above
- Ctrl + Alt + D - Apply a feather of 30 and delete the selection

- Create a new layer
- Create an Elipse with white fill

- Transform > Perspective to the elipse as above

- Apply a 40px Gussian Blur
- You could also horizontally scale this elipse based on the size of the logo you will be using

- Create a layer below the blurred elipse as above
- Apply the Stripe pattern to the whole layer
- If you are not sure how to do this, you could refer the previous article of creating stripes here

- To the layer which you applied the stripes, Choose "Lighten" in the layer blending properties as above.
- Then change to opacity from 100% to 8%

- To this layer, make a selectionfrom bottom as shown in the above image
- apply a feather of 150px
- Delete the selection

- Now here is the main part of this tutorial
- Above is my logo which I had created long time ago.
- Place the logo such that the base of the Logo lies on the center of the Blurred White Elipse.
- Please try to have good Shadows and Reflections for the logo as above.
This is all. Your Web 2.0 Wallpaper for your Logo is done. Hope you enjoyed this tutorial. Please comment below if you liked it.
Below is the Final Output. Please click on the image to view the Hi Res Wallpaper.

Trackback URL for this post:
http://www.dezinerfolio.com/trackback/208
Comments
Thanks for tutorial:)
http://www.hotdesktopwallpapers.net - Thousands of wallpapers to choose from.
Thanks for this tutorial. Great websites you have got. Keep the tutorials coming.
Latest Wallpapers
http://latestwallpapersever.blogspot.com/
The largest website for Original Desktop Wallpapers, 3D Animated Wallpaper, Wallery Desktop Slideshow, Ecards, and screensavers
Nice job
Neat result. Thanks!
Thanks for the awesome tutorial. its very in depth! :) I bookmarked it so I can come back for future reference if I forget what I learned (which happens often).
thx. i bookmarked this page.
Excellent tutorial Navdeep….Made some really cool wallpapers from this technique.Hope to get many more soon..
Let's see: Gradient + stripes. Yep, totally Web 2.0. Hehe
Nice tutorial!
Post new comment