Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

MP3 Player Interface

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

Create MP3 Player Interface in Photoshop CS3

Blending Options>Gradient Overlay:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

Blending Options>Stroke:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

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

Create MP3 Player Interface in Photoshop CS3

Blending Options>Gradient Overlay:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3Create MP3 Player Interface in Photoshop CS3

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

Create MP3 Player Interface in Photoshop CS3

Blending Options>Gradient Overlay:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

Blending Options>Stroke:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

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.

Create MP3 Player Interface in Photoshop CS3

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

Create MP3 Player Interface in Photoshop CS3

Blending Options>Gradient Overlay:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

Blending Options>Drop Shadow:

Create MP3 Player Interface in Photoshop CS3Create MP3 Player Interface in Photoshop CS3

Blending Options>Stroke:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

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

Create MP3 Player Interface in Photoshop CS3

Blending Options>Drop Shadow:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

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

Create MP3 Player Interface in Photoshop CS3

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

Create MP3 Player Interface in Photoshop CS3

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:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

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

View full size here.

Page: 1 2 3 4 5

Comments