Her

Home Photoshop Tutorials Drawing Techniques Futuristic ATM Software Interface

Futuristic ATM Software Interface

Author: Adobetutorialz.com Author's URL: www.adobetutorialz.com More by this author
Added:Feb 02, 2007 Rating:   Level: Experienced Software: Photoshop  

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

image 2

Take the next instrument now image 3 and represent a plane colored in black.

image 4

Make the corps now with this tool image 5 .

image 6

Blending Options-Gradient Overlay

image 7

Gradient's parameters:

image 8

Represent the shadow of the text's window painted in black with the next tool image 9 upper than the lowest layer of the corps.

image 10

Take now the shown tool image 5 and represent the text's window itself.

image 12

Blending Options-Gradient Overlay

image 13

Gradient's parameters:

image 14

Represent now the corps's front layer of the ATM software interface by using the shown instrument image 5 .

image 16

Blending Options-Inner Shadow

image 17

Blending Options-Inner Glow

image 18

Blending Options-Gradient Overlay

image 19

Gradient's parameters:

image 20

Blending Options-Stroke

image 21

Gradient's parameters:

image 22

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

image 23

Blending Options-Inner Glow

image 24

Blending Options-Gradient Overlay

image 25

Gradient's parameters:

image 26

Blending Options-Stroke

image 27

Gradient's parameters:

image 28

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

image 30

Fill 0% on the layers.

Blending Options-Drop Shadow

Futuristic ATM Software Interface