Zoom Player Skin Design

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

   



Gradient’s parameters:

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

Using the Ellipse Tool (U), try to make the next layer, reserved for the player’s logotype.

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 Use again the Pen Tool (P) to represent a triangle, colored with #FDC568

Create Zoom Player Skin Design in Photoshop CS3

For getting a better result it’s necessary to combine in a group all the layers composing the triangle and the previous layer made before the triangle (press Ctrl button to mark out the necessary layers and hold on the left mouse’s button to take the marked layers down on Create a new group selection). Make a copy of this group and select the Free Transform option to turn over the copy as it is demonstrated on the next picture.

Create Zoom Player Skin Design in Photoshop CS3

Applying the Ellipse Tool (U), it’s possible to represent the next layer, reserved for the player’s logotype.

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: 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 

Create Zoom Player Skin Design in Photoshop CS3

Next step includes drawing a highlight on the logotype, applying the previous instrument, Ellipse Tool (U).

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

Make a copy of the last containing the logotype’s highlight and then select Free Transform option to turn over the copy, changing also the parameters of the copy’s layer:

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3 Next we’ll choose the Custom Shape Tool (U) to represent the symbol of the logotype, having white color. Turn over the drawn element with the Free Transform selection.

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

Represent then a special frame reserved for the top part of the media player. The operation should be done with the Rounded Rectangle Tool (U) with a radius of 10 px.

Create Zoom Player Skin Design in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Inner Glow


Create Zoom Player Skin Design in Photoshop CS3

Blending Options>Stroke

Create Zoom Player Skin Design in Photoshop CS3 

Create Zoom Player Skin Design in Photoshop CS3

On the top part of the media player we’ll represent a highlight, applying the same instrument.

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 

Combine in a group all the layers composing the media player (press Ctrl button to accentuate the corresponding layers and then hold on the left mouse’s button to move the marked layers on Create a new group option). Make a copy later of the earlier made group and put together all the layers of the copied group, pressing the next combination of buttons CTRL+E. The Free Transform selection will be helpful in turning around the stuck layer.

Create Zoom Player Skin Design in Photoshop CS3

Make a mouse click on Add a Mask option situated on the bottom part of the layers’ panel. In the same time apply the Gradient Tool (G) to represent a semitransparent reflection.

Create Zoom Player Skin Design in Photoshop CS3

The media player is finished!

View full size here.

  •  

  •    
  •  

 

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!!!