The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Diablo III Styled Wallpaper

Diablo III Styled Wallpaper


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

image 1

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

image 2

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

image 3

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

image 4

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

image 5

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

image 6

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:

image 7

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

image 8

Set the next parameters on the layers' palette.

image 9

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

image 10

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

image 11

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.

image 12

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

image 13

…and then Filter>Distort>Polar Coordinates

image 14

We'll get a fascicle of light like the next one. Select after that the Smudge Tool (R) to spread out the rays from their middle part to outside.

image 15

Then place the result that we've got on our main picture.

image 16

Set the parameters:

image 17

Make a copy of this layer Ctrl+J and enlarge the copy up to one third parts, applying Free Transform option (Ctrl+T). Set the layer's parameters demonstrated below:

image 18

We need to get the result from below:

image 19

Create a new layer, giving it the Blending Mode from below:

image 20

Select the brush with the color's code #F8F70C and the Opacity of 100% and make several touches on the light's central part.

image 21

Use the brush of black color on the bottom part of a new layer that needs to be made up first of all. The Opacity is of 10%.

image 22

Create again a new layer and select the Rectangular Marquee Tool (M) to represent the element from below, painting it with red color (Opacity 30%). The bottom corners should be erased with the Eraser Tool (E).

image 23

Paint out now a black stripe, applying the Opacity of 30%.

image 24

Create a new layer with the parameters demonstrated below and insert several touches of red color, having the Opacity of 100%.

image 25

On a new layer we'll draw three dots with the usual brush.

image 26

Stretch out the made dots with the Free Transform option and erase the extreme lines on both sides, the same way the next picture indicates it. Set for this layer Blending mode-Soft Light.

image 27

Make a copy of this layer and grow narrow a little each stripe, marking them with the Rectangular Marquee Tool (M). Set for the new layer the Blending Mode – Overlay till getting the next result.

image 28

Next we'll write the next word on the central part of the picture.

image 29

Select the next parameters for the text's layer.

image 30

Select also for the new layer Blending Options>Drop Shadow, following all the selections from below.

image 31

Blending Options>Bevel and Emboss

image 32

Blending Options>Bevel and Emboss>Contour

image 33

Blending Options>Bevel and Emboss>Texture

image 34

Blending Options>Gradient Overlay

image 35

Gradient Editor

image 36

Blending Options>Stroke

image 37

image 38

Finished!

Diablo III Styled Wallpaper
Click to enlarge


Author's URL: Adobetutorialz.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Diablo III Styled Wallpaper"

Captcha