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

Zoom Player Skin Design

Browse Pages: << < 1  2  3 

The layer's parameters: Blending mode-Color

image 1

We'll insert the file's duration by drawing it on the Play button, keeping the demands from table below.

image 2

image 3

Use next the Custom Shape Tool (U) to draw on the player's screen several rays. Then press Alt button on the same layer and use simultaneously the Rectangle Tool (U) to erase the unnecessary elements from the top part of media player (on the top edge of the media player).

image 4

image 5

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

image 6

Gradient's parameters:

image 7

image 8

Using the Ellipse Tool (U), try to make the next layer, reserved for the player's logotype.

image 9

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

image 10

Gradient's parameters:

image 11

image 12

Use again the Pen Tool (P) to represent a triangle, colored with #FDC568

image 13

For getting a better result it's necessary to combine in a group all the layers composing the triangle and the previous layer made before the triangle (press Ctrl button to mark out the necessary layers and hold on the left mouse's button to take the marked layers down on Create a new group selection). Make a copy of this group and select the Free Transform option to turn over the copy as it is demonstrated on the next picture.

image 14

Applying the Ellipse Tool (U), it's possible to represent the next layer, reserved for the player's logotype.

image 15

The layer's parameters: Blending Options>Gradient Overlay

image 16

Gradient's parameters:

image 17

Blending Options>Stroke

image 18

image 19

Next step includes drawing a highlight on the logotype, applying the previous instrument, Ellipse Tool (U).

image 20

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

image 21

Gradient's parameters:

image 22

image 23

Make a copy of the last containing the logotype's highlight and then select Free Transform option to turn over the copy, changing also the parameters of the copy's layer:

image 24

image 25

Next we'll choose the Custom Shape Tool (U) to represent the symbol of the logotype, having white color. Turn over the drawn element with the Free Transform selection.

image 26

image 27

image 28

Represent then a special frame reserved for the top part of the media player. The operation should be done with the Rounded Rectangle Tool (U) with a radius of 10 px.

image 29

The layer's parameters: Fill 0%

Blending Options>Inner Glow

image 30

Blending Options>Stroke

image 31

image 32

On the top part of the media player we'll represent a highlight, applying the same instrument.

image 33

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

image 34

Gradient's parameters:

image 35

image 36

Combine in a group all the layers composing the media player (press Ctrl button to accentuate the corresponding layers and then hold on the left mouse's button to move the marked layers on Create a new group option). Make a copy later of the earlier made group and put together all the layers of the copied group, pressing the next combination of buttons CTRL+E. The Free Transform selection will be helpful in turning around the stuck layer.

image 37

Make a mouse click on Add a Mask option situated on the bottom part of the layers' panel. In the same time apply the Gradient Tool (G) to represent a semitransparent reflection.

Zoom Player Skin Design Tutorial: Final Result (Click to enlarge)
Click to enlarge

The media player is finished!



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 "Zoom Player Skin Design"

Only registered users can write comment

No comments yet...