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

Select the same instruments for fixing next indicators: + and – (the color is # 8F8F8F)

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Using the last instrument (Pencil Tool (B)), try to represent now a dividing line between the media player’s buttons. The line’s color is black and white.

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

The layer’s parameters:
Fill 70% on the layers.
Blending mode-Overlay

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CSMake two copies of the last made layer and select the Free Transform option to place the copies exactly the way it is shown below.

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Using the Custom Shape Tool (U), we’ll create next the video file’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

Create Video Player Skin in Photoshop CS

Insert also the track’s play time and the title on the play’ list, keeping the demands from the next tables.

Create Video Player Skin in Photoshop CS

(00:00)Create Video Player Skin in Photoshop CS

(MY)

Create Video Player Skin in Photoshop CS

(videos)

Create Video Player Skin in Photoshop CS

Choosing the Line Tool (U), it’s possible to represent scrollin bar on the play list’s palette, colored in #959797.

Create Video Player Skin in Photoshop CS

Represent next the arrow of the scrolling bar, selecting the same Custom Shape Tool (U).

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

Te layer’s parameters:
Blending Options>Gradient Overlay

Create Video Player Skin in Photoshop CSGradient’s parameters:

Create Video Player Skin in Photoshop CS

Blending Options>Stroke

Create Video Player Skin in Photoshop CS

Create Video Player Skin in Photoshop CS

The final result!

Page: 1 2 3

Comments