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!

Skin for MP3 Player Zune

Take the next instrument and create another part of the battery indicator: First we need to create the outside edges, then click on Alt button and cut out the interior part (the layer’s color – 858384).

Create Skin for MP3 Player Zune in Photoshop CS

Create Skin for MP3 Player Zune in Photoshop CSWrite the name for the track:

Create Skin for MP3 Player Zune in Photoshop CS

Create Skin for MP3 Player Zune in Photoshop CS

Select the following tool and represent the Play indicator colored in white.

Create Skin for MP3 Player Zune in Photoshop CS

Take again the next instrument and try to create the other not passable part of the Play indicator. Its color should be 666465.

Create Skin for MP3 Player Zune in Photoshop CS

Press the Alt button and click between the layers for the colors to be applied in limits of the Play indicator:

Create Skin for MP3 Player Zune in Photoshop CSCreate Skin for MP3 Player Zune in Photoshop CS

Select the next instrument and draw this time the play equalizer, colored in white.

Create Skin for MP3 Player Zune in Photoshop CS

Create Skin for MP3 Player Zune in Photoshop CS

Introduce the time past and left for playing the song.

Create Skin for MP3 Player Zune in Photoshop CS

Create Skin for MP3 Player Zune in Photoshop CSSelect after that the instrument to represent the Play sign (a white triangle)

Create Skin for MP3 Player Zune in Photoshop CS

Create Skin for MP3 Player Zune in Photoshop CS

Now we should take the following instrument and create one more button for controlling the media Player, colored in 272727.

Create Skin for MP3 Player Zune in Photoshop CS

Blending Options-Stroke

Create Skin for MP3 Player Zune in Photoshop CS

Place this new made layer and place it the way it is shown in the picture below:

Create Skin for MP3 Player Zune in Photoshop CSOn the button represent now a pointer colored in B6B5B6, drawn with the same instrument used before .

Create Skin for MP3 Player Zune in Photoshop CS

Create Skin for MP3 Player Zune in Photoshop CS

Take the previous instrument and add another one to represent on the other button a triangle and the pause indicator (the color is B6B5B6)

Create Skin for MP3 Player Zune in Photoshop CS

Create Skin for MP3 Player Zune in Photoshop CS

Write now the title for the big button, keeping the demands from the next table inserted here:

Create Skin for MP3 Player Zune in Photoshop CSCreate Skin for MP3 Player Zune in Photoshop CS

The final result!

View full size here.

Page: 1 2

Comments