PR
イラストレーターでもこもこの吹き出しを作る方法【手書き風のアレンジも】
イラストレーターで
クマ吹き出し作りたいなぁ…
ということは結構あります。
特に「もこもこの吹き出し」は吹き出しとしてだけでなく、ポップなチラシやポスターなどにも使える便利な表現方法です。
この記事では漫画でよく見る「もこもこの吹き出し」を作る方法とオシャレなアレンジの仕方について説明していきます。
目次
イラストレーターでもこもこ吹き出しを作る方法
クマあのモコモコした吹き出しです
最初こちらの記事で説明したギザギザの吹き出しのトゲの部分のカドを丸くすればいいんじゃないか？と思ってやってみましたが、あまりカッコいい形になりませんでした…。
あわせて読みたい
イラストレーターでギザギザの吹き出しを作る方法【丸と四角＋アレンジ】
イラストレーターで 吹き出し作りたいなぁ… ということは結構あります。 特に「ギザギザの吹き出し」は吹き出しとしてだけでなく、文字を強調するために使える便利な表…
クマこれでできたら簡単だったんだけどな…
ということで、円をつなぎ合わせてもこもこの吹き出しを作る方法を説明します。
もこもこ吹き出しの作り方をざっくり説明
簡単に言うと、楕円形ツールで円を描いて、シェイプ形成ツールでつなぎ合わせればOKです。
クマパスファインダーで合体してもいいんですが…間を埋めないといけないのでシェイプ形成ツールでつなぎ合わせた方が楽ちんです。
シェイプ形成ツールについてはコチラの記事も合わせてご覧ください。
あわせて読みたい
イラストレーターのパス結合【シェイプ形成でオシャレな幾何学模様を作る】
イラストレーターのパス…。 パスへの理解と操作を深めると、イラストレーターでできることがかなり増えてきます。 この記事ではパスを繋げたいんだけど、いい方法ない？…
不揃いな形がよければ、楕円を組み合わせてもいいですし、適当に円を配置してくれて大丈夫です。
クマいや！キッチリ円を並べてぇんだ！
という人は続きをご覧ください。応用しやすい「ブレンドツール」や、最新の機能「パス上オブジェクト」についても説明しています。
イラレでもこもこ吹き出しの作り方「ブレンドツールを使う」
きっちりと円を並べたいならコレが一番楽ちんです。
クマブレンドツールは応用範囲が広いので覚えておいて損なし！
STEP
円を２つ準備
楕円形ツールでひとつ分の「モコ」になる円を描いて、コピペして２つの円を作ります。その２つの円を適当に並べます。
STEP
ブレンドツールを使って円を複製する
ブレンドツールのアイコンをダブルクリックします。ブレンドツールがなければ、下部の「…」から引っ張り出してきてください。
ステップ数を選んで「８」くらいに設定します。これ＋元の円２つが最終的に「すべてのモコ」数になります。
選択ツールで２つの円を選んだあと、ブレンドツールに切り替えて、２つの円の中心を順番にクリックします。
すると、２つの円の間に８つの円ができあがるはずです。
クマブレンドツールは、本当は選んだ２つのオブジェクトの間を少しずつ変形しながら埋めていく、というツールです。２つのオブジェクトが全く同じなら、その間にできあがるオブジェクトは同じものなので、コピーされたように見えるんですね。
STEP
吹き出しの基準になる楕円上に先程の円を並べる
さっきの円たちとは別に、吹き出しの基準になる楕円を一つ描きます。
そして、先程のブレンドしてできたレイヤーと基準になる楕円を選び、上部メニュー「オブジェクト」→「ブレンド」→「ブレンド軸を置き換え」をクリックします。
すると、楕円上にブレンドされた円たちが並びます。
クマ基準になる楕円は、さっきの円たちもろとも「ブレンド」レイヤーに吸い込まれます。
STEP
調整
このままだとなぜか間が空くので、「ブレンド」レイヤーの中の基準になるブレンドを選択して、はさみツールで適当な場所を切ります。
すると、間が空かずに円たちが配置されます。
ただ、この円たちのサイズと個数によっては間が空く可能性があります。
このときは、基準の楕円を選んでサイズを小さくしましょう。サイズはそのままがいい、というときは上部メニュー「オブジェクト」→「ブレンド」→「ブレンドオプション」を選択してステップ数を増やし（＝円の数を増やし）ましょう。
クマあとちょっとです！
STEP
拡張してシェイプ形成
実は、このままではブレンドでできた円たちには実体（パス情報）がありません。
クマ間にある円は見た目だけが存在していて、パス情報はありません。
このままだとシェイプ形成で繋げられないので、上部メニュー「オブジェクト」→「ブレンド」→「拡張」をクリックします。
あとは、すべての円を選んだ状態でシェイプ形成ツールでドラッグするだけ！
イラレでもこもこ吹き出しの作り方「パス上オブジェクトを使う」
最新のイラストレーター（Ver29以降）で追加されたパス上オブジェクトツールを使っても円たちを楕円上に並べることができます！
クマついに…という感じのツールですね！その名の通り、パス上にオブジェクトを並べるツールです。コチラも使い勝手バツグン！
かなり使えるツールなので、バージョンアップして使ってみてください。
STEP
円を準備
「モコ」部分の円を準備します。ひたすらコピペです。
モコ部分とは別に、基準となる楕円も準備します。
STEP
パス上オブジェクトで並べる
モコ部分の円をすべて選んで、パス上オブジェクトツールを選びます。
そして、基準となる楕円を選べば、その楕円上にモコ部分の円たちが並びます。
STEP
調整＆結合
あとはブレンドのときと同様に、間が空かないように「パス上オブジェクト」レイヤーの中の基準になる楕円を縮めればOKです。
ですが、このまま（パス上オブジェクトのまま）だとシェイプ形成が使えません。
そこでもこもこ吹き出しを作るには…
① パスファインダーパネルで合体する
これが一番簡単です。真ん中の隙間も、基準となる楕円があるのでそいつが埋めてくれます。
② 基準となる楕円を消去する
基準となる楕円を消去すると、モコ部分の円たちの位置はそのままで、「パス上オブジェクト」から普通の「グループ」になります。
この状態ならシェイプ形成で結合することができます。
イラレでもこもこ吹き出しのアレンジ
クマもこもこ吹き出しをアレンジしてみましょう！ポップな感じが合いますね！
線と塗りを分けてずらして柔らかなもこもこ吹き出し
こんな感じで、柔らかな印象のもこもこ吹き出しにアレンジしてみましょう。
STEP
ベースをコピー
塗り用のベースと、線用のベースの２つのレイヤーがほしいので、元のレイヤーをコピペします。
ベースをコピーした後にcmd+shift+V（Win:Ctrl+Shift+V）で、同じ位置にベースをコピーします。
STEP
線と塗りを調整
下のレイヤーは好きな塗りにして線は消しておきます。逆に上のレイヤーは塗りを消して線を好きな色にしておきます。
STEP
線をずらして加工する
このまま上のレイヤーの線をずらせばそれっぽくなりますが、さらに手を加えて線の太さを変えましょう。
クマこのブログでは結構紹介してる、得意のチョキチョキです
ハサミツールでパスを適当に切って、コントロールから可変線幅プロファイル（画面上部の線の幅の隣にある）で不揃いな幅を選びます。
STEP
完成！
破線でポップなもこもこ吹き出し
ポップなチラシやポスターに使えそうな、破線を使ったもこもこ吹き出しにアレンジしてみましょう。
STEP
塗りを設定する
好きな色に塗ります。
STEP
線を破線にする
線を破線にします。
線パネルから破線にチェックを入れて、好きな幅に設定します。線の色も少し薄くするとポップな感じになります。
クマココらへんはお好みで！
STEP
線を内側に入れ込む
STEP2で作った破線を少し内側に入れ込みます。
アピアランスパネルで線を選んで、「新規効果を追加」します。「パス」→「パスのオフセット」を選んでください。
オフセットをー（マイナス）の値にします。今回は「−２mm」に設定しました。角の形状はお好みで。今回はラウンドにしてみました。
クマ線や塗りの設定はアピアランスパネルを使うと超便利！こちらの記事もあわせて御覧ください！
あわせて読みたい
イラストレーターのアピアランスを極める【なぜアピアランスを使うのか？】
アピアランス…。 イラストレーターを使っていて、色々と調べると結構な頻度で出てきます。ですが… なんかグラデーションとか設定するときによく出てくるパネルだけど…結…
STEP
完成！
イラストレーターでもこもこ吹き出しを作る方法のまとめ
イラストレーターでもこもこ吹き出しを作る方法でした。
吹き出しだけでなく、画像やテキストに重ねても使えるのでオススメです。
クマ基本の作り方やアレンジの仕方も要チェック！
あわせて読みたい
イラストレーターでアメコミ風の吹き出しを作る方法【色んなテクニックで】
イラストレーターで、 アメコミ風の派手な吹き出し作りたいなぁ… と思うことがありますよね？よくありますよね？ ということで、この記事ではアメコミ風の派手な吹き出…
あわせて読みたい
TourBox Eliteをイラストレーターで使い倒すための設定とコツ
こちらの記事で、最強の左手デバイスTourBoxを導入するメリットについて説明しました。 また、TourBoxをPremiereProで使い倒すための設定についても解説しています。 こ…
