*Note: This tutorial was written for Photoshop versions before CS6. You can find a tutorial with step by step instructions for making speech bubbles in Photoshop CC here.

Speech bubbles are used a LOT around the web in logo designs and as icons. Photoshop comes with a set of speech bubble shapes just waiting to be used, but they are hidden away a little bit. Here’s how to create your own speech bubble graphics.

1. Select the Custom Shape Tool on the toolbar.

Speech Bubbles1

2. On the Options bar at the top of the screen, choose the paths option.

Speech Bubbles2

3. Again on the Options bar, click on the drop down box called Shape. This opens a set of default shapes that can use for drawing vectors. Click on the triangle on the top right corner – this opens a drop down menu – and from there choose Talk Bubbles.

Speech Bubbles3

4. A dialog box will open asking if you want to Replace or Append the current set of Shapes. I usually choose Append, and this adds the new set of shapes to the end of the currently visible shapes.

5. Now scroll down through the shapes and you’ll see a lovely set of speech bubbles.

Speech Bubbles4

6. Click on the bubble you want to draw and the click and drag out the shape on the image window. Hold down Shift to constrain the proportions on the bubble.
Speech Bubbles5

At this stage you’ve drawn out a vector path but there are no pixels at this stage. We can stroke or fill (or both) the shape at this point  but first it’s important to set up the colours and brush that we’ll use.

8. On the colour picker on the toolbar, choose your foreground. I picked dark red #990000.

Click on the brush tool and in the options bar choose a size, hardness and shape of the brush that you want to use. The size of the brush dictates the width of the stroke you will apply to the path you’ve just drawn.

Speech Bubbles6

I chose a hard, round 15 pixel brush. This will vary for you depending on the size of the path you draw and how thick you want the stroke to be.

9. Open the paths panel. At the bottom of the panel click on the Stroke Path button.

Speech Bubbles7
This adds a 15 pixel stroke to the path.

The path will still be visible, so to turn it off click anywhere on the grey area under the path name (it will say Work Path unless you changed the name) on the Paths panel.

Speech Bubbles8

10. If you wanted to fill the bubble with colour you would do the same steps as above but click on the Fill button on the bottom of the palette.

Speech Bubbles9

11. (Optional) You can of course add all kinds of styles from the layers panel or choose Windows > Styles to add extra oomph to your bubbles. Here’s a few examples;

Speech Bubbles10

Download my free Photoshop Custom Shapes Tool Cheatsheet

Download my Photoshop Custom Shapes Cheatsheet

The three page cheatsheet gives you a quickstart to working with Photoshop’s Custom Shape tools and a visual guide to every shape that comes with Photoshop.

Jennifer Farley

Jennifer Farley is an illustrator, designer, author and design teacher based in Ireland. She has been teaching design for over 14 years and helps people learn Adobe Photoshop, Lightroom,Illustrator and graphic design skills to improve their job prospects and their business.

Latest posts by Jennifer Farley (see all)

Pin It on Pinterest

Share This