Photoshop website ichat icon design in photoshop

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

Here we will tell you how to make a Photoshop website ichat 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 chat shape using custom shape tool.

Photoshop-website-ichat-icon-design1

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

Photoshop-website-ichat-icon-design2

Photoshop-website-ichat-icon-design3

Photoshop-website-ichat-icon-design4

Photoshop-website-ichat-icon-design5

[4] Duplicate a shape clear layer style take the move tool now place it like me.

Photoshop-website-ichat-icon-design6

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

Photoshop-website-ichat-icon-design7

Photoshop-website-ichat-icon-design8

Photoshop-website-ichat-icon-design9

[6] Create a new layer, Ctrl+Click on petal layer to get selection, go to Select>Modify>Feather use these settings.

Photoshop-website-ichat-icon-design10

[7] Fill that layer with white color.

Photoshop-website-ichat-icon-design11

[8] Change the Blending Mode to Hard Light.

Photoshop-website-ichat-icon-design12

Photoshop-website-ichat-icon-design13

[9] Take the Soft Brush use these settings.

Photoshop-website-ichat-icon-design14

[10] Now play your brush tool.

Photoshop-website-ichat-icon-design15

[11] Create a shape with the help of Rounded Rectangle Tool.

Photoshop-website-ichat-icon-design16

[12] Add the following layer styles.

Photoshop-website-ichat-icon-design17

Photoshop-website-ichat-icon-design18

Photoshop-website-ichat-icon-design19

Photoshop-website-ichat-icon-design20

[13] Create another shape with Rounded Rectangle Tool.

Photoshop-website-ichat-icon-design21

[14] Add the following layer styles.

Photoshop-website-ichat-icon-design22

Photoshop-website-ichat-icon-design23

[15] Take the Shape Tool select this one.

Photoshop-website-ichat-icon-design24

[16] Create a shape right click to get selection, then take the Rectangular Marquee tool use these settings.

Photoshop-website-ichat-icon-design25

[17] Now create a shape like me.

Photoshop-website-ichat-icon-design26

[18] Make a new layer fill with white color.

Photoshop-website-ichat-icon-design27

[19] Add the following layer styles.

Photoshop-website-ichat-icon-design28

Photoshop-website-ichat-icon-design29

Photoshop-website-ichat-icon-design30

[20] Duplicate a shape clear layer style take the move tool now place it like me.

Photoshop-website-ichat-icon-design31

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

Photoshop-website-ichat-icon-design32

Photoshop-website-ichat-icon-design33

[22] This is my final results.

Photoshop-website-ichat-icon-design34

animated gif photoshop cs3

animated gif using photoshop

animated photoshop

Leave a Reply

You must be logged in to post a comment.