1. web design shake
  2. デザイン
  3. 【Illustrator】塗りつぶし!ライブペイントツール

【Illustrator】塗りつぶし!ライブペイントツール

当サイトは広告を使用しています。

Adobe Illustratorを使用して、イラストを塗りつぶす方法を解説します。
塗り絵のように簡単に塗れるので、まだ使ったことないという方は是非挑戦してみてください。

1

線画を用意します。

アナログで描いた線画をイラレのペンツールでなぞりました。

線画を用意します。アナログで描いた線画をイラレのペンツールでなぞりました。

2

イラストを全て選択した状態でライブペイントツールを持ちます。

イラストの上にカーソルを持っていくと「クリックしてライブペイントグループを作成」という赤い文字が出るので、そのままクリックします。

イラストを全て選択した状態でライブペイントツールを持ちます。イラストの上にカーソルを持っていくと「クリックしてライブペイントグループを作成」という赤い文字が出るので、そのままクリックします。

ライブペイントツールが見当たらない場合は、ツールバー下の「・・・」をクリックすると全てのツールが表示されます。 ライブペイントツールのアイコンをツールバーへドラッグ&ドロップすると、ツールを追加できます。

ライブペイントツールが見当たらない場合は、ツールバー下の「・・・」をクリックすると全てのツールが表示されます。 ライブペイントツールのアイコンをツールバーへドラッグ&ドロップすると、ツールを追加できます。

3

赤い範囲が色を塗れる範囲です。クリックして塗っていきます。

隙間があって上手く塗れない時は、隙間オプションを使います。

隙間があって上手く塗れない時は、隙間オプションを使います。

1

イラスト(ライブペイントグループ)を選択した状態で、メニューバー→[オブジェクト]→[ライブペイント]→[隙間オプション]をクリックします。

イラスト(ライブペイントグループ)を選択した状態で、メニューバー→[オブジェクト]→[ライブペイント]→[隙間オプション]をクリックします。

2

塗りの許容サイズを設定します。広い隙間にしました。

プレビューにチェックを入れると、検出された隙間が赤くなります。全て閉じられていることが確認できました。OKをクリックします。

「パスで隙間を閉じる」を選択すると、実際にパスが挿入されます。線なしなので見えません。

塗りの許容サイズを設定します。広い隙間にしました。プレビューにチェックを入れると、検出された隙間が赤くなります。全て閉じられていることが確認できました。

1

レジャーシートに柄を付けたいので拡張します。

ライブペイントグループを選択した状態で、メニューバー→[オブジェクト]→[ライブペイント]→[拡張]をクリックします。もしくは上部の[拡張]をクリックします。

レジャーシートに柄を付けたいので拡張します。ライブペイントグループを選択した状態で、メニューバー→[オブジェクト]→[ライブペイント]→[拡張]をクリックします。もしくは上部の[拡張]をクリックします。

2

グループ化されているので、Ctrl+Shift+Gでグループ解除します。

Ctrl+Shift+Gを1回で線画と塗りが分かれます。塗りと線で分けたい時に便利です。

グループ化されているので、Ctrl+Shift+Gでグループ解除します。Ctrl+Shift+Gを1回で線画と塗りが分かれます。

Ctrl+Shift+Gをもう一度行うと塗りもバラバラになります。

Ctrl+Shift+Gをもう一度行うと塗りもバラバラになります。

3

レジャーシートにパターンを適用します。アピアランスパネルの塗りをクリックするとパターンを選べます。

これはフリー素材のパターンです。
アピアランスパネルは、メニューバー→[ウィンドウ]→[アピアランス]で表示できます。

レジャーシートにパターンを適用します。アピアランスパネルの塗りをクリックするとパターンを選べます。これはフリー素材のパターンです。 アピアランスパネルは、メニューバー→[ウィンドウ]→[アピアランス]で表示できます。

4

完成!

ライブペイントグループを選択した状態で、メニューバー→[オブジェクト]→[ライブペイント]→[解除]をクリックします。線の太さを部分ごとに変えていた場合でも、解除すると全て同じ太さになります。

ライブペイントグループを選択した状態で、メニューバー→[オブジェクト]→[ライブペイント]→[解除]をクリックします。線の太さを部分ごとに変えていた場合でも、解除すると全て同じ太さになります。

1

アナログ感のあるブラシを適用してみました。

これはデフォルトで入っているブラシです。ブラシパネルは、[メニューバー]→[ウィンドウ]→[ブラシ]で表示できます。
パネル左下の本棚アイコン(ブラシライブラリー)をクリックすると、他にも色々なブラシが入っています。

アナログ感のあるブラシを適用してみました。これはデフォルトで入っているブラシです。ブラシパネルは、[メニューバー]→[ウィンドウ]→[ブラシ]で表示できます。 パネル左下の本棚アイコン(ブラシライブラリー)をクリックすると、他にも色々なブラシが入っています。

2

このままの状態ではライブペイントを使えません。ライブペイントツールでクリックすると、このような警告が出ます。

このままの状態ではライブペイントを使えません。ライブペイントツールでクリックすると、このような警告が出ます。

ブラシを適用している場合、アピアランスを分割する必要があります。メニューバー→[オブジェクト]→[アピアランスを分割]をクリックします。

今回のような鉛筆系のブラシの場合、アピアランスを分割するとパスの数がかなり多くなります。挙動が重くなるので注意が必要です。

ブラシを適用している場合、アピアランスを分割する必要があります。メニューバー→[オブジェクト]→[アピアランスを分割]をクリックします。

あとは「ライブペイントツールで塗りつぶす方法」を参考に隙間を閉じて塗っていきます。

3

完成!

いかがでしたか?
塗り絵のように塗れるので楽しいですね。他にもIllustratorで作るイラストの記事があります。こちらも是非チェックしてみてくださいね。

CATEGORY