[Tutorial]Design a Colorful Wallpaper

December 29th, 2008 | Comments 2 Comments | 4,388 views

I recently found this beautiful wallpaper and I tried to understand how it was made.

wallpaper

I found this tutorial but the special effects values and color codes mentioned are not same and also it is lengthy tutorial so I played with the settings and colors codes and finally got something that is closer to the original wallpaper.

Note: I will guide you only about the background colors. The text on the wallpaper is not covered in this tutorial.

1. Create a new document (1024×768) and fill the background layer with Black Color (#000000)

2. Create a new layer, Press G to apply Gradient and fill the new layer with White(#FFFFFF) to Transparent (Top to Bottom). Be sure the Transparent Gradient option is selected as shown in the image below;

gradient tool

Now you should have something like this

result after applying gradient

3. Now go to Filter > Distort > Wave and use this setting

filter setting

After applying this effect you should have something like this

Now move the gradient layer up a little to hide the white shining space, as shown in the image below;

4. Go to Layers > Layer Style > Gradient Overlay and apply gradient with these colors values

#010101 #1a321d #556e2b #92942a #c5ac40 #dab154 #e48a36
#a03b1e #e25133 #e13e2b #e87372 #7d101f #e53d64 #d2186b #ca6cad #6b1770 #2b215c #0f3058 #0e1d25

After applying gradient you should have result like this

Now the colors we have got so far will be looking a little dull from the original so to give them a shine you can do this.

a) create a new layer
b) apply gradient from white to transparent
c) set the layer blend mode as “Overlay”
d) lower the opacity up to 50% to 60%

And you will see a shine on the colors now.

5. After that you can erase the center area a little with Erase Tool and put text in there.

And you are done :)

You can see my wallpaper here.

My wallpaper

Please try this tutorial and let me know if you are having any problem. I will try to help you.





About Site Reviver

SiteReviver is a blog about web design, web development and hosting.

  1. Paul Livingston

    This is very nice, thank you.

    I just found your site through digitalpoint. I hope to be a frequent visitor :)

    Paul Livingston

  2. Ashraf

    Neat..!
    I like the tutorial, simple, easy and straight forward, and the result is great. Thank you a lot for sharing this.

Trackbacks

Post Comments

Please do not spam and do not advertise.