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 Tutorial: Final Result



Author's URL: YourPhotoshopGuide.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Share print this page subscribe to newsletter subscribe to rss

The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Chat Button"

Captcha