Illustratorでマンガ風の吹き出しを作成する方法

キャラクターにセリフをつけたり、注目の情報をピックアップするときなど、ビジネス上の制作物においてマンガ風の使われる吹き出し（ふきだし）を使いたい場面は数多くあります。そこで、本記事ではIllustratorを使ってマンガ風の吹き出しを作成する方法を、入門編・初級編・中級編・上級編に分けて解説します。

【入門編】楕円形の吹き出し

楕円形の吹き出し

1.楕円形ツールで楕円形を作成する

入門編はもっともポピュラーな吹き出しである楕円形の吹き出し作成方法を解説します。画面左側にあるツールバーから楕円形ツールを選択して、楕円形を作成しましょう。

2.ペンツールで三角形を作成する

次に、ツールバーからペンツールを選択して、吹き出しのしっぽになる三角形を作成します。しっぽ用の不等辺三角形は多角形ツールから三角形を作るよりもペンツールから作成したほうが簡単です。

3.パスファインダーのウィンドウを開く

画面上部にあるメニューバーからウィンドウをクリックし、「パスファインダー」を選択します。

4.複合シェイプを作成

「パスファインダー」パネルが開くので、パネル右上にあるオプション項目を表示させるハンバーガーメニューのアイコンをクリックします。表示されたオプション項目の中から「複合シェイプを作成」を選択します。

5.上層のレイヤーを作成しテキストを入力

複合シェイプを作成すると、楕円形と三角形が一つのオブジェクトになります。上層のレイヤーを作成しテキストを入力すれば、楕円形の吹き出しの完成です。

同じような流れで、長方形ツールを選択して三角形と複合シェイプを作成すれば長方形の複合シェイプが作成できます。

最新のバージョンでは、コーナーウィジェットというアンカーポイントのような二重丸が四隅に表示されますので、これを選択してオブジェクト内側にドラッグすると簡単に角丸が作成できます。角丸と三角形で複合シェイプを作成すれば上の画像のような角丸の吹き出しが作成できます。

［補足情報・1］曲線のしっぽの作り方

吹き出しのしっぽは、直線的な三角形だけでなく、三日月の半分下をくっつけたような曲線のしっぽのもよく見かけますよね。この曲線のしっぽの作成方法を以下に紹介します。いくつか方法がありますが、今回紹介する方法はとても簡単です。

1.メニューバーから「アピアランス」を選択

画面上部にあるメニューバーからウィンドウをクリックし、表示されたメニュー項目の中から「アピアランス」を選択します。

2.特殊効果の設定パネルを表示させ「ワープ」の「下弦」を選択

「アピアランス」を選択すると、アピアランスが設定できるパネルが表示されます。吹き出しのしっぽを選択した状態で、パネル下部にある「fx」という文字が書かれたアイコンをクリックし、特殊効果の設定パネルを呼び出します。特殊効果のメニューにある「ワープ」から「下弦」を選択します。

3.ワープオプションの項目を調整

「ワープ」から「下弦」を選択すると、ワープオプションを設定できるパネルが開きます。各項目を調整して「OK」をクリックすると、吹き出しのしっぽが曲線になります吹き出しを設置する箇所によっては「上弦」を選択して向きを変えてみましょう。

4.ワープオプションの項目を調整

パスファインダーを開いて、複合シェイプを作成します。

5.上層のレイヤーを作成しテキストを入力

上層のレイヤーを作成しテキストを入力すれば、しっぽが曲線の吹き出しの完成です。

【初級編】雲形・トゲトゲ形・少し膨らんだ楕円形の吹き出し

雲形の吹き出し

1.複数の楕円形を重ね合わせて複合シェイプを作成

初級編は楕円形の吹き出しの作成の応用編である雲形の吹き出し作成方法を説明します。楕円形ツールを使って、楕円形を複数作成し重ね合わせます。楕円形はすきまなく重ね合わせましょう。しっぽの三角形も重ねたらパスファインダーで複合シェイプを作成します。

2.上層のレイヤーにテキストを入力

上層のレイヤーを作成し、テキストを入力します。上の画像のように雲形の吹き出しが作成できました。

トゲトゲ形の吹き出し

1.トゲトゲのシェイプを作成して複合シェイプを作成

初級編としてもう一つトゲトゲ形の吹き出しの作成方法も説明します。ペンツールを使って、トゲトゲ形のシェイプを作成します。しっぽ用のシェイプも重ねたらパスファインダーで複合シェイプを作成します。ここでは、しっぽもペンツールでトゲトゲにしてみました。

2.上層のレイヤーにテキストを入力

上層のレイヤーを作成し、テキストを入力します。上の画像のようにトゲトゲ形の吹き出しが作成できました。

雲形やトゲトゲ形が作成できるようになれば、マンガでよく用いられる吹き出しの大半は作成できるようになります。例えば、上の画像のように、楕円を２つ重ね合わせれば、２つの楕円がくっついた吹き出しが作成できます。

［補足情報・2］少し膨らんだ楕円形の作り方

フリーハンドで描かれた吹き出しは、ペイントツールの楕円形ツールで描かれた楕円形よりも、少し膨らんだものも、よく見かけます。以下は少し膨らんだ楕円形の作成方法です。

1.ダイレクト選択ツールで楕円形のアンカーポイントをクリック

画面左側にあるツールバーからダイレクト選択ツールを選択して、作成した楕円形のアンカーポイントをクリックします。

2.アンカーポイントから出るハンドルを伸ばす。

アンカーポイントを選択すると、ハンドルというバーが表示されます。このハンドルの端のポイントをドラックして伸ばすと、楕円形が少し膨らみます。

3.上層のレイヤーにテキストを入力

すべてのアンカーポイントのハンドルを伸ばしていくと、少し膨らんだ楕円形が出来上がりました。上層のレイヤーを作成しテキストを入力すれば、上の画像のような少し膨らんだ楕円形の吹き出しが完成します。

【中級編】叫ぶ表現で用いられる＆機械の音声などで用いられる吹き出し

叫ぶ表現で用いられる吹き出し

1.ペンツールで多角形を作成

中級編は叫ぶ表現でよく用いられる吹き出しの作成方法を説明します。画面左側にあるツールバーからペンツールを選択し、多角形を作成します。

2.アンカーポイントツールを選択

ツールバーからアンカーポイントツールを選択します。アンカーポイントツールが表示されてない場合は、ペンツールのアイコンを長押しするとアンカーポイントツールが表示されます。

3.アンカーポイントツールで多角形の辺をシェイプの内側へドラッグ

アンカーポイントツールで多角形の辺を選択して、シェイプの内側へドラッグします。

4.多角形の辺すべてを曲線にする

多角形のその他の辺も内側にドラッグして、すべてを曲線にしていきます。

5.上層のレイヤーにテキストを入力

上層のレイヤーを作成して、テキストを入力します。上の画像よう、アウトライン化したテキストに特殊効果を加えるとよりマンガらしい吹き出しが作成できます。その他にも「ガーン！」「シーン」といったオノマトペのテキストをフリーハンドで作成して吹き出しに入れてみるなど、いろいろ工夫してみましょう。

機械の音声などで用いられる吹き出し

1.ペンツールで多角形を作成

中級編としてもう一つ、機械の音声や電話での会話などによく用いられる吹き出しの作成方法を解説します。画面左側にあるツールバーからペンツールを選択し、多角形を作成します。

2.アンカーポイントの近くに２つアンカーポイントを追加

それぞれのアンカーポイントの近くに、アンカーポイントを２つ追加します。アンカーポイントはペンツールで、線をクリックすると追加されます。

3.真ん中のアンカーポイントをシェイプの内側にドラッグ

３つ並んだポイントのうち、真ん中のアンカーポイントをシェイプの内側にドラッグします。

4.上層のレイヤーにテキストを入力

すべての真ん中のアンカーポイントをシェイプの内側にドラッグしたら、しっぽと組み合わせて複合シェイプを作成します。上層のレイヤーを作成し、テキストを入力したら、上の画像のような機械の音声などで用いられる吹き出しが完成しました。

［補足情報・3］線を変更することで表現バリエーションを増やす

吹き出しの線を、ブラシツールを使って変更してみましょう。かすれた線や、筆などに線を置き換えれば、様々な吹き出しのバリエーションが作成できます。

【上級編】フラッシュ吹き出し・ベタフラッシュ吹き出し・少女漫画風の吹き出し

フラッシュ吹き出し

1.複数の直線を引き効果線を作成

上級編では、心で思ったことなどでよく使われるフラッシュ吹き出しの作成方法を解説します。フラッシュ吹き出しを作成するには、まずブラシを作成します。ペンツールか直線ツールを使って、複数の直線を引き効果線を作成しましょう。

2.可変線幅プロファイルから「入り」と「抜き」が表現できる線幅を選択

画面上部にあるコントロールパネルにある可変線幅プロファイルをクリックすると、線幅を変えられるパネルが表示されます。Gペン、丸ペンといったマンガで使うペンには、「入り」や「抜き」といった線の強弱があります。マンガで用いられる効果線は、この「入り」や「抜き」がスピード感や勢いなどの効果を加えていきます。

すべての直線を選択した状態で、デフォルトで予め用意されている線幅の中から、この「入り」や「抜き」が表現できる線幅を選択します。