Diablo III styled wallpaper

September 11th, 2008 by ART-D Posted in Adobe Photoshop, Designing

   

In this detailed tutorial we will learn how to make a Diablo III styled wallpaper.

For the beginning create a new file (File>New) of 1280×1024 px and 72 dpi. Paint the first layer with black color, applying the Paint Bucket Tool (G).

Make a Diablo III styled wallpaper in Phootshop CS3

Now, let’s start making a very gloomy texture. Download out of Internet a set of ready to use brushes D_Grungeset1.
In this case we’ll use all the brushes, except the marked one in the table below. The color’s code is #532100. Brush’s Opacity needs to be on 20%.

Make a Diablo III styled wallpaper in Phootshop CS3

We must get almost the same thing as on the picture below:

Make a Diablo III styled wallpaper in Phootshop CS3

Choose now a brush as in the next table. We’ll use it during the entire lesson.

Make a Diablo III styled wallpaper in Phootshop CS3

On a new layer we’ll try to represent the blue color – #04020F. Opacity:20%.

Make a Diablo III styled wallpaper in Phootshop CS3

Enlarge the brush’s size by pressing Ctrl +] and try to represent one more layer of the same color.

Make a Diablo III styled wallpaper in Phootshop CS3

On the next layer the brush needs to be enlarged even more, changing the Opacity on 40% and trying to get the same result as below:

Make a Diablo III styled wallpaper in Phootshop CS3

Select the white color, Opacity of 10% and represent an element remembering the clouds.

Make a Diablo III styled wallpaper in Phootshop CS3

Set the next parameters on the layers’ palette.

Make a Diablo III styled wallpaper in Phootshop CS3

Select the black color and the same opacity’s value to create a dark haziness on the top part of the picture.

Make a Diablo III styled wallpaper in Phootshop CS3

Create a new file of 500x500px and 72 dpi, painting it in black color.

Make a Diablo III styled wallpaper in Phootshop CS3

Select the Gradient Tool (G) on a new layer for giving it the white gradient. Select on the top gradient’s menu the option Foreground to transparent, having a picture, like the next one.

Make a Diablo III styled wallpaper in Phootshop CS3

Next select the main menu Filter>Distort>Wave…, setting the options from below

Make a Diablo III styled wallpaper in Phootshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2 3

  • Nimol

    25/08/2009

    G8 design.I luv it.

  • Koji@ ebook cover software

    20/09/2009

    Very nice Post! Really love it your post! thank you very much for your Information

  • Akin

    30/10/2009

    Thank you so much , i luv the design, this is the first Ps tutorial i’v completed without getting lost on the way. thanx once again, (dunno y all other tutorials tend to miss few steps and expect you to continue and get almost the same results.

  • mxv

    22/05/2010

    IN page 1, i can’t follow u when u say “Next select the main menu Filter>Distort>Wave…, setting the options from below”. When I select this menu, it’s disable to select. Why?

  • Ly P.

    20/01/2011

    Great tut, it was kind of confusing in the end, it took me a longer time to get it, but anyway, luv it <3

  • H3F

    03/02/2011

    Ok… I just couldn’t do it. I got a headache. I follow all the steps, over and over again, and I can’t get the same results.
    I would like to contact the autor, but I didn’t find any adress.

    So, if anyone could send me a .psd file with this work finished, I would be so glad. (I want it to change the text. You know, for making a sing for a forum).

    I hope someone read this!

    By the way, my mail adress is: happytreefoe@hotmail.com

    Please, send me a .psd file with this work finished, or just contact me for helping me a little.
    Thanks for reading!

  • Uno123gorl

    11/10/2011

    i can´t see the font ;(

  • Rao_Fani

    17/06/2012

    i want kiss your hands…………………….
    thanks this tutorial i like it very much…..
    i learn hear a lot.