アニメーション?Exなら簡単

219

MagicRobotsoup

MagicRobotsoup

このチュートリアルでは、キャンバスとワークスペースをアニメーション用に準備する方法と、簡単にアニメーション化する方法についてのヒントを紹介します。

 

01-02 では、キャンバスとワークスペースの準備について説明します。

 

03 からは、実際にキャラクターを簡単にアニメーション化する方法に関するヒントを紹介します。

 

このチュートリアルでは、ユーザー @Bungo のアセットが必要です。

 

楽しんでください。

アニメーション?簡単! | With Ex


01. アニメーションキャンバスを準備する

  • テンプレートのタイトル保護領域、オーバーフロー フレーム、空きスペースから数字をコピーします

  • アニメーション プロジェクトにクールなストーリー名を付けます

  • クールな解像度のためにフレームを 12 または 24 に設定します

  • 再生時間はフレーム数、つまり時間の長さを示します:

24 fps で 300 フレームは約 12 秒です

12 fps で 300 フレームは約 25 秒です

  • 次に、ダウンロードしたアセットを適切な場所に追加します:

カッティング テンプレートをカッティング テンプレートに追加

セル テンプレートをセル テンプレートに追加

これで、ワークスペースは、独自のワークフロー設定に応じて、次のようになるか、似たようなものになるはずです。


02. ワークスペースを準備する

02. A - レイヤーの準備

@Bungo のアセットのおかげで、プリセットのレイヤーがすでに用意されており、アニメーションの整理がはるかに簡単になりました。

次に、キャンバス カラーの上のレイヤーをクリックします。そのレイヤーにはフレームのテンプレートがありますが、エクスポート時に問題にならないように調整する必要があります。

レイヤー アセットのロック シンボルをクリックします。次に、左側のロックの横にあるペン シンボルをクリックし、そのレイヤーの不透明度を 30% ~ 40% 程度に設定します。次に、ロックを再度アクティブにします。

02. B - タイムラインを準備する

セルレイヤー「A:0:Cel」を選択し、タイムラインに新しいセルを追加します。

シンボルの説明:

左端: 新しいアニメーションフォルダ

中央左: 新しいセル

中央右: セルの指定

右端: セルの指定の削除

右端: オニオン レイヤー

 

今私たちにとって重要なのは、左側のものとオニオン レイヤーだけです。

新しいセルでは、ダウンロードしたアセットのおかげで、選択したアニメーション レイヤーのアニメーション フォルダーに新しいフォルダーが作成されます。

そのフォルダーには、アニメーションの描画を整理するために使用できるさまざまなレイヤーがあります。


03. キーフレーム

おそらく、すでにキャラクター デザインやアニメーション化したいキャラクターがおありでしょう。すばらしい!

そして、アニメーションでキャラクターが何をすべきかというアイデアはありますか? さらにすばらしい!

今、私がキャラクター アニメーションを作成する手順をいくつか紹介します。

 

アニメーションでキャラクターが何をするかがわかったら、そのアイデアのキーポーズをイラスト キャンバスに落書きします。

キーポーズが完成したら、アニメーション キャンバスに戻り、選択したアニメーション フォルダーのあるタイムラインに入り、キーポーズごとに新しいセルを作成します。

セル間の間隔は、約 1 秒 (24 フレーム) 程度にしてください。

次に、キーポーズのスケッチを関連するフォルダーにコピーします。

追加のヒント: コピーすると、最初は収まりません。最初のセルのすべての文字をコピーし、すべて選択して、収まるまでサイズを変更します。

キャンバス上で適切なサイズと位置になったら、所属するフォルダーに整理できます。そして、オニオン レイヤーを有効にします。

これで、再生ボタンを押してキーポーズをプレビューし、自分の感覚に合わせて並べ替えることができます。


04. 中間

次に、キーフレーム間の中央に新しいセルを作成します。

キーフレーム間のポーズを見つけてみましょう!

プロのヒント: 前のフレームと次のフレームの表示されているセルの線の間に描画するようにしてください。セルの間に留まりながら、できるだけ前後のセルと同じ線に描画しないようにしてください。

次に、現在の中間セルの周囲に中間セルを追加し、新しいセルでポーズをさらに描きます。

中間アニメーションセルが十分にあると思われる場合は、適切なタイミングに合わせて中間アニメーションセルを再配置できます。

ホールドなし

ホールドと固定脚付き!

これで、アニメーションの落書きを修正して、次のステップに進むことができます。


05. キャラクターにディテールを加える

アニメーションの動きが終わったら、キャラクターの詳細を追加し始めることができます。そのためには、スケッチが入った Animations フォルダーを閉じ、フォルダーの不透明度を 40% に設定します。

 

次に、タイムラインに新しい Animation フォルダーを作成し、ステップ 04 のように繰り返しながら、落書きの上にスケッチします。

最初にキーフレームのスケッチを追加し、その後に中間部分を追加します。

線画の準備ができるまでこのプロセスを繰り返します。


06. 線画と特定のボディパーツに異なるレイヤーを使用する

追加のアニメーション フォルダー レイヤーにどのボディ パーツを配置する必要がありますか?

 

  • 基本ボディと頭 - 頭に、鼻は顔に残します

  • 顔 - 目、眉毛、口は別のレイヤーに配置

  • 衣服は空中を移動する場合にのみ配置

  • 髪は空中を移動する場合にのみ配置

注: パーツの動きに遅延がある場合など、パーツを別のレイヤーに配置する必要があります。

線画を描く際には、比率や物理/動きの感覚を修正するようにしてください。

ヒント: 線画に隙間ができないようにしてください。

06. 色を加える

線画に満足したら、色を追加し続けることができます。

 

私のやり方は、次の設定で投げ縄バケツを使用することです。

次に、線画の下にレイヤーを作成し、なげなわバケツで線画の周りに形を作り、空きスペースを埋めます。

 

「基本色」と名付けた塗りつぶし領域の上に、マスクを選択した状態で新しいレイヤーを作成します。

ヒント: 各色に独自のレイヤーが必要です。

今度は、体のすべての細胞でこれを繰り返します。

その後、口と目に色を付けます。

必要に応じて、シェーディングやハイライトを追加することもできます。


07. エクスポート

アニメーションをエクスポートするには、次の 3 つのオプションをお勧めします:

GIF、フィルム、セル

私が推奨する各エクスポートの設定は次のとおりです。

ギフ:

映画:

セル:

注: セル エクスポートを使用すると、別のプログラムで各アニメーション フォルダーを好みに合わせて編集したり、別のプログラムで背景を追加したりすることができます。


以上です!私のアニメーションの方法がさらにお役に立てば幸いです!良い一日を!

コメント

新着

公式 新着