はじめに
今回は3DCGの描画とグリースペンシルの描画を合わせる方法を紹介します。
このような3DCGが作成できます。
![](https://signyamo.blog/wp-content/uploads/2022/08/Animation_4-5.gif)
イラスト的な3Dモデルを作る
Shift+Aで球を作成。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-01-26.jpg)
右クリック → スムーズシェード。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-02-24.jpg)
マテリアルプロパティを開きます。
+ボタンでマテリアルを追加。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-03-27.jpg)
任意の方法で線画を出します。
ここではOutline Helperというアドオンを導入して使いました。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-04-23.jpg)
こちらより、導入できます。
Outline Helperの使い方はこちらで解説。
Outline Heloerを使ったので線画用のマテリアルが増えました。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-05-22.jpg)
元の表面色マテリアルを選択。
ベースカラーを完全な黒にします。
![](https://signyamo.blog/wp-content/uploads/2022/08/re01.jpg)
スペキュラの値を0に設定。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-07-20.jpg)
放射の所で色を付けます。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-08-20.jpg)
これで、平面的な立体ができます。
![](https://signyamo.blog/wp-content/uploads/2022/08/Animation_1-13.gif)
以上でイラスト的な3Dモデル作成が完了です。
3Dモデルにグリースペンシルを描く
5キーで平行投影。
@ → 7キーで正面図で表示。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-09-19.jpg)
Shift+Aキー → グリースペンシル → ストロークを選択。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-10-21.jpg)
ストロークを選択した状態でCtrl+Tab → 8キー。
ドローモードに切り替え。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-11-19.jpg)
この状態でグリースペンシルで描画します。
グリースペンシルの使い方はこちらをご覧ください。
すると、球を貫通します。
Ctrl+Zで戻します。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-12-20.jpg)
上の所でストロークの基準をサーフェスに変更。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-13-18.jpg)
この状態でもういちど描画。
すると、球の表面に線が出ます。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-14-18.jpg)
中クリックで視点を動かすと、球の所では面に沿って線が描かれたことが分かります。
![](https://signyamo.blog/wp-content/uploads/2022/08/Animation_2-10.gif)
あとは、好きな描画を加えれば完成。
折角なので顔を描いてみました。
![](https://signyamo.blog/wp-content/uploads/2022/08/Animation_3-7.gif)
以上が3Dモデルにグリースペンシルを描く方法です。
アニメーションをつける
下の所にタイムラインがあります。
表示が無い場合、画面を分割。
UI左上の所でタイムラインを追加。
![](https://signyamo.blog/wp-content/uploads/2022/08/re02.jpg)
ここで任意の再生時間を設定。
アニメーションを入れたいフレームに移動。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-17-13.jpg)
Shift+Iキーで空のキーフレームを作成。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-15-15.jpg)
オプジェクトデータプロパティ → オニオンスキン → 表示を開きます。
「レンダーにも表示」にチェック。
![](https://signyamo.blog/wp-content/uploads/2022/08/re03.jpg)
Z → 8キーでレンダー表示。
すると、1つ前の描画が薄く表示されます。
この状態で描画を加えます。
![](https://signyamo.blog/wp-content/uploads/2022/08/re04.jpg)
このように、3回顔を描画し直しました。
![](https://signyamo.blog/wp-content/uploads/2022/08/image-16-15.jpg)
タイムラインはSキーで拡大縮小できます。
Gキーで移動できます。
![](https://signyamo.blog/wp-content/uploads/2022/08/Animation_5-4.gif)
スペースキーで再生。
![](https://signyamo.blog/wp-content/uploads/2022/08/Animation_4-5.gif)
これで、3DCGとグリースペンシルの描画を合わせた描画が完成です。
まとめ
今回は3DCGとグリースペンシルの描画を合わせる方法を紹介しました。
・3Dモデルはイラスト風のシェーダを組み2Dっぽく見せる
・グリースペンシルはストロークの基準をサーフェスにすると3Dの形状に沿って描ける
・アニメーションなどを入れるとイラストっぽさが上がる
また、他にもBlender関係の記事を投稿してます。
ぜひ、こちらもご覧ください。
コメント