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.

create free website wix below post

Further Related Readings

  1. Hermitbiker July 21, 2010 at 11:22 pm

    …. a great wallpaper and Photoshop tutorial !! 🙂

    1. Ayaz Malik July 22, 2010 at 7:30 am

      thx HermitBiker 🙂 as always

  2. oskar July 22, 2010 at 2:35 am

    very useful

    1. Ayaz Malik July 22, 2010 at 7:30 am

      glad u find it useful Oskar 🙂

  3. herveleger July 24, 2010 at 1:39 am

    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 August 8, 2010 at 5:36 am

    Nice revision of the tutorial I found on PSDTuts in 2007

    1. Jillz August 17, 2010 at 5:40 am

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

  5. Rahul August 16, 2010 at 8:47 pm

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

  6. Childmonster September 8, 2010 at 12:29 am

    Nice tut ^^

  7. JMontes October 13, 2010 at 4:18 am

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

  8. Gus February 14, 2011 at 3:24 pm

    Thanks, very helpful.

  9. shubham August 21, 2011 at 9:54 am

    i want to insert my name

  10. xdeathskull October 18, 2011 at 8:53 pm

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

    1. Tayyab October 19, 2011 at 5:36 am

      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 January 1, 2012 at 5:13 am

    i want to insert my name plllz help me

    1. Tayyab January 2, 2012 at 5:19 am

      well… what’s the problem? Insert it!

  12. sandesh chauhan April 9, 2012 at 9:21 am

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

    1. Tayyab April 9, 2012 at 11:07 am

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

Comments are closed.

Copyrights © 2016 - Designzzz. All Rights Reserved