Digital media player design

May 7th, 2008 by ART-D Posted in Adobe Photoshop, Designing

Select on this stage the Custom Shape Tool (U) to draw two small pointers, colored with #313540

Create Digital media player design in Photoshop CS3 

Create Digital media player design in Photoshop CS3

Insert now the inscriptions reserved for the panel of the media player’s screen, applying the demands inserted in the table below:

Create Digital media player design in Photoshop CS3 

Create Digital media player design in Photoshop CS3

Insert also on the right top corner the system buttons, keeping also the demands from below:

Create Digital media player design in Photoshop CS3 

Create Digital media player design in Photoshop CS3

It’s time to represent the panel reserved for controlling the media player and it should be situated lower than the screen’s panel. This time we’ll use the same Rounded Rectangle Tool (U) with a radius of 5 px.

Create Digital media player design in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Inner Shadow

Create Digital media player design in Photoshop CS3

Blending Options>Gradient Overlay

Create Digital media player design in Photoshop CS3

Gradient’s parameters:

Create Digital media player design in Photoshop CS3

Blending Options>Stroke

Create Digital media player design in Photoshop CS3

Post Pages: 1 2 3 4 5 6 7 8

  • k0lpaz

    05.07.08

    after you design this player in CS3 my question is, how you can give it “life”, how can you create from this a 100% working player?

    if i use java can i insert this skin to work with?

  • Steven

    05.07.08

    Now that I have created my music player using PS, how do I apply the working functions i.e. songs, stop, play, scroll, etc