Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your 7 Day Free Trial Start Plus Trial Maybe Later
How to Create Speech Bubbles in Photoshop
  • By Kia Lor
  • 9 Mins
  • Beginner
  • Photoshop Tutorials

How to Create Speech Bubbles in Photoshop

Learn how to create and edit fun speech bubbles in Photoshop using custom shapes.

Knowing how to create speech bubbles in Photoshop can be very useful as they can be used for all sorts of designs. Maybe you need a speech bubble for a comic book or manga, a pop art poster, or just for a sticker design. We’ll show you how to load, edit the appearance, and add text to speech bubble shapes that come with Photoshop.

How to Create Speech Bubbles in Photoshop

For this tutorial, we used a bold comic font called Raging. If you’re creating a comic or pop art style design, you can find some really good color palettes on Design Bundles, such as this psychedelic color palette.

Step 1 - Load Legacy Shapes if Needed

You'll have to do this step if you’ve never loaded the legacy shapes before. Open the Shapes panel (Window > Shapes), click the menu button at the top right of the panel, and select Legacy Shapes and More.

Load legacy shapes via the Shapes panel menu in Photoshop

The Legacy Shapes and More folder will be added to the end of the list in the Shapes panel.

Shows the Legacy Shapes and More folder in the Shapes panel

Step 2 - Create Speech Bubble Path

Select the Custom Shape Tool (U) from the left toolbar, and choose Path from the dropdown in the Options bar at the top. Then select a speech bubble shape in the Options bar or the Shapes panel (Window > Shapes).

Note: the speech bubble shapes are located by going to the following folders, Legacy Shapes and More>All Legacy Default Shapes >Talk Bubbles.

Select Custom Shape Tool, Path, and the custom shape to use

With your speech bubble shape selected, click + drag on the canvas to create your speech bubble path.

Click + drag to make the speech bubble path in Photoshop

Step 3 - Edit Speech Bubble Appearance

Add a Fill to the Speech Bubble Path

First, click the Create a New Layer icon at the bottom of the Layers panel. Then double-click on the layer name and change it to Fill. Next, select either the Path Selection Tool (A) or Direct Selection Tool (A), right-click on the canvas, and choose Fill Path.

Create a new layer, right-click using the Path/Direct Selection Tool, and select Fill Path

In the Fill Path dialog, select Foreground Color. The color doesn't matter as we'll show you how to change it later.

Shows Fill Path dialog with Foreground Color for Contents

You should now see a speech bubble filled with the Foreground color.

Shows the results of filling the speech bubble path with the Foreground color

Add an Outline to the Speech Bubble

Create a new layer and rename it to Outline. Then open the Brushes panel (Window > Brushes), and select the brush you’d like to use to create the speech bubble outline. Change the brush size in the Brushes panel if needed.

You can modify the brush even more with the advanced brush settings in the Brush Settings panel.

Shows to create a new layer and rename it. Than select a brush and its size in the Brushes panel

Select either the Path Selection Tool (A) or Direct Selection Tool (A). Then right-click on the canvas and click Stroke Path.

Create a new layer, right-click using the Path/Direct Selection Tool, and select Stroke Path

Make sure Brush is selected for the Tool option in the Stroke Path dialog.

Shows Brush selected as the Tool in the Stroke Path dialog in Photoshop

Your speech bubble should now have an outline.

Shows the speech bubble with the outline we just applied to the path using Stroke Path

Apply Layer Styles to the Outline and Fill Layers

Now we will add layer styles to the layers so we can quickly change their appearances if we want. Double-click on the Fill layer.

Shows to double-click on a layer to add layer styles in Photoshop

Make sure Preview is enabled in the Layer Style dialog and click on Color Overlay. Then click the color icon to pick a different color. Notice the change of the fill color in the actual speech bubble.

Shows the Layer Style dialog with Color Overlay enabled for the Fill layer

You can also add a Color Overlay for the Outline layer to change the color of the speech bubble outline.

Shows the Layer Style dialog with Color Overlay enabled for the Outline layer

The other layer styles can make for some fun effects, but we won’t go over those in this tutorial. After the layer styles have been added, you can always double-click on a layer style in the Layers panel to modify it.

Step 4 - Add Text

Select the Horizontal Type Tool (T), click outside the speech bubble shape, and enter your text.

Select the Horizontal Type Tool and click outside the speech bubble shape

Enable Free Transform (Ctrl/Cmd + T) to resize the text using the bounding box handles and move the text by clicking + dragging. Press Enter to commit the changes.

Use Free Transform to scale and move the text

You can also change the settings in the Character and Paragraph panels to further edit the text.

Shows the Character panel in Photoshop

Our current design is shown below.

Shows the speech bubble we created in Photoshop

You can take it one step further and also add layer styles to the text layer to enhance your design. We added a Color Overlay, Stroke, and Drop Shadow layer style to the text layer to create what you see in the image below.

Shows the final speech bubble design with layer styles on the text layer

Another option for the speech bubble text is to follow our Photoshop tutorial on creating 3D comic text! The finished design would look so awesome!


6 Related Photoshop Tutorials

Photos can be enhanced with a beautiful oil effect in Photoshop. The technique can be used to create an elegant paint style with just about any photo. In this tutorial, we will show you how to create a Photoshop Oil paint filter.Step 1 - Convert image to Smart ObjectOnce in ...

In this tutorial, you will learn how to create a cool glitch effect in Photoshop. You can do this in many different ways, but we’ll use the Shear, Wind, Wave, and Halftone filters in Photoshop to achieve the glitch effect.A photo like the one we’ll be using ...

You may be thinking of swapping out Photoshop for Procreate to make digital drawings. But you may be wondering if your brushes will work in Procreate. The good news is, you can take all your Photoshop .abr brushes and move them into Procreate. Awesome right? In this tutorial, we will ...

If you’ve been wondering how to create distressed edges in Photoshop, you’re in luck! This tutorial will show you how to do exactly that. We’ll be making the distressed edges from scratch using a brush.We will be using built-in Photoshop brushes, but there are all kinds ...

In the days of film, light leaks would unintentionally expose the film with extra light. This was considered an unwanted effect but lately, it has become a popular technique. Light leaks give images a nice dreamy effect, which can be used very creatively. Join in this tutorial as we show ...

In this tutorial we will be showing you how to create a rainbow gradient to overlay onto your photos. This quick Photoshop tutorial will teach you how to make your own gradients and adjustments. But if you are short on time, check out the rainbow overlays we have right here ...

photoshop layer styles custom shapes

You may also like

Help Center
ol image