Create a Stylish Desktop Wallpaper in Photoshop


Today, lets try to create a smart stylish wallpaper with your name/company name. It’s quite easy to make an interactive high resolution with your lovely Adobe Photoshop. So here is a final view of what we are going to do :)

So let’s get started ? Start from a blank page (say 500 x 333) . But make sure that if you are going to create the wallpaper for the first time, check your screen resolution and create an appropriate image size and resolution.

Here, I’m just making an outlook of the effect that we are going to put on to the wall.

Final Result :

Photoshop wallpaper tutorial

Download this Freebie

Simply enter your email address and the download link will be sent right to your inbox. If you did not get an email please check your junk folder.

Make the foreground color #913700 and the background color to black (#000000).

Now select the Gradient tool and make a gradient over the new file as below.

Make sure that you have selected the Radial Gradient Tool before applying the effect.

Now we have made the gradient color and this will act as the basic stage of the effects.

Now create a new layer and name it as ‘Tiles’. We are creating some effects in this layer.

Now go to the Filter>>Render>>Clouds and create a cloud effect in the layer.

go to the same filter>>texture>>Stained Glass

Apply the following values to the respective areas. This will give a smart tile effect to the image that we are going to make.

Now to back to the Layer (Tiles) and se the layer ti Overlay mode. Now you can see the background gradient effect over the tiles.

So noe we need to create some different colors over the image so that it will look some more attractive. For that, create a new layer (Green) and set the foreground color to green (#00bc1b) .

Select the gradient type color to transparent and make a gradient from one corner of the image as below.

Now go to the Green Layer and set the layer mode to Color.

This way, you can create some more colors like blue, red, yellow etc from each corver of the image.

So this will be our basic background for the texts. You can try with different colors so that you can get some more interactive effect and it’s all upto you :)

Now we need to create the texts such as your name and all. Create a new layer and make the text over there using your Text Tool.

Now set the blending mode of the text to the following values for the Drop Shaddow , Outer Glow, and color overlay.

You can create some more illusions using your favorite brushes or using the custom shapes and apply the same layer style to them also, so that they will look more impressive.

This is the final view of the effect and if you wish then you can create some more effects with different colors, tile size and texts.

I have created another one which I’m currently using as my desktop wallpaper. Just have a look at it.

You can refer the PSD of the Tut if you have got any doubts or feel free to contact me on my mail myjilson[at] or give a comment at the comment section.


Join the 98,750+ Subscribers

Subscribe and grab Free Ebook! Photoshop Crash Course!

We promise not to spam!

Further Related Readings


Jilson Thomas is a freelance graphics designer, and web developer. He is dedicated to creating work that is every bit as unique, beautiful, and inspiring as his home. His fields of interest include: web layout design, brand indentity design, stationary design. Get some more freebies from him at here: Also follow him on twitter @jilsonthomas to get more freebies! You can also take a look at his Marketplace items
All Articles by
18 Comments on “Create a Stylish Desktop Wallpaper in Photoshop” Join The Discussion!
  1. Hermitbiker says:

    …. a great wallpaper and Photoshop tutorial !! :-)

    1. Ayaz Malik says:

      thx HermitBiker :) as always

  2. oskar says:

    very useful

    1. Ayaz Malik says:

      glad u find it useful Oskar :)

  3. herveleger says:

    You can try to create an intelligent fashion wallpaper your name / company name. It’s easy to make your lovely Adobe Photoshop in an interactive high-resolution

  4. Waheed Akhtar says:

    Nice revision of the tutorial I found on PSDTuts in 2007

    1. Jillz says:

      I got some inspiration for them and Added my own effects too….

  5. Rahul says:

    Sure, copy PSDTuts… why not? right…. =)

  6. Childmonster says:

    Nice tut ^^

  7. JMontes says:

    An not very good nice Photoshop but this tutorial makes is much easier.

  8. Gus says:

    Thanks, very helpful.

  9. shubham says:

    i want to insert my name

  10. xdeathskull says:

    where can i get the shooting star like effect of the picture..
    its cool dude..

    1. Tayyab says:

      Good idea @xdeathskull
      We’ll try to publish it in a couple of weeks. can’t promise though, already many requests are lined up.

  11. faisal meer says:

    i want to insert my name plllz help me

    1. Tayyab says:

      well… what’s the problem? Insert it!

  12. sandesh chauhan says:

    please make a awesome text effect for me text is “sunny”nd send it to my email id.

    1. Tayyab says:

      Sorry Sandesh, we don’t do that. You’ll have to follow the tutorial and create the design yourself.

Comments are closed.

Copyrights © 2015 - Designzzz. All Rights Reserved