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 

Represent the Shuttle on the player. It's necessary in this case to select the Ellipse Tool (U) and make the roundness the way it is indicated below:

image 1

Blending Options>Gradient Overlay:

image 2

image 3

image 4

We have to represent another roundness inside the first one:

image 5

Blending Options>Gradient Overlay:

image 6

image 7

image 8

One more roundness needs to be represented and placed the way it is demonstrated next image:

image 9

Blending Options>Gradient Overlay:

image 10

image 11

image 12

Make a copy of the layer, moving the points the same way you may see below:

image 13

Blending Options>Gradient Overlay:

image 14

image 15

image 16

Try to represent another roundness that will be placed on the central part:

image 17

Blending Options>Gradient Overlay:

image 18

image 19

image 20

Blending Options>Stroke:

image 21

image 22

image 23

Make a copy of this layer, moving the tops the same way it is demonstrated next picture:

image 24

Blending Options>Gradient Overlay:

image 25

image 26

image 27

The Shuttle is also finished. Next we have to represent the Play and Pause buttons. Select for this operation the Rounded Rectangle Tool (U) with 30 px radius and represent the figure from below. Press on the Shift button and make a circle on the central part with the Ellipse Tool (U).

image 28

Blending Options>Gradient Overlay:

image 29

image 30

image 31

Blending Options>Stroke:

image 32

image 33

Select one of the buttons we already have and make a copy of it the same way it is demonstrated below. Insert two small stripes. It will compose the Pause button.

image 34

Represent one more button with the Rounded Rectangle Tool (U) on the left side of the previous made one.

image 35

Blending Options>Gradient Overlay:

image 36

image 37

image 38

Blending Options>Drop Shadow:

image 39

image 40

Blending Options>Stroke:

image 41

image 42

Choose now the Pen Tool (P). Insert three points, colored with #FF2A00 the way it is shown next picture.

image 43

Blending Options>Drop Shadow:

image 44

image 45

Make a copy of this layer and turn the button over horizontally:

image 46

Insert the inscriptions and the representing the player came to end!

image 47

The last thing we need to do is the reflection. We need to make copies of all the layers the player is composed of and put them together, Free Transform> Flip Vertical and vector mask. After that we'll select the Gradient Tool (G), choosing before this the mask:

image 48

MP3 Player Interface Tutorial: Final Result (Click to enlarge)
Click to enlarge

Working with the player is finished! Wish you good luck and more success with the inspiration!



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...