Photoshopの「吹き出し」の種類・作り方・使用例

※ Adobe Photoshop 2024の画像で解説しています。

Photoshopの図形ツールで作る吹き出しの種類と作り方

Photoshopの図形ツール「楕円形・多角形ツール」を使って作る吹き出しです。

会話やセリフに使われるシンプルな吹き出し

吹き出しは元々マンガのセリフから発展し、様々な媒体で写真の切り抜きやキャラクターがセリフを話しているように見せる視覚的効果のために使われています。吹き出しから出ている三角形やツノ型の突起はセリフを話している者を特定する役割を持ちます。

通常、１フレーズを入れるシンプルな吹き出しは楕円形か円形です。２フレーズを入れるために円形を雲のように重ねた吹き出しを使うこともあります。

状況を表現する吹き出しの使い分け

吹き出しの枠線をギザギザやモコモコにして状況を表現することもできます。

例えば、多角形ツールの星型をアレンジしたギザギザの吹き出しは「大声で叫ぶ・怒鳴る」状況を表し、同じ星型で設定を滑らかにしたモコモコの吹き出しは「頭の中で考える・回想する」状況を表します。

作り方の基本は上記の「ギザギザ吹き出し」と同じです。オプションバーとパスオプションでの設定のポイントは以下のようになります。

• オプションバーの角数をギザギザより減らす（この例では9）
• オプションバーの「角の丸みの半径」を設定（この例では90px）
• パスオプションで星の比率を100％に近い数値にする（この例では96％）
• パスオプションで「星のくぼみを滑らかにする」のチェックを外す

Photoshopの多角形選択ツール・ペンツールを使って手描き感覚で吹き出しを作る方法

直線を繋いだカクカクした吹き出しが「電話のメッセージ・パソコンの音声」等に使われる場合があります。

多角形選択ツール

まず、「多角形選択ツール」で自由に直線を繋いで吹き出し型の選択範囲を作ります。後は、新規レイヤーを追加して塗りつぶします。パスが不要なら、一番簡単な吹き出しの作成方法かもしれません。

多角形選択ツール

ツールバーの「ペンツール」を選択して、オプションバーのツールモードを「シェイプ」に変更します。「ペンツール」のマウスの操作は「多角形選択ツール」と同じです。描いた吹き出しはシェイプになります。

Photoshopの「吹き出し」シェイプを利用して作る方法

Photoshopでは「カスタムシェイプツール」から既製の「吹き出し」シェイプを取り込むことができます。

ツールバーの「カスタムシェイプツール」を選択し、オプションバーにある「シェイプ」のサムネイル横の矢印からシェイプの一覧を引き出し、「従来のシェイプとその他」➔「従来のすべてのデフォルトシェイプ」➔下へスクロールして「吹き出し」を展開します。（一覧に「従来のシェイプとその他」がない時は、「シェイプ」パネル➔メニューアイコン➔「従来のシェイプとその他」で開きます）

「吹き出し」のリストからサムネイルを選択して、描画します。

Photoshopの「吹き出し」シェイプの応用例

Photoshopの「吹き出し」には丸・角丸・縦長・ギザギザ・モコモコなど一通りの吹き出しの種類が入っています。これを土台にして、パスを変形させたり、レイヤースタイルを適用したりして独自の吹き出しを作ってみましょう。

合わせて読みたい

Photoshopで矢印を作る（基本・曲線・回転・破線矢印など）

※ Adobe Photoshop 2024、2025の画像で解説しています。 CGDOOR 今回は「Photoshopで矢印の線は引ける？」「直線だけでなくカーブの矢印を引くには？」に答えます。 Photoshopの[…]

合わせて読みたい

Photoshopで波線・省略波線・波イラストを描く

※ Adobe Photoshop 2024、2025の画像で解説しています。 CGDOOR 今回は、Photoshopで滑らかな波線や省略波線を描く方法、心電図のような少し変則的な波線を描く方法、初心者でも簡単に大波のイラ[…]