イラレのイラストに影を簡単につける方法【Adobe｜Illustrator｜ベジェ｜ベクター｜ストックイラスト】

まず、イラストのラフを描きます。

僕は、ラフもデジタルで描きます。使用するのはPhotoshopかクリスタ。

ゲンキ

  最近はラフ制作や輪郭線のトレースはクリスタを使用することが多いですが、今回は便宜上Photoshopを使っています（イラレとの連携がしやすいので）

STEP.1で描いたラフをトレースします。

この線画は、あとでイラレのライブトレース機能でベクターに変換するので、高解像度で描く必要があります。

ひとつの目安として原寸・1500dpiとおぼえておくと良いでしょう（スペック的にデータが重くて作業が遅くなってしまう場合は1000dpiくらいまでなら下げても何とかなります）。

STEP.2でトレースした線画ファイルをイラレで開き、ライブトレース機能でベクターデータに変換します。

下準備は以上です。次項では、このイラストを着色し、その着色に影をつけていく工程を説明します。

まず、前項でパス化（ベクター化）したイラスト全体に色を塗ります（イラレなので「塗る」というよりは「各オブジェクトの色を指定する」という方が正しいかもしれませんが…）。

そして、影をつけたいオブジェクトの上（前面）に、こんな感じに影の色のオブジェクトを作ります。

ここで重要なのは、AとBで同じ形状になる部分（この場合だと顔の輪郭に当たる部分）は、あとでパスファインダで抜いて形成するので、⬆の図のようにAの外側にはみ出して描画するということです（逆にAの内側や輪郭ギリギリに描画してしまうとパスファインダでうまく抜けずにきれいなデータにならないので注意が必要です）。

なお、影の色をつくるときはカラースライダーをシフトを押しながらドラッグすると、色味を維持したまま濃度を変えることができるので便利です（⬇参考動画です）。

STEP.2の状態だと全てのオブジェクトの最前面にBがあるので、Aのひとつ前面に移動します。

手順は…

① Bを選択して［⌘＋X］（カット）
② Aを選択して［⌘＋F］（フロントペースト）

です。

さらにAの前面にAをフロントペーストして、Aを二重にします。

手順は…

① Bを選択して［⌘＋X］（カット）
② Aを選択して［⌘＋F］（フロントペースト）

です。

ちょっと分かりにくいと思うので、オブジェクトの階層を図解すると⬇こんな風になっています（レイヤー分けはせず、同一レイヤー上のオブジェクトの重なり順です）。

AとBを選択した状態で、パスファインダーの「交差」をクリックします（⬇赤く囲ったのが「交差」です）。

交差を適用すると、AとBの重なった部分だけが残ります。

影をつける工程は以上です。

同じ方法を繰り返して、影や光をつけていくと、イラストに立体感が出てきます。