Photoshop website winamp icon design in photoshop

Posted on June 15th, 2008 by 3dfun in Photoshop Tutorials

Here we will tell you how to make a Photoshop website winamp icon design in photoshop.

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

[2] Create a shape using custom shape tool.

Photoshop-website-winamp-icon-design1

[3] Add the following layer styles.

Photoshop-website-winamp-icon-design2

Photoshop-website-winamp-icon-design3

Photoshop-website-winamp-icon-design4

Photoshop-website-winamp-icon-design5

Photoshop-website-winamp-icon-design6

[4] Take the Rectangular Marquee Tool use these settings.

Photoshop-website-winamp-icon-design7

[5] Ctrl+Click on shape layer to get selection, then create a shape like this.

Photoshop-website-winamp-icon-design8

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

Photoshop-website-winamp-icon-design9

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

Photoshop-website-winamp-icon-design10

[8] Create another shape using custom shape tool.

Photoshop-website-winamp-icon-design11

[9] Add the following layer styles.

Photoshop-website-winamp-icon-design12

Photoshop-website-winamp-icon-design13

Photoshop-website-winamp-icon-design14

Photoshop-website-winamp-icon-design15

[10] Create a shape with the help of Pen Tool.

Photoshop-website-winamp-icon-design16

[11] For this shape layer duplicate a few time Hit “M” key, use downarrow key to move the selection down 1px you will get.

Photoshop-website-winamp-icon-design18

[12] Now select all duplicate layer press cntl+E, to merge down the layer after that add the following layer styles.

Photoshop-website-winamp-icon-design19

Photoshop-website-winamp-icon-design20

Photoshop-website-winamp-icon-design21

[13] Duplicate that layer clear layer styles now add the following layer styles.

Photoshop-website-winamp-icon-design22

Photoshop-website-winamp-icon-design23

Photoshop-website-winamp-icon-design24

Photoshop-website-winamp-icon-design25

[14] Now press cntl+E, to merge down both layer add the following layer styles.

Photoshop-website-winamp-icon-design26

Photoshop-website-winamp-icon-design27

[15] Now create a shape with the help of Pen Tool.

Photoshop-website-winamp-icon-design28

[16] Add the following layer styles.

Photoshop-website-winamp-icon-design29

Photoshop-website-winamp-icon-design30

Photoshop-website-winamp-icon-design31

[17] Ctrl+Click on previous layer to get selection, go to Select>Modify>Contract Selection use these values.

Photoshop-website-winamp-icon-design32

[18] Now right click select Stoke use these settings.

Photoshop-website-winamp-icon-design33

Photoshop-website-winamp-icon-design34

Photoshop-website-winamp-icon-design35

[19] Take the Soft Brush use these settings.

Photoshop-website-winamp-icon-design36

Photoshop-website-winamp-icon-design37

[20] Set the foreground color image-37 and now play with your brush tool.

Photoshop-website-winamp-icon-design38

[21] Take the Rectangular Marquee Tool use these settings.

Photoshop-website-winamp-icon-design39

[22] Ctrl+Click on previous layer to get selection, then create a shape like this.

Photoshop-website-winamp-icon-design40

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

Photoshop-website-winamp-icon-design41

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

Photoshop-website-winamp-icon-design42

[25] These are my final results.

Photoshop-website-winamp-icon-design43

Photoshop website lemon icon design in photoshop

Photoshop website ichat icon design in photoshop

adobe photoshop 7 tutorial

adobe photoshop bubble

adobe photoshop cs2 text

Leave a Reply

You must be logged in to post a comment.