Subscribe to Feeds
06 Apr

Creating Web 2.0 Wallpapers for your Logo

Tips n Tutorials

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.

Creating Web 2.0 Wallpapers for your Logo

  • 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

Creating Web 2.0 Wallpapers for your Logo

  • 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.

Creating Web 2.0 Wallpapers for your Logo

  • 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

Creating Web 2.0 Wallpapers for your Logo

Creating Web 2.0 Wallpapers for your Logo

  • 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

Creating Web 2.0 Wallpapers for your Logo

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

Creating Web 2.0 Wallpapers for your Logo

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

Creating Web 2.0 Wallpapers for your Logo

  • Transform > Perspective to the elipse as above

Creating Web 2.0 Wallpapers for your Logo

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

Creating Web 2.0 Wallpapers for your Logo

  • 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

Creating Web 2.0 Wallpapers for your Logo

  • 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%

Creating Web 2.0 Wallpapers for your Logo

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

Creating Web 2.0 Wallpapers for your Logo

  • 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.

Creating Web 2.0 Wallpapers for your Logo

End of Article

35 Responses to “Creating Web 2.0 Wallpapers for your Logo”

[4] 3 2 1 » Show All

Trackback / Pingbacks

Leave a comment

Small Life

Naturaaa

Droplet

Chameleon

Snail

South Lake Tahoe

Hill View

© 2007 - 2008 Dezinerfolio. All Rights Reserved.
Powered by Wordpress & Hosted at Zone.net