アニメーションチュートリアル:ループするダンシングガール

35,940

Tielmanc

Tielmanc

人物のスケッチ

始めるには、おおまかなスケッチのシーケンスから始めるのが一番です。キャラクターが最も伸びている、または最も縮んでいる極端な状態を描きます。キャラクターが動きや方向を大きく変える瞬間も含めます。

 

ヒント:オニオンスキンが有効になっていることを確認してください。そうすれば、常に前の描画を見ることができます。

 

ヒント:シーケンスを作成するためにレイヤーパレットの「新規レイヤー」を使用しないでください。これではレイヤーは作成されますが、新しいレイヤーはタイムラインに追加されません。タイムラインに追加するまで編集できません。代わりに、タイムラインの「新規アニメーションセル」をクリックしてください。

 

ヒント:素早く、頻繁に描き直してください。スケッチからスケッチへと比率を同じに保つようにしてください。このシンプルなシーケンスが、次の数時間で最高のガイドとなるでしょう。

 

フレームをタイムライン上で前後にドラッグしてタイミングを調整します。必要に応じて描き直します。必要に応じてスケッチを追加または削除します。

 

私のダンシングガールの場合、シンプルなリズムを使ったので、6フレームごとに1つの参照スケッチを配置できました。各ジャンプの頂点と、各リバウンドの最低点のみを描きました。

動きを正しく捉える

タイムラインで、新しいアニメーションフォルダーを作成します。「右手」などの名前を付けます。

 

そのフォルダー内に、新しいアニメーションセルを作成します。色を選択し、キャラクターの右手の上に円を描きます。

 

タイムラインで「キーフレームを有効にする」をクリックし、次に「キーフレームを追加」をクリックします。

 

オブジェクトツールが選択されていることを確認し、回転の中心(キャンバス中央にある小さな「+」アイコン)を新しい円の中心にドラッグします。

 

次の参照スケッチに進みます。円を新しい手の位置にドラッグします。新しいキーフレームが自動的に作成されます。すべてのラフスケッチを続けてください。

 

再生ボタンを押すと、おそらくこのようなものが見えるでしょう:

タイムラインを操作し、オブジェクトツールで円を動かし、キーフレームを追加または削除して、滑らかで自然な動きになるまで調整します。例えばこのような感じです:

次に、表現力豊かな体の各部位ごとに新しいフォルダーを作成します。このダンシングガールの場合、手と腰が最も動くので、それぞれにフォルダーを作成しました。足と頭は他の部位とはやや独立して動くため、さらに3つ追加しました。腕、脚、胴体は無視しましたが、より多くの参照なしでは動きを適切に視覚化できないと思う場合は、自由に追加してください。

 

これで、かなり動きのあるアニメーションになっているはずです:

すべてを描く

(ヒント:キャラクターをパーツごとに作成していきます。使用する色やスタイルについて明確なアイデアがない場合は、別のキャンバスに通常のスタイルで彼女を描く時間をとってください。)

 

「右手」フォルダーで、円を描いたレイヤーを選択します。円を消去します。

 

レイヤーを右クリックし、「フォルダーを作成し、レイヤーを挿入」を選択します。これで、単一のレイヤーがアニメーションセルとして機能する代わりに、フォルダーがセルになります。レイヤーと同様に「1」と名付けられ、タイムラインに表示されるはずです。そのフォルダー内で、好きなだけレイヤーを作成し、描画できます。

 

(ヒント:ここではレイヤーを最小限に抑えるようにしてください。複数のレイヤーをフォルダーにまとめてコピー、ドラッグ、変形することはできますが、レイヤーが2倍あれば描画作業も2倍になります。このプロジェクトでは、線と色の2つのレイヤーのみを使用しました。)

 

ラフスケッチを参照として使用し、右手を描きます。

タイムラインで、「右手」フォルダーに入ったまま、次の参照描画に進みます。手の動きはほぼ正確になっているはずです...円を使った作業のおかげで、手は新しい位置に移動しているはずです。

 

「新規アニメーションセル」をクリックします。これにより、前のセルのパートナーセルが作成されます。したがって、もしあなたが今完成したセルが「1」という名前のフォルダーで「線」と「色」という2つのレイヤーを含んでいた場合、新しいアニメーションセルは「2」という名前のフォルダーで「線」と「色」という2つのレイヤーを含むことになります。

 

新しい位置に右手を描きます。オニオンスキンが有効になっていることを確認し、前のフレームとの比率を確認できるようにします。

 

すべての参照スケッチを続けてください。これを終えたとき、私は24フレームのシーケンス全体でたった4つのユニークな手の描画を持っていました。再生すると、私には十分滑らかに見えたので、それ以上は描きませんでした。

「右手」の下に新しいアニメーションフォルダーを作成します。「右前腕」と名付けます。手を描いたときと同じレイヤーとフォルダー構造をその中に作成します。

 

右前腕を描きます。

 

私が4つのユニークな手を描いたことを覚えていますか?前腕は1つしか描きませんでした。

前腕は、描き直す価値があるほど形が変わりません。わずかに遠近法がかかりますが、それは手を少し下にスライドさせて端を隠すことでごまかしました。

 

(ヒント:体のパーツを結合するときに柔軟性を持たせるために、端に開いた線(閉じない線)を残すようにしてください。)

 

続けて、必要に応じて体のパーツごとにフォルダーを作成します。移動、回転、変形ツールを使用します。これらのツールは、多くの不要な描画作業を省いてくれます。もし体のパーツを移動、伸縮、回転させても合わない場合は、新しいセルを作成して新しい位置を描きます。

 

完了すると、シンプルに見えるが実際には多くのレイヤーで構築された描画ができているはずです:

これらのパーツをどのように結合するのが最適かを学ぶには、試行錯誤が必要です。分解した彼女がこちらです:

そして、私のレイヤーはこんな感じでした。「body」という名前のフォルダーを作成し、すべてをその中に入れてシンプルに保ちました。

最もシンプルなレイヤーフォルダーを分解したものがこちらです。彼女の右肩と上腕二頭筋は1つの描画で済みましたが、左腕には2つの描画を使用する必要がありました。

頭と髪の毛の処理

髪をシンプルに保つには、完全に体の後ろにある必要があります。しかし、もちろん、一部の髪は頭の前に落ちます。複数の髪のレイヤーを生成するのを避けるために、私がどのようにしたかを紹介します。頭が前の場合:

髪が後ろの場合:

髪は、最適なものを見つけるために何度かやり直しました。この髪は3フレームのアニメーションです:

次のようなフォルダー構造を作成します。

 

1: 「Head」という名前のアニメーションフォルダー。このフォルダーでキーフレームを有効にします。

 

2: 「Face」という名前のサブフォルダー。顔を描きます。

 

3: 「Face」の下にある「Neck」という名前のサブフォルダー。

 

4: 「Neck」の下にある「Hair 1」という名前のサブフォルダー。

 

5: 「Hair 1」の下にある「Hair 2」という名前の別のサブフォルダー。

 

これは、キーフレームを設定して移動するフォルダー/レイヤーがたくさんあります。各フォルダーを個別に移動して互いに合わせようとするのではなく、「Head」フォルダーでキーフレームアニメーションの大部分を行います。このフォルダーは他のすべてを含んでいるため、すべて一緒に動きます。

本稿執筆時点では、CLIP STUDIOでは、参照円を描いたレイヤーから、描画情報を含まないフォルダーにキーフレームをコピー&ペーストすることはできません。それらは再作成する必要があります。

 

「Head」フォルダーをアニメートした後、他のフォルダーにキーフレームを追加して、より面白く有機的な動きを作成してください。

そして、彼女に本当の活気と弾みを与えるために、髪のレイヤーをもう1つ追加しました:

そしてヘッドホン:

最後の仕上げ

ヘッドホンのコードは、キーフレームの仕掛けなしで描かれています。24フレームではなく12フレームを描き、オニオンスキンを使用し、正しく流れない場合は描き直しました。速度を落とすと、隔フレームごとにコードが手や耳と一致していないことがはっきりとわかります:

影については、他のすべてのレイヤーの上に新しいフォルダーを作成します。フォルダーを賢く使えば、「下のレイヤーでクリッピング」機能を使用して背景に描画しないようにすることができます。この場合、私はレイヤーを「通常」ではなく「乗算」に設定しました。このフォルダーでレイヤープロパティを設定することもでき、私はそれを使用してスクリーントーン効果を追加しました。

 

影は、この24フレームアニメーションの中で24回描かなければならなかった唯一の要素でした。動きの量によっては、もっと少なく済ませることもできるでしょう。CLIP STUDIOはこの点で信じられないほど柔軟です...ユニークな描画が必要なフレームがいくつかあっても、それは可能ですし、単一の描画で済むフレームがいくつかあっても、それは可能です!

さらなる楽しみ

キーフレームと変形ツールを使ってアニメーション化することの美しさは、描画を非常に迅速に交換できることです!新しい頭になった彼女が再び登場です!

ほんの少し描き加えるだけで、男性を:

女性に変えることができます:

そして、アニメーションに滑らかなループする背景を簡単に追加できることも忘れないでください:

ダンサーアニメーションの私のオリジナルファイルを見たい場合はこちらです:

これが皆さんの助けになれば幸いです!CLIP STUDIOは毎月強力になり続けており、新しいアーティストがこれを取り入れるのを見るのが楽しみです。

コメント

新着

公式 新着