Zoom Player Skin Design

March 14th, 2008 by ART-D Posted in Adobe Photoshop, Designing

   

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Create Zoom Player Skin Design in Photoshop CS3

Gradient’s parameters:

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

Take again the Ellipse Tool (U) to draw a highlight on the sound’s regulator.

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay


Create Zoom Player Skin Design in Photoshop CS3

Gradient’s parameters:

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

Applying the Rounded Rectangle Tool (U) with a radius of 15 px and white color, it is possible to draw a highlight on the player itself and on its buttons. But this layer should be positioned under the layers containing the screen and the play button.

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: Fill 10%

Create Zoom Player Skin Design in Photoshop CS3

Try to make now the central player’s button with the Ellipse Tool (U).

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: Blending Options>Inner Glow

Create Zoom Player Skin Design in Photoshop CS3

Blending Options>Gradient Overlay

Create Zoom Player Skin Design in Photoshop CS3 Gradient’s parameters:

Create Zoom Player Skin Design in Photoshop CS3

Blending Options>Stroke

Create Zoom Player Skin Design in Photoshop CS3

Gradient’s parameters:

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

Using the Ellipse Tool (U), it’s possible to draw a highlight on the button demonstrated below:

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Create Zoom Player Skin Design in Photoshop CS3

Gradient’s parameters:

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

The symbol on the button from below is done with the Rectangle Tool (U), by holding the SHIFT button. The color is white.

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: Blending Options>Stroke

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

On the play button’s panel we’ll introduce the indicator itself, colored with #017CC5, made with the Rounded Rectangle Tool (U) with a radius of 10 px and then press Alt button while applying the Rectangle Tool (U) to make a cut on the right side.

Create Zoom Player Skin Design in Photoshop CS3 The layer’s parameters: Blending mode-Color

Create Zoom Player Skin Design in Photoshop CS3

We’ll insert the file’s duration by drawing it on the Play button, keeping the demands from table below.

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

Use next the Custom Shape Tool (U) to draw on the player’s screen several rays. Then press Alt button on the same layer and use simultaneously the Rectangle Tool (U) to erase the unnecessary elements from the top part of media player (on the top edge of the media player).

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Create Zoom Player Skin Design in Photoshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2 3 4

  • VAMSI PAVAN

    12/09/2009

    The zoomplayer is the different designs in skins in the differnent shapes in the changes in the form of the company and different modes of the interesting. I am interest the zoomplayer colours and different modes.

  • Player1

    29/10/2009

    dont spread out the tutorials in pages we hate that!!!