Categories

Partners
Search


Advanced Search




PSD Tuts

flash websites

Zoom Player Skin Design
Published  03/14/2008 | Designing
   
Zoom Player Skin Design - part 1


Learn to create a fabulous looking player interface in this comprehensive tutorial.

Start by creating a new file (File>New) with 1024x768 px and 72 dpi. Using the Paint Bucket Tool (G), it’s possible to give black color to the new file.

Create Zoom Player Skin Design in Photoshop CS3

Select the Rectangle Tool (U) to represent the same plane surface from below:

Create Zoom Player Skin Design in Photoshop CS3

Select for the new layer the next shown parameters by making a mouse click on the processed layer on the layers’ panel: 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 5 px, it’s possible to represent the primary layer of a media player on the picture we already have.

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: Blending Options>Bevel and Emboss

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 

Create Zoom Player Skin Design in Photoshop CS3

Select again the Rectangle Tool (U) and try to represent a special zone reserved for the media player’s screen.

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Zoom Player Skin Design in Photoshop CS3

Create Zoom Player Skin Design in Photoshop CS3 Zoom Player Skin Design
Learn to create a fabulous looking player interface in this comprehensive tutorial.