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

Windows Media Player Icon


Step 1:

Create a new document. size 256x256.

image 1

image 2

Go to menu View ~> Ruler (or press Ctrl+R)

image 3

image 4

Pick elliptical Marquee Tool

Hold Shift and drag to draw a circle selection :

image 6

Press Alt+Backspace to fill with any color.

image 7

Pick Move Tool , drag to the horizontal ruler, hold click and drag a guide line. Do the same thing with Vertical ruler and you will have :

image 9

Pick Elliptical Marquee Tool

Draw an other circle selection inside.

image 11

Create a new layer and Press Alt+Backspace to fill with any color.

image 12

Ctrl+D to deselect.

click on layer 1, Ctrl+click on layer 2 (in Photoshop CS2), or click link icon beside thumbnail image of layer 2 (in Photoshop CS and below)

image 13

Pick Move Tool , Look at option bar on the top of window.

image 15

click 2 these options to align center 2 circle.

OK. click on layer 1, Ctrl+click on thumbnail image beside layer 2 to make a selection.

image 16

Press Delete. Ctrl+D to deselect.

Step 2:

Keep working on layer 1.

Pick Rectangle Marquee Tool

Make a selection like image below :

image 18

Right click on the selection and choose Layer Via Cut in the menu.

Repeat this action to 3 others.

Overlook the layer palette:

image 19

Right click on one of 4 part and choose Blending Option.

Set the information :

image 20

image 21

image 22

Repeat to 3 others and set different colors like this :

image 23

Step 3:

Right click on Layer 2 (The circle inside) and choose Blending Option, set these :

image 24

image 25

And you will have something like this :

image 26

Ctrl+click on thumbnail image of layer 2 (the circle inside) to make a selection.

Go to menu Select ~> Modify ~> Contract... ~> 8px. OK

image 27

Create a new layer on the top, name it "Soft light"

The selection is still working.

Go to menu ~> Feather ~> Type 4px. OK

Set foreground color to C7FFFF

Press Alt+Backspace to fill color. Ctrl+D to deselect.

image 28

Pick Eraser Tool , look at the option bar on the top, set option :

image 30

Erase a half of "Soft light"

Right click on layer "Soft light", choose Duplicate Layer...

Go to menu Edit ~> Free transform...

Look at the option bar on the top, set option:

image 31

Change mode to Overlay, Opacity = 70%.

image 32

And here's my result:

image 33

Step 4:

Create a new layer (Ctrl+Shift+N)

Ctrl+click on the layer which include a part on the top left.

image 34

Go to menu Select ~> Modify ~> Contract... type 1px. OK

Pick Gradient tool

Look at the option bar on the top, set option :

image 36

Drag a straight line from A to B :

image 37

Press Ctrl+D to deselect.

Repeat this Step to 3 other parts.

Step 5:

Pick Custom sharp tool , look at the option bar on the top, choose triangle sharp :

image 39

Hold click and drag on the document to draw the sharp :

(Tip : hold Shift while dragging to have a nice triangle)

Right click on sharp layer, choose "Rasterize Layer".

image 40

Go to menu Edit ~> Free transform (or press Ctrl+T)

Rotate the sharp till you have a "Play button" sharp:

image 41

Press Enter to Apply.

Pick Eraser Tool and erase 3 angle to make a rounded triangle : (really not easy! ^.^)

image 43

image 44

Right click on sharp layer and choose Blending Option, set Option :

image 45

image 46

Result :

image 47

Ctrl+click on layer sharp (rounded triangle)

Go to menu Select ~> Modify ~> Contract...type 2px. click OK.

Create a new layer, pick Gradient Tool , and make a gradient like this (hope you know how...)

image 49

Final Step:

Create a new layer on the top.

Pick Elliptical Marquee Tool , make a selection like this

image 51

Pick Gradient Tool , set option :

image 53

Hold click and drag to create a gradient like this :

image 54

Create a new layer at the bottom. Make a circle selection. Fill it with BLACK.

Go to menu Filter ~> Blur ~> Gaussian Blur ~> type 4 - 6 px. OK

Set Opacity as you like.

Windows Media Player Icon Tutorial: Final Result

You've already finished this tutorial. Hope you learnt something useful. Nice day!



Author's URL: EZPhotoshop
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
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 "Windows Media Player Icon"

Only registered users can write comment

Reader's comments