トップ > 知っておきたい機能 > グリースペンシルと2Dアニメーション >
移動・回転・拡大縮小によるアニメーション

制作するアニメーション

グリースペンシルで描いた円が落下し、地面に当たって跳ね返ります。 落下中は縦に伸び、地面付近では縦に潰れ、跳ね上がった後はまた縦に伸びます。 なお、地面は描いていません(地面は見えません)。

作業の概要

まず、グリースペンシルを使って円を描きます。 次に、特定のフレームに円の位置と拡大縮小率のキーフレームを登録します。 『1フレーム目はこの位置と拡大縮小率』、『20フレーム目はこの位置と拡大縮小率』というように、円の位置と拡大縮小率のキーフレームを登録していきます。

なお、位置と拡大縮小率は同時にキーフレームを登録することができます。

グリースペンシルで絵を描ける状態にする

まずは、グリースペンシルが使える状態にします。 Generalの新規ファイルを開いたら、次に、ワークスペース "2D Animation" を追加します。 2Dアニメーションに最適なワークスペースです。

上図のようにワークスペースのタブ群の右の[+]ボタンをマウスの左ボタン()でクリックします。

上図のように"+ Add Workspace"というタイトルのメニューが表示されますので、"2D Animation" -> "2D Animation"を実行します。

上図のようにワークスペース "2D Animation" のタブが追加されます。

では、追加されたワークスペース "2D Animation" のタブを先頭に移動しましょう。 先頭にあった方が使い勝手が良いので。

上図のように"2D Animation"タブをマウスの右ボタン()でクリックします。

上図のようにメニューが表示されますので、"Reorder to Front"を実行します。

上図のように2D Animationのタブが先頭に移動します。

続いて、カラーマネジメント(色管理)の設定を行います。 Generalの新規ファイルのカラーマネジメントは3DCG向けになっており、2Dアニメーションでは色が暗くなってしまいます。

上図のようにPropertiesのRender Propertiesタブをクリックします。

上図のようにレンダリング関連の項目群が表示されますので、Color ManagementパネルのView TransformをStandardに変更します。

  

For photorealistic results and better handling of high dynamic range colors. The contrast can be adjusted by changing the Look option for the Filmic view transform.

 

- 引用元 -

https://docs.blender.org/manual/en/3.1/render/color_management.html

次に、仮想世界の環境光の色と3D Viewportの背景の色を変更します。 2Dアニメーションを制作するには、作業時もレンダリング結果も背景は白色が望ましいので、そのための設定です。

上図のようにPropertiesのWorld Propertiesタブをクリックします。

上図のようにWorld Propertiesタブに切り替わりますので、SurfaceパネルのColorとViewport DisplayパネルのColorをどちらとも白色に変更します。

では、視点を正面図の位置へ移動しましょう。 キーボードのテンキーの1を押します。

上図のように正面図の位置へ視点を移動します。 ただし、表示倍率が高すぎて立方体のメッシュ以外が見えません。 ズームアウトして表示倍率を下げましょう。

キーボードのテンキーの-(マイナス)を押すか、マウスのホイール()の下回転でズームアウトしましょう。

上図のようにライトとカメラが見えるようになりました。 Generalの新規ファイルを開きましたから、当然、ライトとカメラがあります。

カメラは必要ですが、立方体のメッシュとライトは不要ですので削除しましょう。

上図のように立方体のメッシュとライトを選択します。 では、まとめて削除しましょう、キーボードのXを押します。

上図のように"OK?"というタイトルのメニューが表示されますので、"Delete"を実行します(またはキーボードのEnterキーを押します)。

上図のように立方体のメッシュとライトが削除されます。 オブジェクトはカメラのみになりました。

ではここで、3D Viewportのヘッダのモード選択リストを見てみましょう。

上図のようにモード選択リストには "Object Mode" しかありません。 立方体のメッシュを削除したためです。

続いて、グリースペンシルで絵を描けるようにします。 そのためには、前の記事で説明したようにグリースペンシルオブジェクトが必要です。

では、グリースペンシルオブジェクトを追加す。 キーボードのSHIFT+Aを押します。

上図のように"Add"というタイトルのメニューが表示されますので、"Grease Pencil" -> "Blank"を実行します。

上図のように空のグリースペンシルオブジェクトが追加され、かつ、選択された状態になります。 ただし、内部にストロークを持っていないためオブジェクト中心()しか見えていません。

ではここで、画面右上のOutlinerを見てみましょう。

上図のようにグリースペンシルオブジェクトが追加され、かつ、選択されています。

『グリースペンシルオブジェクトが選択されている』ということは、ドローモードが使えるようになったということです。 さっそく、ドローモードに切り替えましょう。

上図のようにモード選択リストをドローモードに切り替えます。 これで、いつでもグリースペンシルで線を引ける状態になりました。

2D Animationの新規ファイル(トップバーのプルダウンメニューの"File" -> "New" -> "2D Animation")であれば、すぐにグリースペンシルで線が引けますが、Generalの新規ファイルから始めると、このように手間がかかります。

キャラクタを描く

続いて、アニメーションさせるキャラクタを描きます。 "キャラクタ" と言うと大げさですが、単なる円です。 境界線が黒色で内部の塗りが赤色の円を描きます。

まずは、ブラシ(ペン先)を変更します。 初期のブラシの "Pencil" は線が細いため "Ink Pen" に変えましょう。

上図のように3D Viewportのヘッダからブラシ選択リストを(1)のようにクリックし、表示される一覧から(2)の "Ink Pen" を選択します。

次に、ツールを変更します。 ドラッグで円を描くことができる円ツールに切り替えます。

上図のように3D Viewportの左端にあるツールバーから円ツールを選択します(またはキーボードのSHIFT+スペースキー -> SHIFT+2を押します)。

では、円を描きましょう。 描きたい円を囲む矩形の対角線をマウスの左ボタン()でドラッグします。

上図のように描きたい円を囲む矩形の対角線をドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のように円が描かれます。 ただし、まだ確定はされていません。 現状、位置や大きさの調整が行える状態です。

調整は左上と右下に描かれている黄ハンドルで行います。 この黄ハンドルをマウスの左ボタン()でドラッグすることで、位置や大きさを調整することができます。 なお、赤色の点は中心位置を表しています。

では、黄ハンドルで大きさを調整してみてください。

上図のように黄ハンドルで大きさを調整します。 今回の例では小さくしてみました。

調整を終えたら、キーボードのEnterキー(またはマウスの中ボタン()のクリック)で確定します。

上図のように確定され、黄ハンドルが消えます。 境界線が黒色で内部が塗られていない円が描かれました。

次に、内部を赤色で塗ります。 マテリアルの設定を変更することで内部を塗ることができます。

上図のようにPropertiesのMaterial Propertiesタブをクリックします。

上図のようにMaterial Propertiesタブに切り替わります。 マテリアルスロットの一覧で (1)の "Black" が選択されていることを確認し、Surfaceパネルの(2)のFillをオンにし、(3)のBase Colorに完全不透明の赤色を設定します。

では、3D Viewportを見てみましょう。 どう変化したでしょうか。

上図のように内部が赤色で塗られています。 希望通りの絵を用意することができました。

次の記事へ

では、長くなりましたので、ここで一区切りします。 続きは次の記事を参照ください。