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!

Zoom Player Skin Design

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

Page: 1 2 3 4

Comments