Photoshop  Home Photoshop Drawing Techniques Chat Button
rss

Chat Button

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




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Chat Button"