Futuristic ATM software interface


Futuristic ATM software interface

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

Futuristic ATM software interface

.

Futuristic ATM software interface

Take the next instrument now

Futuristic ATM software interface

and represent a plane colored in black.

Futuristic ATM software interface

Make the corps now with this tool

Futuristic ATM software interface

.

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

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

Futuristic ATM software interface

upper than the lowest layer of the corps.

Futuristic ATM software interface

Take now the shown tool

Futuristic ATM software interface

and represent the text’s window itself.

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

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

Futuristic ATM software interface

.

Futuristic ATM software interface

Blending Options-Inner Shadow

Futuristic ATM software interface

Blending Options-Inner Glow

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

Blending Options-Stroke

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

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

Futuristic ATM software interface

Blending Options-Inner Glow

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

Blending Options-Stroke

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

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

Futuristic ATM software interface
Futuristic ATM software interface

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

Futuristic ATM software interface

Blending Options-Inner Shadow

Futuristic ATM software interface

Blending Options-Outer Glow

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

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

Futuristic ATM software interface

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

Futuristic ATM software interface

Blending Options-Inner Glow

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

Blending Options-Stroke

Futuristic ATM software interface

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

Futuristic ATM software interface

Take then this tool

Futuristic ATM software interface

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

Futuristic ATM software interface

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

Futuristic ATM software interface

Blending Options-Outer Glow

Futuristic ATM software interface

Blending Options-Stroke

Futuristic ATM software interface

Take the indicated tool

Futuristic ATM software interface

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

Futuristic ATM software interface

on the layers

Futuristic ATM software interface

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

Futuristic ATM software interface

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.

Futuristic ATM software interface

on the layers

Futuristic ATM software interface

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.

Futuristic ATM software interface
Futuristic ATM software interface
Futuristic ATM software interface

on the layers

Futuristic ATM software interface

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

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

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

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

Another circle may be represented with the next tool

Futuristic ATM software interface

.

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

The next circle will be created with the same tool.

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

Applying the known instrument

Futuristic ATM software interface

you can insert another circle with the sizes indicated below.

Futuristic ATM software interface

Blending Options-Gradient Overlay

Futuristic ATM software interface

Gradient’s parameters:

Futuristic ATM software interface

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.

Futuristic ATM software interface

on the layers

Futuristic ATM software interface

Make use of the following instrument

Futuristic ATM software interface

to draw a rectangle colored in 41A1D2.

Futuristic ATM software interface

on the layers

Futuristic ATM software interface

Take the previous instrument to represent other three rectangles.

Futuristic ATM software interface

on the layers

Futuristic ATM software interface

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

Futuristic ATM software interface

Erase after that everything that is not necessary.

Futuristic ATM software interface

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.

Futuristic ATM software interface

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

Futuristic ATM software interface
Futuristic ATM software interface

Blending Options-Drop Shadow

Futuristic ATM software interface

Insert the text on the button now.

Futuristic ATM software interface
Futuristic ATM software interface

Blending Options-Drop Shadow

Futuristic ATM software interface

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

Futuristic ATM software interface

and then select the shown tool

Futuristic ATM software interface

to dark out a little the reflection.

Futuristic ATM software interface

The final result is this one!