The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Digital Media Player Design

Digital Media Player Design

Browse Pages: << < 1  2  3 

Insert the inscriptions for the switcher's position, keeping attentively the next demands:

image 1

image 2

Now we should introduce the panel of the play list, situated lower than the media player's controlling panel, applying the Rounded Rectangle Tool (U) with the radius of 5 px.

image 3

The layer's parameters: Fill 0%

Blending Options>Inner Shadow

image 4

Blending Options>Gradient Overlay

image 5

Gradient's parameters:

image 6

Blending Options>Stroke

image 7

image 8

On the play list's panel must be represented the area reserved for the play list, containing the black color. The appropriate instrument is the same Rounded Rectangle Tool (U) with a radius of 5 px.

image 9

The layer's parameters: Blending Options>Stroke

image 10

image 11

Make a copy of the top part of the media player's panel.

image 12

Create a new layer above the made copy and mark out both layers. Then press the combination of buttons Ctrl+E. Using the Free Transform solution, try to turn around the copy and place it the way demonstrated next image:

image 13

Make copies of the layers containing the pointers and then choose again the Free Transform solution for positioning the copies the same way from below:

image 14

Using the Pen Tool (P), try to represent the pointers indicating the play list's rolling. The layer has the color #36373C

image 15

Make a copy of the close button and select the Free Transform option to place the copy the same way demonstrated below:

image 16

Insert the tracks' titles and their duration.

image 17

movie 01

image 18

the titles for the rest of the tracks.

image 19

On the last stage we should introduce the name of the play list's panel, applying the next shown demands:

image 20

image 21

Digital Media Player Design Tutorial: Final Result (Click to enlarge)
Click to enlarge

The media player is finished!



Author's URL: Adobetutorialz.com
Browse Pages: << < 1  2  3 
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Digital Media Player Design"

Captcha