Video Player Skin

May 31st, 2007 by ART-D Posted in Adobe Photoshop, Designing

Press on the Alt button and make a mouse’s click between the layers.

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Make a copy of the recently made layer and select the Free Transform option to make the copy smaller. The copy’s color should be changed on this one: #7A7D7E

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Press on the Alt button and make a mouse’s click between the layers:

Create Video Player Skin in Photoshop CSCreate Video Player Skin in Photoshop CS

Create a new layer and represent the buttons of the media player. It’s necessary to apply in this case the Pencil Tool (B) and the color #777777

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Create near the buttons a small stripe reserved for indicating the track’s time. Here we shall apply the Rectangle Tool (U) of black color.

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

The layer’s parameters:
Blending Options>Stroke

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CSMake a copy of the new made layer and select the Free Transform option to narrow the copy horizontally and place it the way it is demonstrated next picture.

Create Video Player Skin in Photoshop CS

Using the Rectangle Tool (U), try to make a line reserved for positioning the reproduction’s representation, which color is #0476C3.

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Next we’ll select the Custom Shape Tool (U) to represent the reproduction’s indicator.

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

The layer’s parameters:
Blending Options>Gradient Overlay

Create Video Player Skin in Photoshop CS

Gradient’s parameters:

Create Video Player Skin in Photoshop CS

Blending Options>Stroke

Create Video Player Skin in Photoshop CSCreate Video Player Skin in Photoshop CS

Now we shall represent the sound’s volume indicator on the right side of the media player’s board palette. The instrument used for this operation is Custom Shape Tool (U). We’ll delete all the unnecessary elements from the inside part of the volume’s indicator. In this case we’ll apply the Delete Anchor Point Tool and the color # 919191.

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Create a new layer. Next we’ll represent the indicating elements in the volume indicator’s window, applying the Pencil Tool (B).

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

  •  

  •    
  •  

 

Post Pages: 1 2 3

Tags: , , , , , , , ,

  • jack

    18/11/2009

    Bad