Web 2.0 Chat icon in photoshop

In this tutorial we will learn how to make a shiny web 2.0 type chat icon in photoshop.

1) Create a new decument (File -> New), size 400 X 400 px and transparent background.

2) To create chat icon, select following:

• Select text tool from tool palette.
• Font type Webdings
• Size 250 px
• color on your choise, I have taken red color.

And type  ^
We will get a chat icon like this:

3) Right Click on layer and select “Blending Options” and do following settings.

5) Hold Ctrl key and click on the layer in the layer pallet to select all contents of this layer.

6) Creat a new layer (layer -> New Layer)

7) Select “rectangular marquee tool”

Now, hold Alt key and draw a shape like this:

Fill up the selection with white color using the “Paint Bucket Tool”.

9) Set the layer blend mode to Soft Light, opacity to 75%, and fill to 50%

Our chat icon is ready.

You can add some text and change color of icon of your choise.

1 Comment to "Web 2.0 Chat icon in photoshop"

Add Comments (+)

1. Emo Chat says:

   March 25, 2010 at 7:03 pm

   Nice =) also great sites’ look =)

   Reply

Trackbacks/Pingbacks

1. Bloggers Corner. - Page 7 - Windows Help Forum says:

   June 30, 2009 at 4:34 pm

   [...] Web 2.0 Chat icon in photoshop Quote: [...]

   Reply
2. rectangular icon says:

   April 1, 2010 at 12:16 pm

   [...] buttons and the unread mail icon is aquafied … Mail (will not be published) (required) …Web 2.0 Chat icon in photoshop PSYAG- PhotoShop Yag …We will get a chat icon like this: 3) Right Click on layer and select Blending Options … Web 2.0 [...]

   Reply