Digital media player design

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

Blending Options>Stroke

Create Digital media player design in Photoshop CS3 

Create Digital media player design in Photoshop CS3

On the next layer we shall continue representing the player’s screen, selecting again the previous tool with a radius of 5 px too. The layer has black color.

Create Digital media player design in Photoshop CS3

The layer’s parameters: Blending Options>Stroke

Create Digital media player design in Photoshop CS3 

Create Digital media player design in Photoshop CS3

Insert now the picture of the video file on the screen’s zone:

Create Digital media player design in Photoshop CS3

Now it’s time to draw the top part of the media player’s screen. Chose also the Rounded Rectangle Tool (U) with the radius of 5 px and then apply the Convert Point Tool for changing the placement of the lowest element’s tops, as it demonstrated below:

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>Inner Glow

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

Post Pages: 1 2 3 4 5 6 7 8

  • k0lpaz

    30/09/2009

    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

    30/10/2009

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

  • Omar

    09/12/2009

    Guys, you have to “give it life” with a programming language, Java, ActionScript, C#, C++.. much more. This is simply a tutorial on how to design one.

  • anna marie

    15/01/2010

    where can i get the picture from above?