Create Speech Bubbles in Illustrator

使用ソフト: Illustrator CC 2018  

Speech bubbles

We see speech bubbles everywhere, such as comics and advertising design.

You can easily create them with Illustrator.
First, I’ll show you how to create them with the Distort Transform tool.

So let’s do it!

How to make speech bubbles using the Distort Transform

Let’s create different types of speech bubbles using the Distort Transform Tool.

Zig zag

1. Go to [Tools Panel] > [Ellipse Tool] to create a circle on the artboard.


2. Go to [Menu Bar] > [Effect] > [Distort Transform] > [Zig Zag] to display the Zig Zag panel.

Zig Zag panel

Enter each of the required numbers and click OK.

Size : 8mm
Ridges per segment : 10
Points : corner

Zig Zag panel

The path has been transformed and the speech bubble is now complete.

You can create various bubbles by changing the values and using other effects.


[Menu Bar] > [Effect] > [Distort Transform] > [Pucker & Bloat]

When you create a speech bubbles using [Pucker & Bloat], use polygons.

Pucker & Bloat

Pucker & Bloat


[Menu Bar] > [Effect] > [Distort Transform] > [Pucker & Bloat]

Pucker & Bloat

Pucker & Bloat


[Menu Bar] > [Effect] > [Distort Transform] > [Roughen]



How to make speech bubbles using the Pathfinder

Combining Objects with Pathfinder

Create two objects for the speech balloon and combine them by choosing [Pathfinder] > [Unite].


You can easily change the size and angle of the tail by selecting it with the Direct Selection tool and moving it around.

That’s the end of my explanation on how to create speech bubbles using Illustrator.


  • このエントリーをはてなブックマークに追加
hulu dTV

Related post

  1. Illustrator

    How to Easily Recolor in Illustrator

    In this article, I'll show you how …

  2. Illustrator

    How to Use the Blend Tool 

    The Blend tool is a tool that blend…

  3. Illustrator

    How to make your own pattern brushes

    There is a "Brushes" that decorate …

  4. Illustrator

    How to Wrap Text Around Object

    When creating text in illustrator, …

  5. Illustrator

    How to Make a Recycle Symbol

    Recycle SymbolWe often see the re…

  6. Illustrator

    How to Make Trim Marks (Crop Marks)

    About Trim MarksTrim marks are pl…



  1. 夜景
  2. 描画モードについて
  3. 描画モードについて
  4. ライブペイントを使おう
  5. 昔の映像風な画像加工をしよう
  1. Illustrator

  2. Photoshop

  3. Photoshop

    Add Hair and Improve Photo Quality
  4. Photoshop

  5. Photoshop

    How to Combine Two Images Naturally