Being able to create your own web graphics for a site is definitely a lot of fun. Many people believe that they have to hire a web artist to design everything, but this is untrue. In Adobe Photoshop, you can generally create anything you’ll need to make your personal website professional looking, without the high cost of a designer. In this tutorial, you will learn how to create chat bubble icons. These are especially useful if you want to create email links, chat links, free use buttons or anything your heart desires.
1. First, open up Photoshop and create a new canvas or document document. PSD form is fine to work with. Make it 500×500 pixels. A good background color to work with is black, but you can choose to use any color you like.
2. Choose the custom shape tool on the menu bar. You can find this at the top of the Photoshop window. Click down on the small arrow next to the shape menu box. This will show you a selection of shapes. You may have to scroll down, but you need to find the tiny arrow pointing right. Click this arrow and select “Talk Bubbles” and click OK. This will give you a custom shape brush.
3. Make sure the talk bubble shape is selected.
4. On the top left, check to make sure that the Paths is selected. Click on the canvas to create the talk bubble shape to work with..
5. Now go to Window, then Paths. Go to Work Path. On your keyboard, hold down CTRL and then click on it. Next, create a new layer by going to Layer>New>Layer. Give it any name you like. Then choose the paint bucket tool on the vertical menu bar and fill in your talk bubble with any color you desire.
6. Then right click on your newly named layer and select Duplicate Layer. You’ll now have two of the same layers. Title this layer whatever you like. Go to Edit>Transform>Flip Horizontal. After this, drag the new bubble into place so that they overlap one another.
7. Click on the Paths menu again. Then hold down CRTL on the keyboard and click on Work Path. Drag this path over the top of the first bubble. Make sure it lines up perfectly. Go to Select>Modify>Expand. Type in 5 pixels and then OK. Delete the duplicated layer on your image.
8. Right click on the bubble and go to Blending Options, and then Stroke. Selection Drop Shadow on the left side too.
9. If just want the bubble and not the background, select it and copy it on to a transparent background. It works best if it is saved as a GIF.
Then you’re done and you have a neat chat symbol perfect for your website or Myspace!