主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!


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

    Place text on a path in Illustrator

    Place type on a wavy line with "Typ…

  2. Illustrator

    How to Give a Hand Drawn Look to Your Vectors

    In this article, I'll show you how …

  3. Illustrator

    How to Select All Objects of the Same Color

    There is a useful way to select all…

  4. 猫の顔を星型やハート型、ギザギザ模様に切り取った画像


    How to Create a Clipping Mask in Illustrator

    Have you ever heard of Clipping Mas…

  5. Illustrator

    How to Make Trim Marks (Crop Marks)

    About Trim MarksTrim marks are pl…


  1. There is no registered post.