Her

Home Photoshop Tutorials Drawing Techniques Chat Button

Chat Button

Author: YourPhotoshopGuide.com Author's URL: www.yourphotoshopguide.com More by this author

Draw this circle with ellipse tool. Use #76AEF0 as fill color :

image 1

Apply these layer styles :

image 2

image 3

image 4

image 5

Select this layer by control+click on its layer's name in layer palette.

image 6

Create a new layer. Change the foreground and background colors to black & white by pressing 'D'. Now press 'x' to swap the colors. Use gradient tool (foreground to transparent) to fill this selection.

image 7

Press control+d to deselect. Control+J to copy and place this layer as shown :

image 8

Use pen tool to draw this shape :

image 9

Adjust the nodes as shown :

image 10

Use line tool image 11 with 2 px weight image 12 and draw the lines as shown. Our chat button is ready :)

Chat Button