序章

今日は、CSPでアニメーション化する方法を紹介します。

 

この2秒のアニメーションは、完了するのに約3時間かかりました。

 

参考までに：

ほとんどのハイライト、シャドウ、および編集は、After Effectsなどの編集プログラムですばやく実行して、プロセスを自動化および高速化できます。

 

ただし、私はすべてにClip Studio PaintEXを独占的に使用します。スケッチ、アニメーション、カラーリング、エフェクト、合成。

 

設定

Clip Studioのデフォルトの1920x1080キャンバス、24フレーム/秒を使用するのが好きです。

まず、デフォルトのラスターレイヤーを削除し、ベクターレイヤーに置き換えます。これにより、スケッチがよりクリーンで簡単になり、煩雑さが軽減されます。

これを行うには、ビンアイコンをクリックして、その方法で削除します。

ベクターレイヤーには、立方体の画像が表示されます。

 

ベクトルレイヤーを使用する理由は、消しゴムの設定と、ペンのストロークのサイズと色を変更できるためです。

 

消しゴムには3つの設定があります

1.タッチエリアの消去

2.交差点まで消去します

3.行全体を消去します。

 

3を使用して線全体を消去し、スケッチをよりきれいに見せることが好きです。アニメーションの線を引くのがより簡単だと思います。

 

ラフアニメーション

風が吹く中、女の子が何かに手を伸ばすというシンプルなシーンをアニメートします。

次に、髪の毛をスケッチするための新しいアニメーションフォルダを作成しています。

また、後で簡単にレイヤーを見つけられるように、フォルダーの名前を変更するのも好きです。私はこのレイヤーを「髪」と呼びました。

新しいアニメーションフォルダを作成するには、タイムラインの上に+記号が付いた小さなフォルダになります。

レイヤーをより適切に区別できるように、赤、青、緑などの別の色を使用するのが好きです。

 

また、髪の毛の数も追跡しているので、ここでは8本を描きました。これをできるだけ一貫させて、5つのシーンと10のシーンがあるようにします。

参考までに前のフレームに戻りたいと思います。

 

4秒でアニメートするので、フレーム0、4、8、12……これがメインフレームになります。

 

メインフレームをアニメートするときは、その間に追加します。これはフレーム2、6、10になります…..

 

2秒でのみアニメーション化する理由は、アニメーションのフレームレートが一定に保たれるため、一部のパーツが滑らかに見えず、一部のパーツが途切れ途切れに見えるためです。

 

メインを作成した後、その間にアニメーションが少しずれていることに気付いたので、タイミングを調整するためにフレームを追加しました。

 

アニメートはできるだけ少なくしたいので、フレームを再利用することをお勧めします。私は通常逆の順序で進みます。これにより時間を大幅に節約でき、アニメーションの半分しかアニメーション化できません。

 

アニメーションをループさせたい場合は、2番目のフレームを最後のフレームとして使用します。

これがエクストラフレームのないものです。

これがエクストラフレーム付きのものです。

正直なところ、微妙すぎるので違いはわかりません。

セル3と3aをドラッグアウトしたかった。

 

 

しかし、先に進みます。

満足した後、次のアニメーションを開始します。

ここでも、新しいアニメーションフォルダを作成し、名前を「Eyes」に変更しました。

 

ラスターレイヤーをベクトルに置き換え、目と眉のスケッチを開始します。

 

アニメーションはないので、スケッチは1枚で十分です。

 

それから私は服に移ります。

 

これ以上作成する必要がないため、メインフレームが3つ、中間フレームが2つあります。

 

 

これでスケッチは完了です。

フォルダを作成して「ラフ」と呼び、すべてのスケッチをそのフォルダに配置します。

これは、ファイルの管理を容易にするためです。

 

アニメーションの裏地

次に、アニメーションのライニングについて説明します。この部分がアニメーションの最も長い部分であることがわかりました。

 

ラフレイヤーをすべてトレースしてクリーンアップします。

 

レイヤーでアニメートするので

-髪

-ハイライト

-ヘアシャドウ

 

-顔

 

-服

-服のハイライト

-服の影

 

-ベース

-ベースシャドウ

 

 

 

 

線の太さが同じで、最後に少し先細になっているので、カブペンを使うのが好きです。

これらの設定をアニメーションの裏打ちに使用するのが好きです。

これは、裏地付きのアニメーションを合わせたラフです。

すべてがクリーンアップされたら、カラーリングに移ります。

アニメーションの色付け

新しいアニメーションフォルダを作成し、デフォルトのアニメーションセルレイヤーを使用します。これはラスターレイヤーと呼ばれます。

このフォルダは「XXXCLR」と呼ばれます。

アニメーションをペイントするには、「他のレイヤーを参照」設定で塗りつぶしバケットを使用します

ラインアニメーションに戻ると、まだ赤ですが、ハイライトは白にしています。フォルダプロパティ全体を変更して、色を好きなように隠すことができます。

 

メインの赤い色を白に変換します。線がシャープでサクサクしているので、削除したくない場合は、削除すると見栄えが悪くなります。

 

これは、シャドウフォルダーまたはハイライトフォルダーがあるすべてのレイヤーに対して行います。

 

これでカラーリングが完了しました。

背景とカラーグレーディング

それで、彼女に夕日に立ってもらいたかったので、雲のあるシンプルな背景を作成しました。

ですから、普通の部屋に立っているように見えるので、ちょっと場違いに見えますが、夕日を浴びているようにも見せてほしいです。

カメラアニメーション

 

アニメーションにパンを追加したい。

 

そのため、[アニメーション]をクリックして、[新しいアニメーションレイヤー]に移動し、[2Dカメラフォルダー]をクリックします。

 

 

これにより、アニメーションを移動できる2Dカメラが作成されます。

すべてのファイルを取得して、2Dカメラフォルダーに配置します

ファイナルがどのように見えるかについてのリファレンスとして、「フィールドガイドを表示」で作業するのが好きです。

次に、[カメラの視野を表示]に切り替えて、最終的なビューがどのように見えるかを確認します

ここで、オブジェクトモードでの操作時に、水色の長方形を移動すると、キーフレームが自動的に作成されます。右にパンするように左に置きます。

または、フォルダ全体のレイヤーの色を変更する簡単な方法があります。

エクスポート

それでおしまいです！

エクスポートの時間。

'ファイル'-> 'アニメーションのエクスポート'-> 'ムービー'に移動します

1920x1080、24fpsでエクスポートします。

これで、アニメーションができました。

このチュートリアルがお役に立てば幸いです。

ここで私を見つけることができます！

 

インスタグラム

https://www.instagram.com/kialiaofficial/

 

YouTube

https://www.youtube.com/channel/UC3mIPQDlwL9aEaAhA81dN3Q

 

 

リアルタイムで視聴したい場合は、未編集のバージョンをご覧ください。