【初心者向け】Illustratorで3Dイラストレーションを作る

こんにちは、デジタルライトの大石です。
今回はAdobe Illustratorで下の画像のような3Dイラストレーションを作っていきます。

1. フラットデザインを作る
1.1. 寿司のイラストを書く
1.1.1. 角丸の正方形を作る
1.1.2. パスのオフセットを設定する
1.1.3. 色を変更してもう一度繰り返す
2. 3D化する
2.1. 調整をおこなう
2.1.1. プリセットを変更する
2.1.2. 奥行きとボリュームを変更する
2.1.3. 粗さとメタリックを変更する
2.1.4. ライトを調整する
2.2. ネギ(緑丸)に同様の操作を行う
2.2.1. 角度をつける

フラットデザインを作る

3Dにするにはまず2Dでデザインしていきましょう。アートボードの大きさは[幅1280px][高さ1024px]としました。

寿司のイラストを書く

今回は寿司を3Dにしたいと思います。

角丸の正方形を作る

まずは角丸の正方形を作ります。[長方形ツール]を選んで正方形を作りましょう。今回は1辺200px、線の色はなし、塗りの色を黒としました。そして四角にある丸印を内側にドラッグするとすべての角が丸くなります。このときRという値が出てきますが、今回はおよそ30pxとしました。(だいたいでいいです)

パスのオフセットを設定する

続いてはパスのオフセットを設定します。先ほど作成した正方形を選択した状態で画面上部の[オブジェクト]から[パス]＞[パスのオフセット]と選択するとオフセットの値を入力できるので[－15px]と入力します。

色を変更してもう一度繰り返す

内側の正方形が選択されている状態で塗りの色を白にします。そして内側の正方形に対してもう一度[オブジェクト]＞[パス]＞[パスのオフセット]を選択して次は[－35px]とします。
そしてできた最も内側の正方形を、最初に角丸にしたように角の丸印を内側にドラッグして角丸にし、塗りの色を[#ef8a8a]に変更します。
また、このとき楕円形ツールで[幅42px][高さ42px]の円を[#83c038]で、線を5ptとして用意しておきます。

3D化する

フラットデザインができたらいよいよ3D化していきます。超簡単です。まずは寿司のイラストを全選択して右クリックでグループ化します。そしたら画面上部の[ウィンドウ]から[3Dとマテリアル]を選択して[膨張]をクリックするだけです。
これだけでそれっぽくなりました。あとは向きや光の位置などを調整するだけです。