イラレ（Illustrator）で色塗りをするには？3つの方法を初心者向けに解説

イラレにおける色塗りの基本知識～「線」と「塗り」とは～

WAVEと株式会社NEXERが2025年に実施した独自アンケート調査では、法人が印刷物を発注・制作する際の困りごととして「データの作成方法が分からなかった（Illustrator、Photoshopなど）」という回答が見られました。

一般的なペイントソフトとは異なり、Illustratorには一気に塗りつぶせるバケツツールがありません。この点に戸惑うユーザーも多いですが、色塗りはIllustratorでの作業に欠かせない工程です。

Illustratorで色を扱うには「線」と「塗り」という2つの概念を理解することが重要です。この2つはすべての着色作業の基盤となります。

ペイントソフトに慣れている方は「塗りつぶしツール」や「バケツツール」がないことに不便さを感じるかもしれません。しかし、Illustratorはベクターデータを扱うソフトで、ピクセル単位で色を置くペイントソフトとは根本的に仕組みが異なります。

Illustratorでは、オブジェクトに対して「線の色」や「塗りの色」を適用します。両方に色を付けることも、どちらか片方だけに色を付けることもできます。

アンケート引用元：https://www.wave-inc.co.jp/weblog/?p=31651

線とは

線とは、パスやオブジェクトの輪郭部分を指し、形状の外側を縁取る役割を果たします。オブジェクトの境界を定義しますが、必ずしも線が必要というわけではありません。「線なし・塗りのみ」や「線のみ・塗りなし」の表現も可能です。

線の太さや線端、角の形状なども自由に調整できるため、デザインの幅が広がります。

たとえば、縁取り文字を作りたい場合は、線のみのテキストの上に塗りのみのテキストを重ねることで表現できます。

塗りとは

塗りとは、オブジェクトの内側に適用される色や模様のことです。オブジェクトの内部を満たす要素として機能します。

塗りには単色だけでなく、グラデーションやパターンも含まれます。グラデーションを使うと、2色以上のカラーが徐々に変化する色のブレンドが作れ、パターンを使うと、デザインやテクスチャの繰り返しでオブジェクトを塗りつぶせます。

「塗り」を活用することで、ベクターシェイプに視覚的な奥行きやテクスチャを加えることができます。

イラレでオブジェクトの色塗りをする方法①ライブペイントツールを使う

ライブペイントツールは、Illustratorで最も直感的に色塗りができるツールです。オブジェクトの境界を自動的に検出し、クリックするだけでそのエリアを塗りつぶせます。

塗りつぶせるエリアにカーソルを合わせると、赤い境界線が表示されます。この境界線が塗りつぶしの範囲を示し、視覚的に確認しながら作業を進めることができます。

基本的な使い方

ライブペイントツールの基本的な使い方は、次の3ステップです。

1. 色を塗りたいオブジェクトを選択ツールで選びます
2. メニューバーから「オブジェクト」→「ライブペイント」→「作成」を選び、ライブペイントグループを作成します
3. ツールパネルからライブペイントツール（ショートカットキー：K）を選び、ツールパネルの「塗り」をダブルクリックしてカラーピッカーから色を設定し、塗りたい箇所をクリックします

作業効率を上げたい場合は、ショートカットキー「K」を活用しましょう。さらに、Altキーを押しながら色を選択すると、スポイトツールに切り替わり、効率的に色を吸い出せます。

線画に隙間がある場合の塗り方

イラストを描画している最中に、線と線の間に意図しない隙間ができることがあります。ライブペイントツールは基本的に線がつながっていないと塗りつぶせませんが「隙間オプション」を使うと、描画中にできた隙間があっても塗りつぶせるようになります。

手順は次のとおりです。

1. メニューバーから「オブジェクト」→「ライブペイント」→「隙間オプション」を選択します
2. 表示されたダイアログボックスで「隙間の検出」にチェックを入れます
3. 「塗りの許容サイズ」を「カスタムの隙間」に設定します
4. 数値を調整しながらプレビューで確認し、適切なサイズを見つけたら「OK」をクリックします

上記の方法で、多少の隙間があっても色が漏れずに塗りつぶせます。

線にも色を塗る方法

ライブペイントツールは、面だけでなく線にも色を塗ることができます。Shiftキーを押しながら線をクリックすると、線に設定した色で塗りつぶせます。

より細かい制御をしたい場合は、ツールパネルの「ライブペイントツール」アイコンをダブルクリックします。表示される「ライブペイントツールオプション」ダイアログで「線をペイント」にチェックを入れると、線の着色がさらにスムーズになります。

ライブペイントツールできれいに仕上げるポイント

ライブペイントツールを使う際、いくつかのポイントを押さえることで、美しく、印刷に適した仕上がりにすることができます。

着色はイラストのテイストを決める重要な作業です。使用するシーンやテイストに合った色を選んでいきましょう。

着色は薄い色から

顔や手などの色が薄い箇所から塗り始めると、全体のバランスがとりやすくなります。

濃い色から塗り始めると、全体の色調整が難しくなります。薄い色を先に塗ることで、濃い色を後から加えたときに視覚的なバランスを確認しながら調整できます。このテクニックは、デザインのクオリティアップに直結します。

数値は5％刻みで

印刷用のデータを作成する際、カラーの数値は5％刻みで設定します。最も薄い色でも、CMYKそれぞれの数値が5％以上になるようにしましょう。5％以下に設定すると、印刷時に薄く感じることがあります。

たとえば、C（シアン）3％やM（マゼンタ）2％といった微細な数値は、印刷時にほとんど色がついていないように見えることがあります。C5％、M10％のように5％刻みで設定することで、印刷時にも安定した色再現が可能になります。

ライブペイント完了後は「拡張」を行い、通常のパスオブジェクトに戻すことで、データ入稿時のトラブルを防ぐことができます。

イラレでオブジェクトの色塗りをする方法②「塗り」を使って図形を塗りつぶす

ツールバーの「塗り」ボックスを直接操作する方法は、Illustratorの最も標準的な着色方法です。長方形ツールや楕円形ツールで作成したシンプルな図形に色を付ける際に最適です。

「塗り」で図形を塗りつぶす手順

図形を塗りつぶす手順は次のとおりです。

1. ツールパネル下部にある「塗り」の設定項目をダブルクリックします
2. カラーピッカーから塗りつぶしたい色を選びます
3. ツールパネルから長方形ツール（ショートカットキー：M）や楕円形ツールを選び、アートボード上でドラッグして図形を作成します

図形を描くと、あらかじめ設定した色で塗りつぶされます。

すでに作成済みの図形に色を付ける場合は、選択ツールでオブジェクトを選び「塗り」をダブルクリックしてカラーピッカーで色を選びます。

スウォッチを使いパターンで塗りつぶす方法

スウォッチを使うと、単色だけでなく、パターンで図形を塗りつぶすことができます。

1. スウォッチパネルが表示されていない場合は、メニューバーの「ウィンドウ」→「スウォッチ」をクリックして表示させます
2. スウォッチパネルの右上にある3本線のメニューをクリックし「スウォッチライブラリを開く」→「パターン」→「ベーシック」→「ベーシック_点」の順に選択します
3. さまざまなドットパターンが表示されるので、好みのパターンを選びます

塗りを適用したいオブジェクトを選択した状態でパターンをクリックすれば、パターンで塗りつぶしが完了します。

イラレでオブジェクトの色塗りをする方法③塗りブラシツールを使う

塗りブラシツールは、自由なストロークで描画と同時に着色できるツールです。手書き風のニュアンスや自由な着色が求められる場合に便利です。

塗りブラシツールを選択するには、ツールパネルでブラシツールを長押しし、表示されるメニューから「塗りブラシツール」を選びます。ショートカットキーはShift+Bです。

カラーパネルまたはスウォッチパネルから塗りの色を選び、アートボード上でドラッグすれば、絵の具を塗りつぶすように塗りを適用できます。

イラレでトレースした画像に色塗りをする方法

手書きの紙媒体やスキャンしたイラストなど、既存のアナログ素材をIllustratorで活用したい場合、画像トレース機能とライブペイントツールを組み合わせることで、デジタル化して着色できます。

1. 手書きのイラストをスキャンしてパソコンに取り込み、Illustratorで画像を開きます
2. メニューバーから「ウィンドウ」→「画像トレース」を選択します
3. 画像トレースパネルで「プリセット」を「白黒のロゴ」に設定し「トレース」ボタンをクリックします
4. トレース後、メニューバーの「オブジェクト」→「画像トレース」→「拡張」を選択して、パスに変換します
5. この状態になれば、あとは前述したライブペイントツールの手順で着色できます。

既存の手書きイラストをトレースした場合、線が完全につながっていないことがあります。その場合は「隙間オプション」を使って塗りの許容サイズを調整しましょう。

こちらの記事では、イラレで手描き風にアレンジする方法について解説しています。画像トレースを活用したやり方も取り上げているため、ぜひあわせてご覧ください。

塗ったオブジェクトの色を変える・透過させる方法

制作中や納品前の調整段階では、すでに塗った色を変更したり、透過させたりする必要が出てきます。Illustratorには、これらの修正を効率的に行うための機能が備わっています。

塗った色を変える方法

塗った色を変更する最も効率的な方法は「オブジェクトを再配色」機能を使うことです。

1. 色を変更したいオブジェクトを選択ツールで選びます
2. メニューバーから「編集」→「カラーを編集」→「オブジェクトを再配色」を選択します
3. 表示されたダイアログボックスで、カラーホイールを使って直感的に色相を調整できます

スライダーを動かすと、選択したオブジェクトの色がリアルタイムで変化します。

塗った色を透過させる方法

オブジェクトを透過させたい場合は「透明」パネルを使用します。

1. 透過させたいオブジェクトを選択します
2. メニューバーから「ウィンドウ」→「透明」を選んで透明パネルを表示します
3. 透明パネルの「不透明度」スライダーを左に動かすと、オブジェクトが透明になります

さらに、透明パネルの「通常」と書かれたドロップダウンメニューから描画モードを選ぶことで、オブジェクトの見え方を変えることができます。たとえば「乗算」を選ぶと、重なった部分の色が掛け合わされ、より深い色になります。

【補足】イラレのアートボードに色を塗る方法

アートボード全体に背景色を設定したい場合、Illustratorではアートボードパネルから、該当アートボードをクリック、アートボードオプションの「カラー」でアートボードに色を付けることができます。

ただし、この方法では、印刷した時にアートボードの色は反映されません。この場合、アートボードと同じサイズの長方形を作成して最背面に配置する方法で対応できます。

1. 長方形ツール（ショートカットキー：M）を選択し、アートボードと同じサイズの長方形を作成します
2. 希望する背景色を塗りに設定します
3. メニューバーから「オブジェクト」→「重ね順」→「最背面へ」を選び、長方形を最背面に配置します

配置した背景オブジェクトは、レイヤーパネルでロックしておくと便利です。

まとめ

Illustratorで色塗りをする方法として、ライブペイントツール、塗りを使った図形の塗りつぶし、塗りブラシツールの3つを紹介しました。

ライブペイントツールは直感的に塗り絵感覚で着色でき、初心者にとくにおすすめです。隙間オプションを活用すれば、線がつながっていなくても塗りつぶすことができます。

塗りを使った方法は、シンプルな図形に色を付ける際に最適です。塗りブラシツールは、手書き風のニュアンスを加えたいときに便利です。

印刷物として出力する際は、CMYK値を5％刻みで設定することを忘れずに。これにより、印刷時に安定した色の再現が可能になります。

Illustratorでのデータ作成に不安がある場合や、より高品質な印刷物をお求めの場合は、WAVEのデザイン制作サービスをご活用ください。データ作成から印刷まで、プロフェッショナルなサポートで安心してお任せいただけます。

WAVEでは名刺・ポスター・パンフレットをはじめ、チラシ印刷や中綴じ冊子など多彩な印刷物をネット通販で承っています。 デザイン制作のご相談も可能ですので、お困りの際はぜひお問い合わせください。