イラストレーターで吹き出しを作る【４種の吹き出しアレンジ・手書き風も】

まずは吹き出しの枠を作ります。

楕円ツールで楕円を描きます。

次に多角形ツールで多角形を描いて、「シェイプ」→「シェイプの属性」の値を「６」→「３」に変更します。すると、多角形が三角形になります。

楕円形と三角形を選んで、パスファインダーパネルから合体を選びます。

まずは、吹き出し本体とシッポを切り離します。

はさみツールを使って、シッポの根元をクリックしてください。

吹き出し本体を選択して、可変線幅プロファイル（画面上部の線の幅の隣にある）で、両端が細くなっている線を選びます。

シッポも同様に両端が細くなっている線を選びます。

不自然にならない程度に吹き出し本体とシッポを離せば完成！

スターツールで星形を描きます。

そして、「シェイプ」→「シェイプの属性」の数値を増やして、ギザギザの数を増やします。

あとはそれっぽい形に整えていきます。

まず、内側にある白丸を外側にドラッグしましょう。トゲの長さが短くなります。

次に、外枠を引っ張って楕円形にします。コレで基本的な形は完成です。

お好みで、谷になっている部分の◎を外側に引っ張ります。すると、谷部分のカドが丸くなります。

長方形ツールで長方形を描きます。

上部メニュー「効果」→「パスの変形」→「ジグザグ」を選びます。

大きさ、折り返しはお好みですが、あまり大きくしすぎない方がいいかな…という感じです。

次に、上部メニュー「効果」→「パスの変形」→「パンク・膨張」を選びます。

マイナス側に値を設定するとパンクする（？）ので、お好みの強さにパンクさせてください。

「ジグザグ」の折り返し数は、アンカーポイントから次のアンカーポイントまでに折り返す数です。

なので、適当なところではさみツールを使って切ったり、ペンツールでアンカーポイントを追加したりしたら、不揃いなギザギザができます。

クマ

不揃い感があると、ちょっと手書きっぽくなりますね。

楕円形ツールでひとつ分の「モコ」になる円を描いて、コピペして２つの円を作ります。その２つの円を適当に並べます。

ブレンドツールのアイコンをダブルクリックします。ブレンドツールがなければ、下部の「…」から引っ張り出してきてください。

ステップ数を選んで「８」くらいに設定します。これ＋元の円２つが最終的に「すべてのモコ」数になります。

選択ツールで２つの円を選んだあと、ブレンドツールに切り替えて、２つの円の中心を順番にクリックします。

すると、２つの円の間に８つの円ができあがるはずです。

クマ

ブレンドツールは、本当は選んだ２つのオブジェクトの間を少しずつ変形しながら埋めていく、というツールです。２つのオブジェクトが全く同じなら、その間にできあがるオブジェクトは同じものなので、コピーされたように見えるんですね。

さっきの円たちとは別に、吹き出しの基準になる楕円を一つ描きます。

そして、先程のブレンドしてできたレイヤーと基準になる楕円を選び、上部メニュー「オブジェクト」→「ブレンド」→「ブレンド軸を置き換え」をクリックします。

すると、楕円上にブレンドされた円たちが並びます。

クマ

基準になる楕円は、さっきの円たちもろとも「ブレンド」レイヤーに吸い込まれます。

このままだとなぜか間が空くので、「ブレンド」レイヤーの中の基準になるブレンドを選択して、はさみツールで適当な場所を切ります。

すると、間が空かずに円たちが配置されます。

ただ、この円たちのサイズと個数によっては間が空く可能性があります。

このときは、基準の楕円を選んでサイズを小さくしましょう。サイズはそのままがいい、というときは上部メニュー「オブジェクト」→「ブレンド」→「ブレンドオプション」を選択してステップ数を増やし（＝円の数を増やし）ましょう。

クマ

あとちょっとです！

実は、このままではブレンドでできた円たちには実体（パス情報）がありません。

クマ

間にある円は見た目だけが存在していて、パス情報はありません。

このままだとシェイプ形成で繋げられないので、上部メニュー「オブジェクト」→「ブレンド」→「拡張」をクリックします。

あとは、すべての円を選んだ状態でシェイプ形成ツールでドラッグするだけ！

「モコ」部分の円を準備します。ひたすらコピペです。

モコ部分とは別に、基準となる楕円も準備します。

モコ部分の円をすべて選んで、パス上オブジェクトツールを選びます。

そして、基準となる楕円を選べば、その楕円上にモコ部分の円たちが並びます。

あとはブレンドのときと同様に、間が空かないように「パス上オブジェクト」レイヤーの中の基準になる楕円を縮めればOKです。

ですが、このまま（パス上オブジェクトのまま）だとシェイプ形成が使えません。

そこでモコモコ吹き出しを作るには…

① パスファインダーで合体する

これが一番簡単です。真ん中の隙間も、基準となる楕円があるのでそいつが埋めてくれます。

② 基準となる楕円を消去する

基準となる楕円を消去すると、モコ部分の円たちの位置はそのままで、「パス上オブジェクト」から普通の「グループ」になります。

この状態ならシェイプ形成で結合することができます。

短めの縦棒を引いて、コピペします。直線ツールでもパスツールでもいいですが、shiftを押しながらまっすぐ垂直な縦棒を引いてください。

２つのパスを選んで、ブレンドツールをダブルクリック。ステップ数を１００くらいにして２つのパスを順番に選びます。

すると、間に１００本の線ができるので、上部メニュー「オブジェクト」→「ブレンド」→「拡張」をクリックします。

このあと加工しやすいようにcmd+shift+G（Win:Ctrl+Shift+G）でグループ化を解除しておいてください。

クマ

これで元になるパスができあがりました。

この縦棒をパス上オブジェクトで楕円上に並べるのですが、このままだとただの棒が並ぶだけなので、変化がなく面白くありません。

ということで、線の形と長さを調整します。

まずは、すべてのパスを選んで、可変線幅プロファイル（画面上部の線の幅の隣にある）で、「▶」の形の線を選びます。これで、パスが細い三角状になりました。

次に長さを調整しますが、この大量のパスをランダムに伸ばしたいです。

クマ

ランダムな長さの線が円状に並んでたら、なんとなくそれっぽいですよね。

もちろん、この大量のパスをランダムに引き伸ばす方法もあります。上部メニュー「オブジェクト」→「変形」→「個別に変形」を選びましょう。

水平方向１００％はいじらず、垂直方向を１６０％くらいにしましょう。ここはお好みで調整してください。重要なのは「ランダム」にチェックをいれることです。「ランダム」にチェックをいれれば、それぞれのパスをランダムに引き伸ばしてくれます。

あとはパス上オブジェクトツールを使って楕円上に並べるだけです。

基準となる楕円を描いて、先程加工したパスをすべて選びます。選んだ状態で「パス上オブジェクト」ツールを選択し、楕円をクリックします。パスが楕円上に並ぶはずです。

ただ、このままだとパスの中心が楕円上に並ぶので、不揃いになります…パスの下を楕円上に並べたいところです。

そこで、手前に出ているメニューの「パス上にアタッチメントポイントを設定（９個の四角）」の真ん中下の四角をクリックします。すると、パスの下を基準に楕円上に並びます。