Learn how to design your own MP3 Player in Photoshop.

Open a new file with 392x306 px, 72 dpi and pain it with the shown color here: 0B9EE3.



Take the next instrument to draw an ellipse colored in 017CCA.



Using the same instrument over the already created ellipse, draw one more figure colored in 189FD7.



Draw one more element over the previous one, that would have the color ? 22B5E1:



Take the next tool to draw an element of the media player corps colored with F3B91D. Correct its angles with the instrument shown here

Blending Options-Inner Glow



Using the same instrument, represent the basic corps?s layer (make corrections on its shapes with the same instrument applied before for this kind of operations )



Blending Options-Inner Glow



Blending Options-Gradient Overlay



Gradient?s parameters:

Blending Options-Stroke



Select the next tool to represent the mount of the media player?s screen:



Fill 0% on the layers
Blending Options-Inner Shadow



Blending Options-Stroke



Gradient?s parameters:

Selecting the previous instrument represent now the panel reserved for the media player?s buttons.
The next instrument will help us to erase the unnecessary tops.
The other instrument will be useful in straightening the lowest corners:



Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Pattern Overlay



Blending Options-Stroke

Make a copy of the new made layer and make use of the Free Transform selection to turn it around and narrow the copy vertically. Change the parameters too with those indicated below:



Blending Options-Gradient Overlay



Gradient?s parameters:



Take the next tool and draw the screen of the media player to be:



Blending Options-Inner Glow

Blending Options-Gradient Overlay



Gradient?s parameters:



Make a copy of the new represented layer and press the Alt button used with the next instrument simultaneously to cut out the inside zone:





Blending Options-Bevel and Emboss

Blending Options-Gradient Overlay



Gradient?s parameters:



Take the next instrument and draw a flare on the media player?s screen:





Blending Options-Gradient Overlay

Gradient?s parameters:



Using the next tool represent several icons of white color, placed on the media player?s screen:





Using the next tool , draw a rectangle of white color. Then click on the Shift+Alt buttons simultaneously with the next tool and make a copy of the rectangle:

This is going to be the spectrum analyzer:
Add on the picture the track timer and the names of the singer and the track?s one. Keep the demands from the tables shown below:



(time)



(name, singer, track)



Represent now a deepness reserved for the media player?s button. Do it with the instrument shown here .



Blending Options-Gradient Overlay

Gradient?s parameters:



Make a copy of the new made layer and make use of Free Transform option to make it smaller a little. Choose the parameters indicated in the next steps:



Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Stroke

For your convenience now, we should merge down in a group all the layers containing the button.
Make five copies of the new made group and insert a special effect on the last button?s layers:



Blending Options-Outer Glow



Selecting the next tool , it?s possible to draw the pause indicator on the button:





Fill 0% on the layers
Blending Options-Drop Shadow

Blending Options-Inner Shadow



Blending Options-Gradient Overlay



Gradient?s parameters:



Selecting the last instrument, it?s possible to draw also the stop indicator:

Fill 0% on the layers
Blending Options-Drop Shadow



Blending Options-Inner Shadow



Blending Options-Gradient Overlay



Gradient?s parameters:



Choose the instruments shown here , to represent the Eject indicator:

Fill 0% on the layers
Blending Options-Drop Shadow



Blending Options-Inner Shadow



Blending Options-Gradient Overlay



Gradient?s parameters:

Using the same tool, we may create the indicator of play back:





Fill 0% on the layers
Blending Options-Drop Shadow



Blending Options-Inner Shadow



Blending Options-Gradient Overlay

Gradient?s parameters:



Make a copy of the last made indicator on the media player?s button (turn around the triangle on 180 degrees, making use of the Free Transform option).



Find a similar indicator and add the effects on it:





Fill 0% on the layers:
Blending Options-Drop Shadow

Blending Options-Gradient Overlay



Gradient?s parameters:



Take the next tool to represent an indicator of the play time ? position. It should have the black color:





Make a copy of the new made layer and apply Free Transform selection to narrow it horizontally and introduce the next parameters:

Blending Options-Gradient Overlay



Gradient?s parameters:



The next step includes creating the play indicator:

Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Stroke



Take the following tool to draw a button of minimizing media player:

Select the last instrument to draw the Stop button.





Finished!