The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques MP3 Player Interface

MP3 Player Interface

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



Author's URL: Adobetutorialz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 1  2  3  > >>
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "MP3 Player Interface"

Only registered users can write comment

No comments yet...