adv banner
Photoshop  Home Photoshop Drawing Techniques MP3 Player Interface
rss

MP3 Player Interface

Author: Adobetutorialz.com More by this author
Browse Pages: << <  1  2  3 > >>


Make a copy of the stripe and place the copy under the neighboring buttons row:

image 1

The Ellipse Tool (U) will be helpful in making roundness between the buttons' rows with the same gradient's parameters the stripes have:

image 2

Using the Rounded Rectangle Tool (U) with 30 px, try to make one more button:

image 3

Blending Options>Gradient Overlay:

image 4

image 5

image 6

Represent one more button inside:

image 7

Blending Options>Gradient Overlay:

image 8

image 9

image 10

Blending Options>Drop Shadow:

image 11

image 12

Blending Options>Stroke:

image 13

image 14

Using the copying effect, place several more buttons, the way it is represented below:

image 15

Use the Ellipse Tool (U) to create the roundness the way it is shown next image:

image 16

Blending Options>Gradient Overlay:

image 17

image 18

image 19

Make a copy of the last made roundness and make it smaller:

image 20

Blending Options>Gradient Overlay:

image 21

image 22

image 23

Blending Options>Inner Glow:

image 24

image 25

Blending Options>Stroke:

image 26

image 27

Choose now the Pen Tool (P) and represent an element like the next one:

image 28

Blending Options>Gradient Overlay:

image 29

image 30

image 31

Represent inside the made button a small roundness also:

image 32

Start representing the power supply button. It's necessary in this case to select the Rounded Rectangle Tool (U) with 30 px radius. Represent the figure by pressing the Shift button and use simultaneously the Ellipse Tool (U).

image 33

Blending Options>Gradient Overlay:

image 34

image 35

image 36

Using the same method, try to make one more figure inside the already made one:

image 37

Blending Options>Gradient Overlay:

image 38

image 39

image 40

Applying the Ellipse Tool (U) make one more roundness:

image 41

Blending Options>Gradient Overlay:

image 42

image 43

image 44

Blending Options>Inner Glow:

image 45

image 46

Blending Options>Drop Shadow:

image 47

image 48

Blending Options>Stroke:

image 49

image 50

We have to picture now the power supply indicator. Select for this operation the Custom Shape Tool (U).

image 51

Choose now the Rectangle Tool (U) and press the Alt button for erasing and Shift button for adding it, try to represent the indicator the way it is shown next picture:

image 52




print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages: << <  1  2  3 > >>

Add comments to "MP3 Player Interface"