Tutorial search

Photoshop Tutorials
Tutorials
Stuff
Affiliates

Cool Stuff




How would you like to MASTER graphic design by next week?

Click here to find out how

Photoshop Templates


Featured Photoshop templates - professional ready to use designs for your next project.

View all templates

Cool video player - Photoshop tutorial


Now we will create this cool looking light video player. Great for embedding videos or Flash videos on your website
Category: Photoshop tutorials > Website Graphics - Difficulty:




Preview:

Cool Video Player.



Step one:

Start with a large black canvas and make a new layer set titled Stand Structure in your layers window. On your tools window choose your rounded rectangle tool. Set the radius setting of your rounded rectangle to 8 pixels and check anti-aliased. In a new layer draw a 145 x 22 pixels, #B7B7B7 rounded rectangle.
With this layer add the following layer styles:

Drop Shadow

Inner Shadow

Gradient Overlay





Step two:

In a new layer draw a small 17 x 12 pixels, black rounded rectangle. Try to match the picture for location.
With this layer add a

Gradient Overlay

layer style.



Step three:

Duplicate the small structure from step two and set them up as shown below.



Step four:

Duplicate your Stand Structure layer set from your layers window. Position the copy next to the original.



Step five:

In a new layer draw a large 368 x281 pixels, black rounded rectangle.
With this layer set the blending mode to Lighten and add the following layer styles:

Inner Shadow

Satin

Stroke