Create a chat icon

Create a chat icon Date added: 09 May 2007
Listed in: Drawing
Submitted by: Python
Views today: 8
Total view: 17528

1. Open Photoshop and create a new document. Mine is 400px by 400px. I have also changed my background colour but you dont have to do this.

Create a chat icon tutorial





2. Select the custom shape tool. At the top of Photoshop click on the small down arrow next to the shape box. You should then see a selection of shapes. On

the right hand side of the box which pops up click on the small arrow pointing right. Then select TalkBubbles and click OK.

Create a chat icon tutorial
Create a chat icon tutorial




3. Click on the following shape.

Create a chat icon tutorial





4. At the top on the left make sure that the "Paths" icon is selected (middle out of the three). Now simply click and drag on your document so that you

create a talk bubble shape.

Create a chat icon tutorial





5. Go to Window >> Paths. In the paths window you should then see a path called Work Path. Hold down control on your keyboard and click on it. Now create a

new layer by going to Layer >> New >> Layer and call it "bubble". Using the paint bucket tool fill in the selected area with #FFFFFF (white).

Create a chat icon tutorial





6. Right click on your bubble layer and select Duplicate Layer. Call the layer "bubble2". Then go to Edit >> Transform >> Flip Horizontal. Then drag the new

bubble into place as shown here. They should overlap each other.

Create a chat icon tutorial





7. Now go to the paths window again. Hold down Ctrl and click on the Work Path again. Simply drag this work path over the top of your first bubble (furthest

left one). Make sure it is on it exactly. Then go to Select >> Modify >> Expand. Type in 5px and click OK. Make sure that your bubble 2 layer is selected and

then press delete on your keyboard. You should end up with this.

Create a chat icon tutorial





8. Now right click on your bubble layer and go to Blending Options. On the left hand side select Stroke and use the following settings.

Create a chat icon tutorial





9. On the left select Drop Shadow and use the following settings.

Create a chat icon tutorial





10. Select Gradient Overlay and use the following settings.

Create a chat icon tutorial





11. Click OK. Now right click on your bubble layer and select Copy Layer Style. Now right click on your bubble2 layer and select Paste Layer Style. You

should then have something like this.

Create a chat icon tutorial





12. Here I have added some text. This is my final result.

Create a chat icon tutorial

 Tutorial Comments

You must be logged in to post a comment. Login or register now.


There are currently no comments for this tutorial.