イラレ 使い方 PR

イラレで吹き出し!簡単な作り方とデザイン illustrator

記事内に商品プロモーションを含む場合があります

イラレなら、シンプルな吹き出しを 1分もかけずに 作れます。

超簡単な吹き出しの作り方・コツを紹介します。

よろしければ参考にしてください。

ジーナ
ジーナ
吹き出しは、素材コピペよりも自作した方がデザインにマッチするよ。

illustrator バナー

イラレ 簡単な吹き出しの作り方

吹き出しの特徴は、オタマジャクシのしっぽみたいなパーツ部分です。

あのしっぽをつけるためだけに、三角形や特殊パーツを作って合成する方もいますが、楕円からしっぽを生やす方が簡単です。

イラレ 超簡単な楕円 吹き出しの作り方

【illustrator:楕円吹き出しの作り方】

  1. 円オブジェクトを作る。イラレ 吹き出し 超簡単な作り方1 円オブジェクトを作る
  2. 追加ペンツールを選択し、オブジェクトのしっぽを生やしたい箇所3点にアンカーポイントを追加する。イラレ 吹き出し 超簡単な作り方2 アンカーを3点追加
  3. ダイレクト選択ツールを選択し、先ほど追加したアンカーの真ん中だけをドラッグする。イラレ 吹き出し 超簡単な作り方3 真ん中のアンカーを引き延ばす
  4. 完成。イラレ 吹き出し 超簡単な作り方4 完成イメージ

基本はこれだけ。

しっぽの生え際の処理は、両側2点のアンカーポイントから伸びるハンドルで調整します。

【illustrator:ハンドルの使い方】

  • 生え際をなだらかにする:ハンドルを伸ばすイラレ 吹き出し 超簡単な作り方 捕捉 付け根のハンドル操作 ゆやかにする 図解
  • 生え際をシャープにする:ハンドルをアンカーポイントまで縮めるイラレ 吹き出し 超簡単な作り方 捕捉 付け根のハンドル操作 シャープにする 図解

イラレ もこもこ 吹き出しの作り方

心の声にも使われる?もこもこした吹き出しは、楕円を重ねて 雲みたいなオブジェクト を作ってからしっぽを生やします。

イラレ もこもこ 吹き出しの作り方

【illustrator:もこもこ吹き出しの作り方】

  1. 楕円オブジェクトをいくつも重ねるイラレ 吹き出し もこもこ吹き出しの作り方1 楕円オブジェクトを重ね合わせる
  2. 選択ツールをクリックして全てのオブジェクトを選択。その後 パスファインダー合成をクリック。イラレ 吹き出し もこもこ吹き出しの作り方2 パスファインダーで合成
  3. ペンツール>アンカーポイントの追加ツール を選択し、オブジェクトのしっぽを生やしたい箇所に3点のアンカーポイントを追加する。イラレ 吹き出し もこもこ吹き出しの作り方3 アンカーポイントを追加
  4. ダイレクト選択ツールを選択し、先ほど追加したアンカーの真ん中だけをドラッグする。イラレ 吹き出し もこもこ吹き出しの作り方4 アンカーポイントを引き延ばす
  5. 完成。イラレ 吹き出し もこもこ吹き出しの作り方 完成

もこもこ吹き出しも、丸い吹き出しの応用です。

【作った後にもこもこ感の形を変えるには?】

作った後に形を微調整したいなら、ダイレクト選択ツールアンカーハンドルを使ってパス修正するのが手っ取り早いです。

イラレ 吹き出し もこもこ吹き出しの作り方 捕捉 微調整

楕円ベースで作ったオブジェクトなのでパスも少なく、修正はやりやすいです。

イラレ ギザギザ 吹き出しの作り方

ギザギザした吹き出しも楕円オブジェトをベースに加工します。

意外と簡単です。

イラレ ギザギザ 吹き出しの作り方

【illustrator:ギザギザ吹き出しの作り方】

  1. 楕円オブジェクトを作る。イラレ 吹き出し ギザギザ吹き出しの作り方1 楕円オブジェクトを作る
  2. メニュー>効果>パスの変形>ジグザグ をクリック。イラレ 吹き出し ギザギザ吹き出しの作り方2 パスの変形 ジグザグを選択
  3. ジグザグ ダイヤログが起動するので、必要があればパラメータを調整する。イラレ 吹き出し ギザギザ吹き出しの作り方3 ジグザグダイヤログ パラメータ修正
  4. 完成。イラレ 吹き出し ギザギザ吹き出しの作り方4 ベース完成

原型はココまで。

ここから放射状の吹き出しに発展できます。

【ギザギザ円オブジェクトの応用】

メニュー>効果>パスの変形>ジグザグ を繰り返すと、線の形がユニークに変化します。

変化の違いを楽しむのも面白いです。

\「ジグザグ⇒OK」を3回繰り返した結果/

イラレ 吹き出し ギザギザ吹き出しの作り方4 応用 重ねがけの変化 図解

イラレ 放射状 吹き出しの作り方

放射状の吹き出しは、先ほど作った丸ギザギザオブジェクト変形させて作ります。

【illustrator:放射状 吹き出しの作り方】

  1. 選択ツールをクリックし、ジグザグ吹き出しを選択。イラレ 吹き出し 放射状吹き出しの作り方1 ギザギザオブジェクトを選択
  2. メニュー>効果>パスの変形>パンク・膨張 を選択。イラレ 吹き出し 放射状吹き出しの作り方2 効果を追加
  3. パンク・膨張ダイヤログの収縮率を調整してOKをクリック。
    ※-20%前後がちょうどいい。イラレ 吹き出し 放射状吹き出しの作り方3 パンク 拡張ダイヤログ パラメータ調整
  4. 完成。イラレ 吹き出し 放射状吹き出しの作り方4 完成

変化を付けたいときは、シアーツールで形を歪ませるのが綺麗で楽ちん。

\シアーツールは ドラッグするとオブジェクトの中心点から形を歪ませて くれる/

イラレ 吹き出し 放射状吹き出しの作り方 捕捉 シアーツールで変形

イラレ フラッシュ 吹き出しの作り方

呟きなどにもおすすめな ランダム×放射線の吹き出し も簡単に作れます。

工程は多めですが、慣れれば1分以内で作れます。

イラレ フラッシュ 吹き出しの作り方

【illustrator:フラッシュ吹き出しの作り方】

  1. ペンツールで縦にを引く。イラレ 吹き出し フラッシュ吹き出しの作り方1 ペンツールで線を引く
  2. 線パネルの「プロファイル」から中太の線種を選ぶ。イラレ 吹き出し フラッシュ吹き出しの作り方2 線のプロファイルを変更
  3. 線をブラシパネルにドラッグ。ダイヤログが表示されたらひとまずOKをクリック。
    ※◎散布ブラシにチェックが入った状態。イラレ 吹き出し フラッシュ吹き出しの作り方4 新規ブラシダイヤログ チェック項目
  4. ブラシオプションパネルが自動で起動するので、いったんOKで閉じる。イラレ 吹き出し フラッシュ吹き出しの作り方5 新規ブラシオプションダイヤログ
  5. 楕円ツール楕円を作る。
  6. 楕円オブジェクトが選択された状態のまま、ブラシツールパネルに追加された「線」をダブルクリックして、ブラシオプションパネルを起動。イラレ 吹き出し フラッシュ吹き出しの作り方6 ブラシオプションパネルを起動する
  7. ブラシオプションパネルでパラメータを調整する。
    ◎変更必須:回転の基準:パス / サイズ:ランダム
    ◎適宜修正:間隔・散布イラレ 吹き出し フラッシュ吹き出しの作り方6 新規ブラシオプションダイヤログ 調整箇所 図解
  8. 完成。イラレ 吹き出し フラッシュ吹き出しの作り方7 完成

ブラシオプションのパラメータを弄るとオブジェクトの表情が大きく変わります。

イロイロ弄ってみて、テイストの合う形を探します。

【ブラシオプションのパラメータ 変化例】

  • 間隔:値が小さくなるほど 散布された線 が密になる。イラレ 吹き出し フラッシュ吹き出しの作り方捕捉 ブラシオプション 間隔パラメータ 比較
  • 散布:値が小さくなるほど 径が 大きくなる。イラレ 吹き出し フラッシュ吹き出しの作り方捕捉 ブラシオプション 散布パラメータ 比較

イラレ 吹き出しデザインのコツ

吹き出しの印象を変えるのは次の3要素です。

  • しっぽの付け根の処理。
  • しっぽの長さ
  • 装飾の少なさ。

イラレ 吹き出しデザインのコツ1. しっぽの付け根はテイストに合わせて処理する

吹き出しのしっぽは、付け根・先端の丸みを調整すると印象が変わります。

イラレ 吹き出し 捕捉 しっぽの丸み処理比較

  • スッキリ・クール鋭角に処理するのがおすすめ。
  • やわらか・ほんわか:丸みのある未処理がおすすめ。

イラレ 吹き出しデザインのコツ2. しっぽは短めがクール

吹き出しのしっぽ長さは、短めの方が断然クールです。

必要性がない限り、しっぽは短めにつくるのがおすすめです。

長いしっぽは素人っぽい印象になる/

イラレ 吹き出し 捕捉 しっぽの長さ比較

イラレ 吹き出しデザインのコツ3. 装飾が多くなるほどかわいい

吹き出しはデザイン・装飾に凝るほどかわいい印象になります。

作品のテイストがかわいい系なら加工に凝ると良いです。

【凝った加工・装飾とは?】

  • 線を太くする。
  • ドロップシャドウを使う。
  • 色分けする。
  • しっぽの形に拘る。
  • …など。

かわいい系の吹き出しだと、自作するより無料のaiデータをダウンロードした方が早いカモです。

\豊富な吹き出しデザインが無料で配布:フキダシデザイン/

イラレ 吹き出し 捕捉 凝った吹き出しサンプル出典:フキダシデザイン.com

イラレ 吹き出し まとめ

illustrator バナー

吹き出しには凝ったデザインも多いですが、使いやすくてオシャレなのはシンプルな吹き出しデザインです。

シンプルなデザインは超簡単に作れるので、素材をダウンロードするよりも自作するほうがおすすめです。

【シンプル吹き出しの作り方】

  1. 円オブジェクトを作る。
  2. ペン追加ツールで3つのアンカーポイントを追加する。
  3. ダイレクト選択ツールで真ん中のアンカーを引き延ばす

イラレなら、誰でも10秒で作れます。

ジーナ
ジーナ
ぜひご活用ください。

イラストレーターで切り抜き!画像トリミングの方法イラストレーターで画像を切り抜く方法は3種類。うち、主に使うのはクリッピングマスクを使う方法。❶画像素材をざっくりとカットしたい?⇒「画像の切り抜き」でトリミング。❷イメージ通りの形でカットしたい?⇒図形orペンツールでオブジェクトを作成し、クリッピングマスクで切り抜き。....詳細はコチラ。...
イラストレーターで塗りつぶしするツールと方法・illustratorイラストレーターには、ペイントツールにあるようなバケツツールはないものの、背景はキャンバスより大きい長方形ツールの面を塗って最下層レイヤーへの配置で対応可。線画もライブペイント」で自動パーツ分け&塗り分けできるからとても便利。図形は線と塗りで一瞬に塗りつぶしできる。....illustratorの塗り方法・詳細はコチラ。...
イラレ 矢印の作り方!初心者でも簡単・illustratorイラレで作るシンプルな線矢印は、色・太さ・矢印の形・線幅・長さ・曲線の変更がいつでも自由自在。とても使いやすいのが特徴。対して縁取りや3D加工した矢印は後からラインを変更するのは線矢印より面倒に。いずれも初心者でも簡単に作れ、後修正もやりやすいです。....illustrator:詳細はコチラ。...
イラレで背景透過した画像・イラストの書き出し設定とやり方イラレで制作した作品は、素材としての利用も多く背景透過できるPNGでの書き出し頻度は高め。基本、以下3つのポイントをすべて満たせば出力できないことはまずない。❶アートボードの背景を透明グリッドにする。❷PNGの書き出し設定で背景を透明で保存する。❸書き出し時にPNG形式を選択する。....やり方・詳細はコチラ。...
イラレの反転方法!図形オブジェクト・反転コピーの使い方イラレで反転・反転コピーする方法は幾つかあるものの、基本的に「個別に変更」を覚えておけば困ることはまずない。イラレは図形のコピペ・反転・合成を頻繁に使いがちなツールで、結果は同じでも、「何を使うか」で作業時間が大きくかわるのが特徴。事例交えて初心者向けに使い方を解説。....詳細はコチラ。...
イラレのアートボード・サイズ変更の方法とキャンバス設定イラレのアートボードは出力範囲のこと。編集時の背景としても使え、複数並べらるのでパーツの仮置きにも最適。また、イラレでは流用・書き出し変更はたびたびあるのでスムーズに変更できるようになっておくと、後々楽なやつ。方法は3つありますが、値で変更できる「アートボードオプション」を使うのがおすすめ。....やり方・詳細はコチラ。...
イラレ 画像トレースの使い方!イラストの編集とパス手描きイラストのベクター化・写真画像のトレースするなら画像トレースを使うのがおすすめ。一発で完璧な精度には絶対ならないものの、必要最低限の追記・修正で高精度なトレースができるので、確実に時短できる。上手く付き合っていくポイントは次の3点。トレース精度に完璧を求めない。敷地補正は必須。必要に応じてパス補正は必須。....詳細はコチラ。...
イラレ クリッピングマスク
イラレでクリッピングマスク!編集の方法とポイントイラレのクリッピングマスクの編集ルールは3つ。❶テキストオブジェクトは上のレイヤーに配置する。❷画像オブジェクトは下のレイヤーに配置する。❸テキストオブジェクトと画像オブジェクトは同じレイヤーに配置する。....方法とポイントの詳細はコチラ。...