吹き出しのモクモクからちょろっと出ていて、私がしゃべってますよって分からせるコレ。
![](https://1karadesign.com/wp-content/uploads/2021/10/manabu07.png)
←コレだね
「しっぽ」って呼ばれたりもしますが、イラレで吹き出しを作るときは余分な線を嫌って合体する人が多いです。
![](https://1karadesign.com/wp-content/uploads/2019/06/cd0dc41de337c28ba53c72a00ca29f20.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/cd0dc41de337c28ba53c72a00ca29f20.png?resize=1360%2C748&ssl=1)
しっぽの位置が完全に確定しているなら問題ありませんが、後になって変更する可能性があったり、使いまわしたりする予定ならばできれば合体したくないですよね。
今回は、後々しっぽを動かせる吹き出しの作り方を紹介します。
いろいろ応用が効く方法なので知っておいて損はないですよ。
吹き出しのしっぽを合体させたくなる理由
![](https://1karadesign.com/wp-content/uploads/2019/06/558f2bff769890087d4c789eda77b8b8.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/558f2bff769890087d4c789eda77b8b8.png?resize=1708%2C600&ssl=1)
吹き出しにしっぽを付けるとき、合体せずにただグループ化するという方法もあります。それなら後々場所や大きさを自由に変えることができます。
ただし、それだと取って付けた感があからさまで見た目がよくありません。図を見てもらうのが一番わかり易いと思います。
![](https://1karadesign.com/wp-content/uploads/2019/06/454b0b9bbbb78183704dfad5007ac6ac.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/454b0b9bbbb78183704dfad5007ac6ac.png?resize=1698%2C572&ssl=1)
よく見る吹き出しってこんな感じですよね。雲からしっぽが生えているように一体化されています。
![](https://1karadesign.com/wp-content/uploads/2019/06/68ecf971f6251de1a8d84523f35398c6.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/68ecf971f6251de1a8d84523f35398c6.png?resize=1694%2C576&ssl=1)
ではこれはどうでしょう。これもまあ雲からしっぽが生えている感じはありますが、少し違和感がありますよね。あえてじゃなければやはり合体した吹き出しのほうが自然です。
こう見比べてみるとやはり合体させたくなる理由はわかりますね。
合体させない吹き出しの作り方
では本題の合体させずに編集できる吹き出しの作り方の紹介です。まず先ほどと同じく雲模様としっぽを用意します。
![](https://1karadesign.com/wp-content/uploads/2019/06/558f2bff769890087d4c789eda77b8b8.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/558f2bff769890087d4c789eda77b8b8.png?resize=1708%2C600&ssl=1)
そして、適当な場所に重ねるまでは一緒です。
![](https://1karadesign.com/wp-content/uploads/2019/06/68ecf971f6251de1a8d84523f35398c6.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/68ecf971f6251de1a8d84523f35398c6.png?resize=1694%2C576&ssl=1)
この状態でグループ化するか合体するかが今までのやり方でしたが、今回紹介するのはもう一つの方法、「複合シェイプの作成」です。
複合シェイプは、仮想合体のようなものです。見た目は合体された状態ですが、データ的にはグループ化されたようなもの。なので自由に編集することができます。
やり方は、まず「ウインドウ」から「パスファインダー」を表示させます。
![](https://1karadesign.com/wp-content/uploads/2019/06/4b731467410d25c5f3b78cec33d012e0.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/4b731467410d25c5f3b78cec33d012e0.png?resize=387%2C581&ssl=1)
これがパスファインダーパネルです。
![](https://1karadesign.com/wp-content/uploads/2019/06/d4f47685dfbe145280622fd28078835a.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/d4f47685dfbe145280622fd28078835a.png?resize=356%2C231&ssl=1)
合体させるときにも使うので使ったことがある人も多いでしょう。今回使うのはこのパスファインダーパネルの右上の三本線です。
![](https://1karadesign.com/wp-content/uploads/2019/06/ef8869fbc3b32c09e8b00bb707f24960.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/ef8869fbc3b32c09e8b00bb707f24960.png?resize=394%2C259&ssl=1)
雲模様としっぽを選んだ状態で、この三本線をクリックすると新しいウインドウが表示されます。
![](https://1karadesign.com/wp-content/uploads/2019/06/9e86fa47d97a14d821e52d8c282229f8.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/9e86fa47d97a14d821e52d8c282229f8.png?resize=686%2C270&ssl=1)
この中にある「複合シェイプを作成」という項目を選べば複合シェイプに変換できます。
![](https://1karadesign.com/wp-content/uploads/2019/06/89140d36d456a5e3839bccc6261a9873.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/89140d36d456a5e3839bccc6261a9873.png?resize=1544%2C662&ssl=1)
合体したものと複合シェイプにしたものを比べてみると見た目に違いはありません。
![](https://1karadesign.com/wp-content/uploads/2019/06/53ce6d14b8059c46822bfd81a6928f88.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/53ce6d14b8059c46822bfd81a6928f88.png?resize=1444%2C600&ssl=1)
ですが、選択した状態(パスの構造がわかる状態)だと2つのオブジェクトが違うものだとわかります。複合シェイプの方は1つに合体されていないことがわかると思います。
![](https://1karadesign.com/wp-content/uploads/2019/06/74ff1fb61461c756cde080338a65d28e.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/74ff1fb61461c756cde080338a65d28e.png?resize=538%2C474&ssl=1)
合体されていないので、グループ化したオブジェクトと同じく「グループ選択ツール(白矢印に+がついたもの)」などで編集するかができます。
これが、合体させずに編集できる吹き出しの作り方です。
応用として
しっぽを複合シェイプにする方法を紹介してきましたが、吹き出しの雲模様も複合シェイプで作ることで、様々なバリエーションの吹き出しを簡単に作ることができます。
![](https://1karadesign.com/wp-content/uploads/2019/06/6b01ff91cbb244304598573ba2d56d1f.png)
![](https://i0.wp.com/1karadesign.com/wp-content/uploads/2019/06/6b01ff91cbb244304598573ba2d56d1f.png?resize=968%2C776&ssl=1)
まとめ
吹き出し作りにもってこいの複合シェイプ機能。他にも使いようによっていろいろと応用が効く便利機能なので覚えておいて損はないです。このように、仕事で広告物を作る時などは、どんな修正が来ても対応できる編集しやすいデータ作りを意識すると仕事がはかどります。
残業が悪なこの時代。少しでも早く仕事を終わらせられるよう効率化していきましょう。
コメント