【Illustrator】ライブペイントツールの使い方：できない時の対処法まで全て解説

画像トレースしたときやごちゃごちゃしたオブジェクトなどアピアランスパネルの塗りで塗るのが面倒なときに役立つライブペイントについてどこよりも分かりやすく解説していきます。

【Illustrator】画像トレースとは？写真を一瞬でイラストにしてしまう魔法の機能

ライブペイントとは？

ライブペイントとは、アピアランスの塗りとの比較をすると分かりやすいんですがオブジェクト同士の重なりごとに色を指定することができるのでオブジェクトが多くなればなるほどカラー指定が便利になる比較的上級者になればなるほど人気が高いツールになります。

ちなみにライブペイントを使えばオブジェクトの塗り部分だけでなく線部分の色も指定することができます。

【Illustrator】パスファインダーとは？使い方とパネルの見方を解説

ライブペイントの使い方

ライブペイントで色指定する方法をご紹介していきます。

STEP.1

オブジェクトを用意する

ライブペイントはオブジェクト何個でも出来ますが1つのときはアピアランスの塗りで塗りつぶした方が効率がいいですよ。

※どんな形の図形でも大丈夫です。

STEP.2

ライブペイントをするオブジェクトを指定する

これからライブペイントで色指定していく訳ですが、どのオブジェクトでライブペイントをする(ライブペイントグループ)のか選択ツールで選択します。

例の場合は、すべてのオブジェクトに色指定していくので全体を選択します。

STEP.3

メニューバー＞オブジェクト＞ライブペイント＞作成

ライブペイントグループを作成していきます。

Option(Alt)+⌘(Alt)+Xがショートカットになっているので作業効率を上げたい人は覚えておきましょう。

Illustratorでよく使うショートカットまとめ：覚えておくだけで作業スピードが倍になる

注意

ライブペイントグループを作成しないと色指定することができないので注意しましょう。

こっちでもできる

1. ライブペイントツールを選択(オブジェクトを選択した状態で)
2. オブジェクトにカーソルを当てると『クリックしてライブペイントグループを作成』が出るのクリック

STEP.4

ライブペイントツールを選択しクリックして塗りつぶし

ライブペイントツールを選択した状態でライブペイントグループを作成したオブジェクトにカーソルを合わせるとしたのようにピンク色で囲まれます。

豆知識

ライブペイントツールアイコンをダブルクリックして強調表示にチェックを入れてカラーや幅を設定することでカーソルを合わせたときに表示される強調表示を変更することができます。

アウトラインで見ると分かりやすいですが、囲まれた場所ごとで塗り・線の色指定できるのがライブペイントツールになります。

【Illustrator】アウトラインとは？初心者でも分かるように優しく解説

塗りや線のカラーはスウォッチパネルのカラーがそのまま反映されます。

【Illustrator】スウォッチパネルの使い方完全版：登録方法から読み込み方法まで世界一優しく解説

pdfでライブペイントオプションパネルの見方を確認する

ライブペイントツールアイコンをダブルクリックするとオプションパネルが表示されるので上の図解を参考に設定してライブペイントツールを使ってみてください。

• 塗りをペイント：チェックを入れるとオブジェクトの塗り部分の色指定が可能になります。
• 線をペイント：チェックを入れるとオブジェクトの線部分の色指定が可能になります。
• カーソルスウォッチプレビュー：今何色を持っているのかリアルタイムで確認することができます。(カーソル付近に表示)

STEP.5

完成

そしてオブジェクトごとにカラーをポチポチクリックしながらつけていくと例のようなカラーに完成しました。

イラレのライブペイントの隙間オプションとは？

イラレのライブペイントの隙間オプションとは、トレースしたときなどにオブジェクトに生じる隙間をどう対処するのかを決めるオプションになります。

どの程度空いている隙間を隙間のないものとして設定するのが隙間オプションです。やり方を手順に沿って見ていきましょう。

STEP.1

メニューバー＞オブジェクト＞ライブペイント＞隙間オプション

ライブペイントグループを作成してある状態のオブジェクトを選択してから隙間オプションを開きましょう。

STEP.2

隙間オプションパネルで設定を入力

pdfで隙間オプションパネルの見方を確認する

隙間オプションパネルで各項目で上の図解を参考に入力していきましょう。

STEP.3

OKを入力して完了

これで隙間の扱いが変わりました。

隙間オプションができないときの原因

隙間オプションができないときの原因をまとめました。ぜひ確認してください。

イラレのライブペイントができないときの対処法チェックリスト

イラレのライブペイントができなくて困っている人にここをチェックしてほしいチェックリストを作成したので確認してみてください。

ライブペイントグループが作成されていない

ライブペイントグループが作成されていないとライブペイントグループがどこにペイントすればいいのか？どのオブジェクトで分離させればいいのか分からずライブペイントができません。

ただライブペイントツールを使用するとクリックするだけでライブペイントグループが作成されるようになっているのでオブジェクトがしっかり選択されている状態なら大丈夫です。

ライブペイントオプションパネルで塗りor線にチェックが入っていない

ライブペイントオプションパネルの中の塗りをペイント・線をペイントにチェックが入っているか確認しましょう。ここにチェックが入っていないと色を塗りつぶすことができません。

隙間オプションが設定されていない

もしもライブペイントしたいオブジェクトに隙間があるのなら隙間オプションが設定されているか確認してみましょう。隙間を隙間として扱うのか閉じたクローズパスとして扱うのか注意が必要です。

【Illustrator】パスとは？結合や分割のやり方など総まとめ

アピアランスの塗り・線が設定されていない

塗っても塗っても色がつかなくて困っている人はアピアランスパネルで何色が指定されているのか確認しましょう。気付かずに透明や白が指定されていることが多くあります。

まとめ

イラストレーターで上級者向けの塗りつぶし方法であるライブペイントについて解説しました。

複雑なイラストほどスムーズに塗りつぶせて作業効率が上がるので、ぜひ活用してください。