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

Select on this stage the Custom Shape Tool (U) to draw two small pointers, colored with #313540

image 1

image 2

Insert now the inscriptions reserved for the panel of the media player's screen, applying the demands inserted in the table below:

image 3

image 4

Insert also on the right top corner the system buttons, keeping also the demands from below:

image 5

image 6

It's time to represent the panel reserved for controlling the media player and it should be situated lower than the screen's panel. This time we'll use the same Rounded Rectangle Tool (U) with a radius of 5 px.

image 7

The layer's parameters: Fill 0%

Blending Options>Inner Shadow

image 8

Blending Options>Gradient Overlay

image 9

Gradient's parameters:

image 10

Blending Options>Stroke

image 11

image 12

Make a copy of the top part of the media player's panel. Select then the Free Transform option to place the copy the same way shown next image:

image 13

Make copies of the pointers situated on the top media player's panel. Apply after that the Free Transform option to place the copies the same way indicated the next picture:

image 14

Using the Rectangle Tool (U) and the Pen Tool (P), it's possible to draw now the symbol meaning opening the panel. The layer's color this time is #1D2331

image 15

image 16

Create now the button reserved for closing the panel.

image 17

image 18

Select the Pen Tool (P) to insert on the picture the switcher.

image 19

The layer's parameters: Blending Options>Inner Shadow

image 20

Blending Options>Gradient Overlay

image 21

Gradient's parameters:

image 22

image 23

Take the Rounded Rectangle Tool (U) (radius of 5 px) to insert the directing button of the player.

image 24

The layer's parameters: Fill 0%

Blending Options>Inner Shadow

image 25

Blending Options>Gradient Overlay

image 26

Gradient's parameters:

image 27

Blending Options>Stroke

image 28

image 29

Make four copies of the layer containing the button and then applying the Free Transform solution, it's possible to situate the copies the same way demonstrated below:

image 30

Choosing the Pen Tool (P) and the Rectangle Tool (U), it's possible to represent the symbols on the made options' buttons on the media player.

image 31

The symbols' layers contain the same parameters: Fill 0%

Blending Options>Inner Shadow

image 32

image 33



Author's URL: Adobetutorialz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 1  2  3  > >>
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Digital Media Player Design"

Only registered users can write comment

No comments yet...