イラレの塗りつぶしテクニックまとめ！初心者にもわかりやすくデザイナーが解説

illustratorを開いたら、好きなオブジェクトを用意します。どんな方法でも問題ありませんが、ここではオーソドックスに「長方形ツール」で四角形を用意します。

分かりづらいですが、長方形ツールで四角形を作った時点で実は「塗り」は設定されています。デフォルトでは「塗りは白、線は黒」に設定されています。

Renton

アートボードが塗りの色と同じ白なので塗りが設定されていないように見えるだけです。

長方形ツールで四角形を作った時点で「塗り」は設定されていますが、わかりやすいように「塗り」の色を変更します。「塗り」の状態を確認するためにはツールバー下を確認します。

「塗り」の色が設定されていない場合(塗りなし)は塗り部分に斜めに赤いラインが入っています。これで見た目では判断しづらい塗りが白の場合も見分けることができます。

さらに「塗り」の設定は塗りと線の下の３つのアイコンをクリックするだけで簡単に変更することができます。

既に「塗り」はの設定されているので、「塗り」の色を変更します。四角形のパスを選択しながら「スウォッチ」から色を選びます。スウォッチウィンドウが表示されていない場合はメニューバー→ウィンドウ→スウォッチで表示させます。

このようにスウォッチから簡単に塗りの色を変更できます。

「塗り」の色を変更する際にもっと自分好みの色を直感的に選びたい場合は「カラーピッカー」を使って色変更する方法がおすすめです。

「塗り」をダブルクリックしてカラーピッカーを表示させます。

その後カラーピッカー内のスライダーで色を見ながら変更したい色をクリックします。

選んだ色で問題ない場合は「OK」を押せば四角形の塗りに選んだ色が反映されます。

illustratorを開いたら、塗りを設定したオブジェクトを複数用意し重ねます。ここではイエローとブルーの２つのオブジェクトを用意しました。

塗りを設定したオブジェクトを選択しながら、「透明ウィンドウ」を開きます。メニューバー→ウィンドウ→透明で表示されます。

透明ウィンドウの「不透明度」を100%から調整します。ここでは50%にしてみます。

すると不透明度が50%になり塗りが透けることで重なった部分だけ違う色で塗りつぶしされます。

また、透明ウィンドウ内の「描画モード」を変更することでも塗りの色を乗算させたり、覆い焼きしたりできますので色々と応用が効きます。

illustratorを開いたら、線に色が設定されている図形やイラストを用意します。ここでは線をグレーに設定したイラストを用意しました。

イラストに対して塗りつぶしたいパスに色を設定して用意します。用意できたらイラストが塗りつぶしたいパスよりも上に来るように順番を入れ替えます。

Renton

１番簡単なのはイラストを前面に持ってくる方法です。

イラストを選択しながら⌘＋shiftキー＋]のショートカットキーを使ってイラストを前面に持っていきます。

イラストが塗りつぶしたいパスの前面にきたら完成です。線と塗りを別々にしておくと、塗りつぶすパスとイラストの位置関係もあとから調整が可能です。

また、イラレの塗りつぶし方法②で紹介した透明度を調整すれば塗りつぶしの調整により幅を持たせることができます。

illustratorを開いたら、塗りつぶしたい図形やイラストを用意します。塗りつぶしたいエリアがしっかりと閉じているパスであればなんでも良いです。ここではスニーカーのイラストを用意しました。

イラストが用意できたら「ライブペイントツール」に持ち替えます。「ライブペイントツール」はツールバーの「シェイプ形成ツール」内に入っていますので長押しすると「ライブペイントツール」を選べるようになります。

イラストを選択しながら「ライブペイントツール」に持ち替えるとこのように塗りつぶしができる準備が整います。

オブジェクトを選択状態からメニューバー→オブジェクト→ライブペイント→作成からも同じように塗りつぶしができる準備ができます。

ライブペイントツールで塗りつぶす準備ができたら、色を設定し、塗りつぶしたいパスで囲まれたエリアにカーソルを合わせてクリックします。

クリックすると塗りで設定されている色で塗りつぶされます。

まずパスを繋げたいオブジェクトを全て選択します。

パスを繋げたいオブジェクトを選択しながらメニューバー→パス→連結でパスを連結させます。⌘＋jのショートカットでも同じようにパスを連結できます。

イラレでペンツールに持ち替えます。ペンツールに持ち替えたら連結させたいポイント同士をクリックして繋ぎます。パスを閉じるには全ての切れているポイントを繋ぎ合わせることが必要になります。

全ての切れているポイントを繋ぎ合わせることではじめてパスを閉じることができます。全てのポイントが繋ぎ合わせられたら完了です。

イラストが用意できたら「ライブペイントツール」に持ち替えます。イラストを選択しながら「ライブペイントツール」に持ち替えるとアクティブ状態になります。

イラストを選択しながらメニューバー→オブジェクト→ライブペイント→隙間オプションを選びます。すると隙間オプションウィンドウが開きます。

隙間オプションウィンドウ内の「塗りの許容サイズ」は【狭い隙間／中途程度の隙間／広い隙間／カスタムの隙間】の中から選べます。

「塗りの許容サイズ」はパス同士の隙間の広さを示すので、パス同士が大きく空いてるときは広い隙間を選びます。隙間として認識されると、空白部分が赤く表示されます。

表示が出ないときは、カスタムの隙間を選んで数値を大きくしていくと隙間を認識してくれます。隙間が認識されたらOKを押して設定は完了です。

一度隙間オプションを設定してしまえば、あとは通常通りにツールバーからライブペイントツールを使って塗りつぶしができるようになります。