Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Futuristc Desktop Wallpaper

In this tutorial you will learn how to create a high quality futuristic desktop wallpaper.

Final Image Preview

Create Futuristc Desktop Wallpaper in Photoshop CS

Start by creating a new file (File>New), having 1024×768 and 72 dpi. Select after that the Rectangle Tool (U) to create the background of the picture we want to represent next.

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Blending Options>Bevel and Emboss

Create Futuristc Desktop Wallpaper in Photoshop CS

Blending Options>Bevel and Emboss>Texture

Create Futuristc Desktop Wallpaper in Photoshop CS

Pick up the texture we need from the Rock Patterns/Dirt.

Create Futuristc Desktop Wallpaper in Photoshop CS

Blending Options>Gradient Overlay

Create Futuristc Desktop Wallpaper in Photoshop CS

Gradient’s parameters:

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CSTry to draw now on the central picture’s part a circle, colored in #FCFDFD. It should be considered the primary layer reserved for the buttons. The operation may be done with the Ellipse Tool (U). Represent firstly the outside edges and then press Alt button to cut out the ring’s middle part, applying the same Ellipse Tool.

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Blending Options>Outer Glow

Create Futuristc Desktop Wallpaper in Photoshop CS

Blending Options>Inner Glow

Create Futuristc Desktop Wallpaper in Photoshop CS

Blending Options>Stroke

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Now we have to represent a very thin circle around the already made one, using the same Ellipse Tool (U).

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Fill 0% on the layers.
Blending Options>Stroke

Create Futuristc Desktop Wallpaper in Photoshop CSCreate Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Using the Line Tool (U), represent now two stripes: vertical and horizontal ones, crossing the central ring’s part. The stripes should have black color.

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Applying the Custom Shape Tool (U), we may represent now a black triangle.

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CSMake a copy of the last made layer and select the Free Transform option to turn the copy over, the way it is demonstrated below.

Create Futuristc Desktop Wallpaper in Photoshop CS

Using the Ellipse Tool (U), try to make the next layer reserved for the buttons, colored in #5AD5DC

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Blending Options>Outer Glow

Create Futuristc Desktop Wallpaper in Photoshop CS

Blending Options>Stroke

Create Futuristc Desktop Wallpaper in Photoshop CS

Gradient’s parameters:

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Make one more layer on the surface of the recently made one, selecting the Ellipse Tool (U) of white color.

Create Futuristc Desktop Wallpaper in Photoshop CSThe layer’s parameters:
Blending Options>Stroke

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Now we have to represent a rounded shadow on the next layer, choosing the previous instrument too.

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Blending Options>Gradient Overlay

Create Futuristc Desktop Wallpaper in Photoshop CS

Gradient’s parameters:

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Click on the Alt button and make simultaneously a mouse’s click between the shadow’s layer and the previous one for he shadow’s layer to be applied in the limits of the previous layer.

Create Futuristc Desktop Wallpaper in Photoshop CSCreate Futuristc Desktop Wallpaper in Photoshop CS

Take the Rectangle Tool (U) and set one black triangle’s side on the inside part of the blue ring (a part of the inside ornament).
Turn it over and place one side on the inside circumference of the blue ring. The operation can be made with Free Transform option.

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Make three copies of the last made layer and select Free Transform option to enlarge the copies and place them the way it is demonstrated below.
Two copies:

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

The third copy:

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Blending Options>Gradient Overlay

Create Futuristc Desktop Wallpaper in Photoshop CSGradient’s parameters:

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Page: 1 2

Comments