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!