Hi-Tech MP3 Player Interface (Part 1)

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