The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Design a Cool Chat Icon using Photoshop

Design a Cool Chat Icon using Photoshop


Step 1:

Firstly start by making a new document in Photoshop, use a document size of 300 x 200 pixels. Leave the background as white.
Next thing to do is find the Ellipse Tool, you can see where to find it in the below image.

Design a Cool Chat Icon using Photoshop image 1

Be sure you have the following settings for your Ellipse tool set, then draw a lob-sided ellipse on your canvas.

Design a Cool Chat Icon using Photoshop image 2

Design a Cool Chat Icon using Photoshop image 3

Create a new layer then brush some black over your path.

Design a Cool Chat Icon using Photoshop image 4

Find and get out the Pen Tool, right-click your path and click Create Vector Mask.

Design a Cool Chat Icon using Photoshop image 5

In your layers pallate go back into the path and add in a little triangular shape to make it look like one of those chat bubbles.

Design a Cool Chat Icon using Photoshop image 6

I lastly add this Drop Shadow to my black layer.

Design a Cool Chat Icon using Photoshop image 7

Step 2:

Duplicate your main black layer and brush a bright orange in the layer area.

Design a Cool Chat Icon using Photoshop image 8

Using the Add Anchor Point Tool select your path/points, press Ctrl+T to go into the Free Transform area.
Change the Width and Height to about 84.0% each. You might need to move the whole thing over to the left slightly.

Design a Cool Chat Icon using Photoshop image 9

Step 3:

Apply the following layer styles to your inner orange layer:

Design a Cool Chat Icon using Photoshop image 10

Design a Cool Chat Icon using Photoshop image 11

And now you should have something that looks like this:

Design a Cool Chat Icon using Photoshop image 12

Step 4:

On a new layer create another ellipse at the top, fill the selection with black. Now apply the following layer styles/settings:

Design a Cool Chat Icon using Photoshop image 13

Design a Cool Chat Icon using Photoshop image 14

And that should leave you with a nice glossy highlight like this:

Design a Cool Chat Icon using Photoshop image 15

Step 5:

Duplicate your layers then flip them horizontally (Edit > Transform > Flip Horizontal).
Now you just have to resize slightly and change the color layer with a different color. The color I used was #3381d7.

Design a Cool Chat Icon using Photoshop Tutorial: Final Result

Thanks for reading the tutorial, we hope you enjoyed it.



About the Author:

I started Web Design 5 years ago, and I now make a substantial monthly income each and every month, and so can you.

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

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Design a Cool Chat Icon using Photoshop"

Only registered users can write comment

No comments yet...