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) Create a new file (File -> New) , and select a size (300 X 300 px) and transparent background.

2) Select “Rectangular Marquee Tool”

3) Now go to Select -> Modify -> Smooth ->  Set to 5 px
Now your selection will have rounded corner.

4) Now fill up the selection with any color you want using the “Paint Bucket Tool”.

I’ve used dark blur color, and it looks liks this.

5) Right click on layer and select “Blending Options”, and do following settings.

6) Create New Layer (layer ->New Layer)..

Now Contract the selection by 2 pixel.

Select -> Modify -> Contract

7) Select “rentangular marquee tool” and  Click and hold “Alt” button and draw a shape like this.

8 ) Select “Gradient” tool from tool palette.

and select a color little lighter than previous color. I had select dark blue color, so now I will select little light blue color.

9) Hold and drag mouse from lower selection to upper selection.

10) Deselect the selection (ctrl + D) , and your button is ready.

Now you can add some text on the button.

File -> New

2) Type some text. Here I am typing “ReflectioN” . You can also change font and color of the text.

3) Now we have to create dublicate layer of step 2. Right click on layer -> select “Dublicate Layer”

4) Select dublicate layer. And flip it vertically.

Edit -> Transform -> Flip Vertical

Drag the image downward. It should look like this.

5) Right click “Reflection copy” layer and select “Blending options” and than select “Gradient Overlay”.

6) Check “reverse” box. Click on gradient color bar. Select left color same as the color of original  text. Select right color same as the color of background. Here text color is black and background color is white. Click OK

7) Hold mouse at bottom of inverted image and slowly mode the mouse upward. Drag mouse until you get something like this.

You can also change opacity of reflected image as per requirement.

This is how you can do reflection in photoshop. Here I have done reflection of text, in similar manner we can also do reflection of images.

2) You will get a form to fill up name, size and background type of the image. Lets select size as 150 X 60 pixel, and Transparent background.

3) From tool palette select “Rounded Rectangle tool”

4) Punch these options at the top.

• Shape Layers
• Set Radius to 60
• Create New Shape Layer
• select color

5) Now drag your mouse and create a button shape, just like this

6) Right click on layer -> select “Blending Options”

7) Select “Gradient Overlay” from left options.

8 ) Click  on Gradient color bar to select the color of button. Left site is for lower color and right side is for upper color.

Color selection is completely on you. Select light color for bottom and dark color for upper part. And select location near 40

Now my button looks like this.

9) Now, we will add “inner shadow” to the button. From “Blending Options” select “inner shadow”.And select following setting:

• Blend mode: Overlay
• Color: white
• Opacity: 100%
• Distance: 7
• Size: 15
• Angle: 120

Click ok. Now we have a basic web 2.0 type button.

10) Now let’s add some text on the button. Add new layer. Layer -> New -> Layer

11) Select text tool, and write some text on the button.