Home Photoshop Drawing Techniques Digital Media Player Design

Digital Media Player Design

Author: Adobetutorialz.com More by this author

Added: Jun 13, 2008 Rating:

Level: Experienced Software: Photoshop

Start working by creating a new file (File>New) with 478x600 px and 72 dpi.

Using the Rectangle Tool (U), it's possible to represent the background of the picture to be.

Set the next parameters on the made layer by clicking on this layer on the layers' palette.

Blending Options>Gradient Overlay

Gradient's parameters:

Next we must download out of Internet a kind of picture, like the one from below:

Insert the picture on the made background by a new layer:

Select the next shown parameters for the picture's layer: Fill 55%

Blending mode-Soft Light

Now we shall create the primary layer of the media player's screen, choosing for this operation the Rounded Rectangle Tool (U) with a radius of 5 px.

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

Gradient's parameters:

Blending Options>Stroke

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.

The layer's parameters: Blending Options>Stroke

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

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:

The layer's parameters: Fill 0%

Blending Options>Inner Shadow

Blending Options>Inner Glow

Blending Options>Gradient Overlay

Gradient's parameters:

On the bottom part of the player's screen should be drawn the playing indicator, applying in this case the Rounded Rectangle Tool (U) with the radius of 5 px.

The layer's parameters: Fill 0%

Blending Options>Inner Shadow

Blending Options>Gradient Overlay

Gradient's parameters:

Using the previous instrument with a radius of 10 px this time, we may determine the placement of the playing indicator's element and then press Alt button when using the Rounded Rectangle Tool (U) to cut out the unnecessary area.