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

Now we should represent several special buttons exactly the way we have represented the system buttons on the top part of the player. Select the Ellipse Tool (U) for this operation and the color #282D33

image 1

All those special buttons should be combined in a certain frame, made with the Rounded Rectangle Tool (U) and a radius of 15 px.

image 2

The layer's parameters: Fill 0%

Blending Options>Inner Glow

image 3

Blending Options>Stroke

image 4

image 5

Create again a new layer (Create new layer) on which we'll use the Pencil Tool (B) (brush of 1 px) to draw the symbols on the buttons.

image 6

image 7

Get back to the panel, containing the sound button and create an opening for motion regulator. The instrument used in these cases is Rectangle Tool (U).

image 8

The layer's parameters: Blending Options>Gradient Overlay

image 9

Gradient's parameters:

image 10

image 11

The Ellipse Tool (U) will be helpful in representing the sound's regulator:

image 12

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

image 13

Gradient's parameters:

image 14

image 15

Take again the Ellipse Tool (U) to draw a highlight on the sound's regulator.

image 16

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

image 17

Gradient's parameters:

image 18

image 19

Applying the Rounded Rectangle Tool (U) with a radius of 15 px and white color, it is possible to draw a highlight on the player itself and on its buttons. But this layer should be positioned under the layers containing the screen and the play button.

image 20

The layer's parameters: Fill 10%

image 21

Try to make now the central player's button with the Ellipse Tool (U).

image 22

The layer's parameters: Blending Options>Inner Glow

image 23

Blending Options>Gradient Overlay

image 24

Gradient's parameters:

image 25

Blending Options>Stroke

image 26

Gradient's parameters:

image 27

image 28

Using the Ellipse Tool (U), it's possible to draw a highlight on the button demonstrated below:

image 29

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

image 30

Gradient's parameters:

image 31

image 32

The symbol on the button from below is done with the Rectangle Tool (U), by holding the Shift button. The color is white.

image 33

The layer's parameters: Blending Options>Stroke

image 34

image 35

On the play button's panel we'll introduce the indicator itself, colored with #017CC5, made with the Rounded Rectangle Tool (U) with a radius of 10 px and then press Alt button while applying the Rectangle Tool (U) to make a cut on the right side.

image 36



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