14
Feb
2013

Web 2.0 Chat icon in photoshop

Posted in: Photoshop Comments Off

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

1) Create a new document (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 choice. I have taken red color.

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

3) Right Click on the layer and select “Blending Options” and apply the following settings:

26

36

45

55

65

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

74

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

7) Select “rectangular marquee tool

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

84

8) 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.

94

final

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

About the Author

Name: Ravi Shekhar
I love learning and sharing web stuffs.

Share this post

Twitter Facebook Google Buzz Digg StumbleUpon Delicious Technorati
Both comments and pings are currently closed.

Comments are closed.