Photoshop interface media player logo icon in photoshop

Posted on September 6th, 2008 by 3dfun in Photoshop Tutorials

Hello my friends

Today i will show you how to create a Photoshop interface media player logo icon in photoshop.

[1] Take a new file of 450 pixels, 300 pixels, of resolution 72 dpi in the RGB mode.

[2] Now create a shape with the help of “Polygonal Lasso Tool”.

Photoshop-interface-media-player-logo-icon1

[3] Go to channels palette and click the “save selection as channel”.

Photoshop-interface-media-player-logo-icon2

[4] Now fill the selection with white color.
Press Ctr+D on your keyboard to deselect.
Select Filter-Blur-Gaussian Blur, use a radius of 35 pixels.

Photoshop-interface-media-player-logo-icon3

[5] Press Ctrl+L to adjust the levels of our channel. Use the following settings.

Photoshop-interface-media-player-logo-icon4

[6] After that add the following layer styles.

Photoshop-interface-media-player-logo-icon5

Photoshop-interface-media-player-logo-icon6

Photoshop-interface-media-player-logo-icon7

Photoshop-interface-media-player-logo-icon8

[7] This is my result.

Photoshop-interface-media-player-logo-icon9

[8] Duplicate the layer. Remove layer styles.
And press cntl+T to minimize your shape like mine.

Photoshop-interface-media-player-logo-icon10

[9] For this shape add the following layer styles.

Photoshop-interface-media-player-logo-icon11

Photoshop-interface-media-player-logo-icon12

Photoshop-interface-media-player-logo-icon13

[10] After that Cntl+Click the duplicate layer.
Now go to Select>Modify>Contract Selection by 2 px.
Make a new layer. Fill the selection with Black color.

Photoshop-interface-media-player-logo-icon14

[11] After that add the following layer styles.

Photoshop-interface-media-player-logo-icon15

Photoshop-interface-media-player-logo-icon16

Photoshop-interface-media-player-logo-icon17

Photoshop-interface-media-player-logo-icon18

[12] Create a equalizer bar with the help of Rectangular Marquee Tool, color is not important.
And create some text also.

Photoshop-interface-media-player-logo-icon19

[13] Take the Elliptical Marquee Tool apply the following settings.

Photoshop-interface-media-player-logo-icon20

[14] Cntl+Click the previous shape layer to get the selection.
After that create the following sellection with the help of Elliptical Tool.

Photoshop-interface-media-player-logo-icon21

[15] Choose Gradient to and set properties like this.

Photoshop-interface-media-player-logo-icon22

[16] Apply gradient to selection to get the result like this.

Photoshop-interface-media-player-logo-icon23

[17] Create a new shape with the the help of Ellipse Shape Tool.

Photoshop-interface-media-player-logo-icon24

[18] Double click the layer to open layer style window. Apply settings as shown

Photoshop-interface-media-player-logo-icon25

Photoshop-interface-media-player-logo-icon26

Photoshop-interface-media-player-logo-icon27

Photoshop-interface-media-player-logo-icon28

[19] Create another shape with the help of Ellipse Shape Tool.

Photoshop-interface-media-player-logo-icon29

[20] Press Ctrl+T. Right Click and select Warp. Select “Arc” style from the preset warp shapes.
Apply settings as shown.

Photoshop-interface-media-player-logo-icon30

[21] After that right click select make selection.

Photoshop-interface-media-player-logo-icon31

[22] Choose Gradient to and set properties like this.

Photoshop-interface-media-player-logo-icon32

[23] Make a new layer. Apply gradient to selection to get the result like this.

Photoshop-interface-media-player-logo-icon33

[24] Using the same method and adjusting the styles on your own will,
create the rest of the buttons ( + and - , forward, next, pause and shut down).

Photoshop-interface-media-player-logo-icon34

[25] Create another shape with the help of Ellipse Shape Tool.

Photoshop-interface-media-player-logo-icon35

[26] Add the following layer styles.

Photoshop-interface-media-player-logo-icon36

Photoshop-interface-media-player-logo-icon37

Photoshop-interface-media-player-logo-icon38

Photoshop-interface-media-player-logo-icon39

Photoshop-interface-media-player-logo-icon40

[27] Create a new shape with the help of “Polygonal Lasso Tool”
Make a new layer fill the selection with black color.

Photoshop-interface-media-player-logo-icon41

[28] Fill it with black in a new layer. Ctrl+Click main shape layer thumbnail,
Ctrl+Shift+I and press delete.

Photoshop-interface-media-player-logo-icon42

[29] Now set the opacity 46%.

Photoshop-interface-media-player-logo-icon43

Photoshop-interface-media-player-logo-icon44

[30] Done!!! I hope you like it.

Photoshop-interface-media-player-logo-icon45

animated gif photoshop cs3

animated gif using photoshop

animated photoshop

Photoshop web20 5star rating in photoshop

Photoshop shower glass door tutorial in photoshop

Leave a Reply

You must be logged in to post a comment.