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

Place the next layer, reserved for the inside buttons’ ornaments on the surface of the recently made rectangles, applying the Ellipse Tool (U).

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

Make a copy of the last made layer and select Free Transform option to minimize the copy a little. Change the parameters and place the copy the same way you may see below.

Create Futuristc Desktop Wallpaper in Photoshop CSThe 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

The next layer supposes making one more circle. Firstly we need to apply the Ellipse Tool (U) to represent the outside edges and then press Alt button to cut out the inside part, applying the last 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

Blending Options>Stroke

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

Using the Rectangle Tool (U), represent four black rectangles the way described earlier on the inside circumference of the grey circle.

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Select the Ellipse Tool (U) to represent the next layer containing a voluminous circle on the central buttons’ part.

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Blending Options>Drop Shadow

Create Futuristc Desktop Wallpaper in Photoshop CS

Blending Options>Inner Glow

Create Futuristc Desktop Wallpaper in Photoshop CS

Blending Options>Gradient Overlay

Create Futuristc Desktop Wallpaper in Photoshop CSGradient’s parameters:

Create Futuristc Desktop Wallpaper in Photoshop CS

Blending Options>Stroke

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Select the same tool to draw a kind of darkening on the picture’s surface that would have black color.

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Fill 20% on the layers.

Create Futuristc Desktop Wallpaper in Photoshop CS

Draw a highlight now, choosing the same Ellipse Tool (U).

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Fill 5% on the layers.
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

Select the same instrument to create a rounded shadow on the central part of the buttons.

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Fill 0% on the layers.
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

Draw one more highlight on the central part of the buttons, selecting the Ellipse Tool (U). The highlight’s shapes may be corrected with Convert Point Tool.

Create Futuristc Desktop Wallpaper in Photoshop CSThe layer’s parameters:
Fill 0% on the layers.
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

Using the Pen Tool (P), picture out on the buttons’ surface a pointer colored with #D3D3D3

Create Futuristc Desktop Wallpaper in Photoshop CS

The layer’s parameters:
Blending Options>Inner Shadow

Create Futuristc Desktop Wallpaper in Photoshop CSBlending Options>Stroke

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

Make three copies of the last made layer and choose the Free Transform option to turn the copies over and place them in the same way it is demonstrated on the next picture.

Create Futuristc Desktop Wallpaper in Photoshop CS

Create Futuristc Desktop Wallpaper in Photoshop CS

The final result!

View full size here.

Page: 1 2

Comments