Illustratorには「塗りつぶし」ツールがない？

Illustratorには、Photoshopのようにバケツの形をしたカーソルで線の中を塗りつぶす機能がありません。

なぜならIllustratorはベクターデータやパスを使用して描画するツールだからです。
ベクターデータについて詳しく説明している過去記事がありますので、もっと詳しく知りたい方はこちらをご覧ください。

ただ、今回紹介する「ライブペイントツール」を使うと、Photoshopの塗りつぶしツールと似たような使用感で線の中の塗りつぶしが可能になります。
今回は、始点と終点がきちんと閉じられている「クローズパス」を塗りつぶす方法をご紹介します。

ライブペイントツールでクローズパスの中を塗る方法

ライブペイントを行う準備

ライブペイントを使って塗りつぶす

背景色を付けたい場合

背景全体に色を付けたい場合は、長方形ツールを使います。

長方形ツールの塗りを背景の色にして、アートボード全体を覆います。

重ね順を「最背面にする」もしくは、背景色の長方形を新しいレイヤーにコピーし、レイヤーごとイラストの下に移動するなどの操作を行い、背景色の完成です。

ライブペイントツールを解除する方法

一度ライブペイントツールによる塗りを行うと、塗りを行った図形群がグループ化・複合パス化されるため、全ての図形が合体している状態になります。

この状態を解除して、各パーツを自由に操作できるように分解していきます。

アピアランスパネルを表示・確認

まず、今の状態がどうなっているのかアピアランスパネルを確認します。

図形を選択した上で、上部ツールバーから「ウィンドウ」→「アピアランス」と進み、【アピアランスパネル】を表示します。

アピアランスパネルには、「ライブペイント」と表示されているのが分かります。

ライブペイントを分割・拡張

図形の選択状態はそのまま、上部ツールバーから「オブジェクト」→「分割・拡張」と進み、「OK」を選択します。

この段階でアピアランスパネルを確認すると、表示が「ライブペイント」状態から「グループ」の状態へ変更されたことが確認できます。

あとは、このグループ化された状態を解除するだけです。

グループ化を解除

続いて「オブジェクト」→「グループ解除」と進みます。

一度グループ解除を行うと、選択していた図形群が塗りと線に分割されます。

さらに分割した塗りと線を選択し、もう一度「オブジェクト」→「グループ解除」を行うと、全ての塗りと線が分割されます。

塗りと線をそれぞれレイヤーで分けておくと、線画のみ必要になった場合などに便利です。

Illustratorのレイヤーについて詳しく説明している過去記事がありますので、もっと詳しく知りたい方はこちらをご覧ください。

さいごに

今回は「ライブペイントツール」および関連する機能についてご紹介しました。
Illustratorで線画を作ってPhotoshopに持ってきて塗りつぶし…なんてことをしなくてもよくなりそうですね。

ただし、ライブペイントツールを使うとデータが複雑化し、容量が重くなってしまうため、ここぞという時に使用したほうが良さそうです。

この記事を書いた人

わたなべソリューション事業部 エディター 兼 webディレクター

関西の芸術大学で染織・画像編集ソフトを学ぶ。卒業後、県内の織物会社で織物 の製造開発・生産管理・営業を経験する。その後、web制作未経験ながらアーティスへ入社し、webエディターとしてホームページのコンテンツ制作・ディレクションに携わっている。仕事は素早く・丁寧にを心掛けています！

この執筆者の最新記事

この執筆者の記事一覧

• 2024年4月15日WEB【Illustratorの生成AI機能】テキストからベクターデータを生成！イラスト・アイコン・パターンを素早く作る！
• 2024年3月27日WEB情報を視覚的に伝える！インフォグラフィックスの使い方・作り方
• 2023年12月27日WEB【新機能】Photoshopの生成AI機能「生成塗りつぶし・生成拡張」がすごすぎる！使い方をご紹介します。
• 2023年12月26日WEBパワーポイントでバナーを作るための実用的テクニック4選！パワポでもここまでできる！