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!

Video Player Skin

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

Page: 1 2 3

Comments