Design your own video player interface in Photoshop.

Create a new file (File>New), having 314x550 px and 72 dpi. Take then the Rectangle Tool (U) to create the background of the next picture to be.



The layer抯 parameters:
Blending Options>Gradient Overlay



Gradient抯 parameters:



Blending Options>Stroke





Next we抣l select the To reshape the corners of a rounded rectangle, select the rounded rectangle tool and select the rectangle. Extra selection handles appear inside the rectangle corners. Dragging an inside handle toward the center of the rectangle to make it more rounded; drag it toward the outside of the rectangle to make it less rounded.'); return false" href="javascript:void(0)">Rounded Rectangle Tool (U) and we抣l draw the upper palette of the media player to be.





The layer抯 parameters:
Blending Options>Outer Glow

 

Blending Options>Inner Glow



Blending Options>Gradient Overlay



Gradient抯 parameters:



Blending Options>Stroke



Gradient抯 parameters:





Make a copy of the new made layer and choose the Free Transform option to place the copy like it is shown in the next picture. We shall move off the unnecessary parameters out of the copy: Blending Options>Gradient Overlay
(the main copy抯 color is black)



Choose now the Rectangle Tool (U) to represent on the upper part of the media player抯 palette a kind of screen of black color. The screen抯 layer must be placed upper than the layer of the upper palette, on the layers?palette.

 
Press on the Alt button and make a mouse抯 click between the black screen抯 layer and the upper palette of the media player for the screen to be applied in the limits of the palette.





Draw next a thin stripe on the upper part of the lowest palette. The stripe is reserved for the media player抯 play list. Place the stripe抯 layer upper than the layer of the lowest palette of the media player.



The layer抯 parameters:
Blending Options>Gradient Overlay



Gradient抯 parameters:





Press on the Alt button and make a mouse抯 click between the layers to get the result described before.



 
Draw next a small star on the stripe抯 right side. The star should be of white color. Select the You use the shape tools to draw lines, rectangles, rounded rectangles, and ellipses in an image. In Photoshop, you can also draw polygons and create custom shape libraries to reuse and share custom shapes.
'); return false" href="javascript:void(0)">Custom Shape Tool (U) for this operation. The star抯 layer should be placed upper than the layer containing the play list抯 stripe.







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





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





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

 

Create a new layer and represent the buttons of the media player. It抯 necessary to apply in this case the To use the pencil tool, simply select it from the toolbar by depressing the pencil tool icon. When you do so, you can draw on the canvas. Try it out. And don\'t forget to modify your brush size, roundness, angle, etc ...'); return false" href="javascript:void(0)">Pencil Tool (B) and the color #777777







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





The layer抯 parameters:
Blending Options>Stroke



 
Make 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.



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





Next we抣l select the You use the shape tools to draw lines, rectangles, rounded rectangles, and ellipses in an image. In Photoshop, you can also draw polygons and create custom shape libraries to reuse and share custom shapes.
'); return false" href="javascript:void(0)">Custom Shape Tool (U) to represent the reproduction抯 indicator.





The layer抯 parameters:
Blending Options>Gradient Overlay



Gradient抯 parameters:



Blending Options>Stroke

 

Now we shall represent the sound抯 volume indicator on the right side of the media player抯 board palette. The instrument used for this operation is You use the shape tools to draw lines, rectangles, rounded rectangles, and ellipses in an image. In Photoshop, you can also draw polygons and create custom shape libraries to reuse and share custom shapes.
'); return false" href="javascript:void(0)">Custom Shape Tool (U). We抣l delete all the unnecessary elements from the inside part of the volume抯 indicator. In this case we抣l apply the Delete Anchor Point Tool and the color # 919191.









Create a new layer. Next we抣l represent the indicating elements in the volume indicator抯 window, applying the To use the pencil tool, simply select it from the toolbar by depressing the pencil tool icon. When you do so, you can draw on the canvas. Try it out. And don\'t forget to modify your brush size, roundness, angle, etc ...'); return false" href="javascript:void(0)">Pencil Tool (B).





 

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







Using the last instrument ( To use the pencil tool, simply select it from the toolbar by depressing the pencil tool icon. When you do so, you can draw on the canvas. Try it out. And don\'t forget to modify your brush size, roundness, angle, etc ...'); return false" href="javascript:void(0)">Pencil Tool (B)), try to represent now a dividing line between the media player抯 buttons. The line抯 color is black and white.







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



 
Make two copies of the last made layer and select the Free Transform option to place the copies exactly the way it is shown below.





Using the You use the shape tools to draw lines, rectangles, rounded rectangles, and ellipses in an image. In Photoshop, you can also draw polygons and create custom shape libraries to reuse and share custom shapes.
'); return false" href="javascript:void(0)">Custom Shape Tool (U), we抣l create next the video file抯 indicator.





The layer抯 parameters:
Blending Options>Gradient Overlay



Gradient抯 parameters:





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



(00:00)

(MY)



(videos)



Choosing the The line tool is used to draw straight lines on the canvas. It is pretty intuitive, you simply choose the line tool from the toolbox, click once on the canvas to specify the beginning point of your line and then drag the mouse to define the line extending from the starting point.'); return false" href="javascript:void(0)">Line Tool (U), it抯 possible to represent scrollin bar on the play list抯 palette, colored in #959797.



Represent next the arrow of the scrolling bar, selecting the same You use the shape tools to draw lines, rectangles, rounded rectangles, and ellipses in an image. In Photoshop, you can also draw polygons and create custom shape libraries to reuse and share custom shapes.
'); return false" href="javascript:void(0)">Custom Shape Tool (U).







Te layer抯 parameters:
Blending Options>Gradient Overlay

 
Gradient抯 parameters:



Blending Options>Stroke





The final result!

discuss this topic to forum