こんにちは、毎日ストックフォト用のイラストを描いています。
今回はイラレで描いた線画ありのイラストに手を加えて、隙間の開いた線画・影を作る方法を紹介したいと思います。
完成イメージはこんな感じです↓
![](https://yukik-illust.com/wp-content/uploads/2020/05/0eba6744a4b1ab0d9b633aabe2910703.jpg)
使用しているのはMacとillustratorCCです。
透明部分を分割・統合で塗りと線を分ける
![](https://yukik-illust.com/wp-content/uploads/2020/05/5b5944605b826e52c2ffa856bb667a9b.jpg)
元のイラストはハイライトなどを除いて、塗りと線があるオブジェクトで描いているので、このままの状態だと、線に隙間を入れたり影や線と接するハイライトをつけるのは難しいです。
隙間のある線画や影をつける為に、塗りと線のある一つのオブジェクトを、それぞれ塗りだけ・線だけの二つのオブジェクトに分けます。
![](https://yukik-illust.com/wp-content/uploads/2020/05/4dcca44d7ab1d18b910ec6194b6ddf75.jpg)
塗りと線を分けたいイラストを選択して、オブジェクトー透明部分を分割・統合を開き「すべての線をアウトラインに変換」のチェックを外してOKにすると、簡単に分けることができます。
![](https://yukik-illust.com/wp-content/uploads/2020/05/64143a7368e0bc589077dc1e815d7cb2.jpg)
![](https://yukik-illust.com/wp-content/uploads/2020/05/569b8e941f5d76d8ef7291bad86ab99e.jpg)
![](https://yukik-illust.com/wp-content/uploads/2020/05/ad47026496daadec9bb29ee76f5d33be.jpg)
このように、線だけ塗りだけのオブジェクトが二つ出来たら成功です。
注意:線のプロファイルで線幅を変更している場合は、線の状態を保ったまま分けることができません。アウトライン化されてしまうので、線幅を均等に戻す必要があります。
透明部分を分割・統合をしたオブジェクトは、グループが解除された後、一括してグループ化されるので、イラストごと、グループごとに行ったほうがいいかもしれません。
線に隙間と強弱を加える
![](https://yukik-illust.com/wp-content/uploads/2020/05/d63ea4b82710da28d570590317fe188b.gif)
線画に隙間をつくるのは、線を選択してパス消しゴムツールで(ツールバーから)ドラッグして消すだけです。このツールはショートカットキーがないので、自分で割り当てています。(機能は似ていますが、消しゴムツールとは別のものです)
隙間を作ったら、線幅ツール(ツールバーから)や線のプロファイル(線パネル)で線に強弱をつけます。プロファイルには自分で登録したものを入れています。
線幅ツールやプロファイル登録方法については、こちらに詳しく書いています↓
![](https://yukik-illust.com/wp-content/uploads/2020/04/90da0f805337fb9f4e24474413663159-160x90.jpg)
パス消しゴムツールも、こちらで少しだけ紹介しています↓
![](https://yukik-illust.com/wp-content/uploads/2020/11/f159c79856864db5682661db5eb0fbea-160x90.jpg)
簡単な影をつける方法
影の付け方は色々あるのですが、個人的に一番楽だなと思った方法を紹介します。シンプルな影をつくるときにちょうど良いです。
![](https://yukik-illust.com/wp-content/uploads/2020/05/ed9b0213ce1e8ec8346bb446f857f0df.jpg)
まず影にするオブジェクトを一つ上のレイヤーにコピペします。オブジェクトをダイレクト選択(A)して、Command+Cでコピー・Command+Fで一つ上のレイヤーに位置を変えずにペーストすることができます。
![](https://yukik-illust.com/wp-content/uploads/2020/05/fad1584005aacbe2358e90b2ddcf85d7.gif)
コピペしたらそのまま選択した状態でナイフツール(ツールバーから)に切り替え、影にしたい形にドラッグして切るだけです。ナイフツールもショートカットキーがないので自分で割り当てています。
ナイフツールを使うときは切りたいオブジェクトを必ず選択します。選択しなかったら、ドラッグしたときに通ったオブジェクト全てが切れてしまいます。
![](https://yukik-illust.com/wp-content/uploads/2020/05/d678704deb6cfd3897ef4199524f8007.jpg)
![](https://yukik-illust.com/wp-content/uploads/2020/05/f5e41f1724f5fbe5608b380591b48a3a.jpg)
(アンバランスな画像↑ですみません・・・)
影の色はお好みでいいのですが、私はベースと同じ色の乗算か黒で不透明度を下げる方法で影をつけることが多いです。色変更をするときに影の色まで調整し直すのが面倒だからという理由です・・・そもそも影があるイラストを描くのが苦手だから滅多にやりませんが・・・
パスファインダで影を作るとき
影を作るときにパスファインダを使ってもいいのですが、オブジェクトのレイヤーの位置が変わってしまいます。(レイヤーの位置が、パスファインダをする二つのオブジェクトのうち、上にあるオブジェクトの場所になってしまう)
今回のイラストのように線画と色のオブジェクトが同じレイヤーにあって、パスファインダを使って後から影をつける場合や、ナイフでは描けない複雑な影を作りたい場合は、線画と色のレイヤーを分けるか、影を作るたびにレイヤーの位置を調整する必要があります。
![](https://yukik-illust.com/wp-content/uploads/2020/05/7a2868371a012d80b6e4ba63a4984673.jpg)
ダブルクリックしてグループ編集の最下層まで行って、コピペ→パスファインダをかけると、影レイヤーがベースのすぐ上に来ます。が、最下層までいくのがちょっと面倒なときがあるので、イラストに合わせて適当に方法を選んでいます^^;
以上になります。影の付け方は私がやりやすいなと思ったものを紹介しただけなので、他に良い方法があれば教えて欲しいです。
お読み頂き、ありがとうございました。
![](https://yukik-illust.com/wp-content/uploads/2020/10/e8745fc634cde5bcd02dede1269c1edc-160x90.jpg)
![](https://yukik-illust.com/wp-content/uploads/2020/02/816934969c9cb7eaae3c65ad40cf0d21-160x90.jpg)