Preview:
Media Player.
Step 1:
Let's start out by creating a new file. I used a 700x400 pixels canvas set at 72dpi, and I filled my background with a black color. Now select the Rounded Rectangle Tool and above your screen under the options palette choose Fill Pixels, set the radius to 4 px and check anti-aliased. Then create a new layer and draw a rectangle with 575 x 242px dimensions and #1C1C1C color shade.
Step 2:
Under Layer Style(Layer > Layer Style) add a Gradient Overlay and Stroke blending options to your dark gray rounded rectangle layer.
Step 3:
In a new layer draw a large black rectangle with 554 x 223px dimensions on the center of the rounded rectangle.
Step 4:
Under Layer Style(Layer > Layer Style) add an Inner Shadow and Stroke blending options to the large black rectangle layer.
Step 5:
Create a new layer, below the rounded rectangle design which will hold the video content add a rectangle with 577 x 47px dimensions and #141414 color shade. Then under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your rectangle layer from step four.
Step 6:
Now add the play buttons. First select the Rounded Rectangle Tool and above your screen under the options palette choose Fill Pixels, set the radius to 10 px and check anti-aliased. Then create a new layer and draw a black rounded rectangle with 50 x 21px dimensions.
Step 7:
Under Layer Style(Layer > Layer Style) add an Inner Shadow, Gradient Overlay and Stroke blending options to your white rounded rectangle layer. Then set the layer's blending mode to Darken.
Step 8:
Select the Horizontal Type Tool and set the font family to Arial, bold, 12 pt, smooth and white color shade. In a new text layer type 'Play' on your first button.
Step 9:
Now add a button for 'Stop'.
Step 10:
Nex to your main buttons add the fast forward and fast rewind button using icons instead of text. Use Font Webdings under '8' and '7' to get the rewind and forward icons.
Step 11:
Create a new layer and draw a rectangle with 258 x 6px dimensions and #3F3F3F color shade next to the play buttons. Then in another layer draw a thick white line for control.
Step 12:
On the right end of your media player add a button for the timer.
Step 13:
Now crop an image with a 538 x 205px dimensions on the black rectangle.
Results:
Media Player.
Clipping Path Says:
it's an interesting and cool post. thanks :-)
Posted On: 16 March