The next lesson we’ll design software interface for cash machine. Open firstly a new file that would have 367×541 px and 72 dpi. Paint it with the indicated color – 171717, by applying this tool

.

Take the next instrument now

and represent a plane colored in black.

Make the corps now with this tool

.

Blending Options-Gradient Overlay

Gradient’s parameters:

Represent the shadow of the text’s window painted in black with the next tool

upper than the lowest layer of the corps.

Take now the shown tool

and represent the text’s window itself.

Blending Options-Gradient Overlay

Gradient’s parameters:

Represent now the corps’s front layer of the ATM software interface by using the shown instrument

.

Blending Options-Inner Shadow

Blending Options-Inner Glow

Blending Options-Gradient Overlay

Gradient’s parameters:

Blending Options-Stroke

Gradient’s parameters:

Represent after that with the previous instrument the zone reserved for the lowest menu’s buttons (first – the upper element, then – the lowest one).

Blending Options-Inner Glow

Blending Options-Gradient Overlay

Gradient’s parameters:

Blending Options-Stroke

Gradient’s parameters:

Draw a button now, making use of the known instrument already

Fill 0% on the layers.
Blending Options-Drop Shadow

Blending Options-Inner Shadow

Blending Options-Outer Glow

Blending Options-Gradient Overlay

Gradient’s parameters:

Take the last instrument to represent the window reserved for introducing the text.

Fill 0% on the layers.
Blending Options-Inner Shadow

Blending Options-Inner Glow

Blending Options-Gradient Overlay

Gradient’s parameters:

Blending Options-Stroke

Copy the new made layer and place it out the same way it is done next step.

Take then this tool

and create the lowest layer inside the interface. It must have the black color.

Applying the same instrument, it’s possible to create the luminescent screen with the color – 2F5984.

Blending Options-Outer Glow

Blending Options-Stroke

Take the indicated tool

to represent inside the luminescent screen an ellipse colored in 586776.

on the layers

click now on the mouse’s button, keeping pressed the Alt button between the ellipse’s layer and the luminescent screen.

Take the same instrument and represent a circle inside the luminescent screen and an ellipse. It must have the color – 49A6D7. Click on the mouse’s button, keeping pressed the Alt button between the ellipse’s layer and the circle’s one.

on the layers

create more circles of the same color. Then click on the mouse, keeping pressed the same Alt button between the layers of the previous circle and the new one.

on the layers

create now on the central part of the luminescent screen a circle. It’s possible to do that with the previous instrument.

Blending Options-Gradient Overlay

Gradient’s parameters:

Represent the next elements inside the created circle already. Use the same instrument.

Blending Options-Gradient Overlay

Gradient’s parameters:

Another circle may be represented with the next tool

.

Blending Options-Gradient Overlay

Gradient’s parameters:

The next circle will be created with the same tool.

Blending Options-Gradient Overlay

Gradient’s parameters:

Applying the known instrument

you can insert another circle with the sizes indicated below.

Blending Options-Gradient Overlay

Gradient’s parameters:

Take a brush with blurred edges now of white color and insert a flare on the lowest part of the circles situated on the central part of the luminescent screen.

on the layers

Make use of the following instrument

to draw a rectangle colored in 41A1D2.

on the layers

Take the previous instrument to represent other three rectangles.

on the layers

creating the circles, apply on each of them getting outside the circle’s edges the following option:

Erase after that everything that is not necessary.

For your convenience, merge down all the layers containing those four rectangles (recently drawn) in a group.
Copy the new represented group and make use of the selection Free Transform to turn around the copy. Make everything look like in the picture below.

Opposite the windows reserved for introducing the text, write the next elements.

Blending Options-Drop Shadow

Insert the text on the button now.

Blending Options-Drop Shadow

Now we have to merge down all the layers containing the ATM corps in a group. Copy the new created group and make use of the Free Transform option to turn it around and to place it the same way it is indicated next step. Use the next selection

and then select the shown tool

to dark out a little the reflection.

The final result is this one!