前書き

やあみんな、あなたの好きな真夜中の住人教授クリムジーからの別の不気味なチュートリアルへようこそ！

 

今日のチュートリアルでは、キーフレームアニメーションとClip Studio Paintの2Dカメラを使用して、Twitch用の不気味な白黒アニメーション画面を作成します。それでは、これ以上面倒なことはせずに、儀式を始めましょう。

キャンバスを作成する

最初に行う必要があるのは、プロジェクトのキャンバスを作成することです。

 

したがって、[ファイル]-> [新規...]に移動します。プロジェクトウィンドウが開いたら、キャンバスのサイズがストリーミングで使用する画像の比率と同じであることを確認してください。ほとんどの人は1080pでストリーミングしますが、3840 x 2160pのより良い画質を得るために、4Kキャンバスを使用します。

 

また、DPIも300であることを確認してから、[OK]を押すことを忘れないでください。

シーンの計画と描画！

空白のキャンバスが作成されたら、今度は不気味なアートで埋めます。

 

まず、このチュートリアルでは、フレームごとのアニメーションではなく、キーフレームアニメーションのみを使用してこのシーンをアニメーション化するため、アートに必要なだけ詳細を含めることができます。

 

キーフレームアニメーションは、トゥイーンアニメーションとも呼ばれ、タイムライン上のキーフレーム間の補間を使用して静止画像からモーションを作成する場合です。キーフレームアニメーションはストリングパペットの移動に似ていると言えるでしょう。パペットのさまざまな部分はすべて、互いに独立して移動し、視覚的に同じままである静的オブジェクトです。

 

 

したがって、アイデアを探すときは、平行移動、回転、スケーリングなどの単純なモーションを使用して、何が見栄えがよいかを考えてみてください。シーン内で十分な数のオブジェクトを動かしてダイナミックに見えるようにしますが、それを使いすぎないようにしてください。そうしないと、キャンバスが混乱したようになってしまう可能性があります。

 

おそらくおわかりのように、このプロジェクトでは、不気味な装飾が施された不機嫌そうな照明と、ペルソナの幽霊のような頭が真ん中に浮かんでいて、巨大な黒い髪の毛が上下に浮かんでいる、暗い白黒のシーンを作成したいと思いました。

 

 

ヒント01：疑わしい場合は、動きがきれいに見えることを確認してください。これは、Ctrl + Tを使用して、ピースのピボットポイント（+）を原点に移動し、回転させてどのように見えるかを確認することでシミュレートできます。 。

 

ヒント02：移動するピースをできる限り完全に埋めてください。移動するピースはアートの穴を確実に発見できるため、このようなスタンドアロンのアセットとして描くと簡単に回避できます。基本的には、一部が他の何かの後ろに隠れている場合でも、必ず全体をレンダリングしてください。

 

ヒント03：少し目立たせたいオブジェクトの周囲に境界線を追加します。個々のレイヤーに境界線を追加できますが、必要に応じてフォルダー全体に境界線を追加することもできます。このシナリオでは、フローティングヘッドフォルダーに白い境界線を追加してポップにし、テーブルとバラの周りに黒い境界線を追加して少し太くしました。

ああ、アイデアを検索するときに考慮しなければならない最後のことは、タイムラインが24フレームに制限されていることです。つまり、Clip Studio PaintProユーザーの場合です。 EXバージョンを購入した場合、フレーム制限はありません。

レイヤーをファイルオブジェクトに変換する

したがって、すべてのレイヤーをレンダリングし、シーンがかなりクールに見え始めたら、プロジェクトを保存し、[ファイル]-> [名前を付けて保存...]を使用して別の名前を付けて、バックアップコピーを作成してください。この手順はオプションですが、プロジェクトの変更されていないバージョンを一般的に保持するのが好きなので、自由に実行するか、スキップしてください。

 

これが完了したら、あとは、さまざまなパーツのすべてのレイヤーとフォルダーをファイルオブジェクトに変換して、シーンのアニメーション化を開始できるようにします。

これを行うには、フォルダまたはレイヤーを右クリックし、[ファイルオブジェクト]に移動して、[レイヤーをファイルオブジェクトに変換]をクリックします。

レイヤーとフォルダーをファイルオブジェクトに変換することには多くの利点があります

 

1.プロジェクトから雑然としたものを取り除き、単一のピボットポイントを使用して単一のオブジェクトをアニメーション化できるようにします。

 

2.ファイルオブジェクトは、元のファイルを好きなだけ変更できるようにしながら、以前のすべてのレイヤーコンテンツを保持しますが、これを行うことで、既存のアニメーションキーフレームが変更されないため、アニメーションを開始した後でも引き続き使用できます。アートに変更を加えます。

3.最も重要なことは、通常のレイヤーでキーフレームを有効にすると、そのレイヤーがロックされ、回転やスケーリングなどの一般的な変換アクションを実行できなくなることに気付くでしょうが、最初にファイルオブジェクトに変換すると、次に、オブジェクトメニューに移動して、使用可能なすべての変換機能を使用できます。

またはもちろん、アニメーション化するすべての部分を個別のファイルオブジェクトとして保持するようにしてください。たとえば、髪の毛ごとにファイルオブジェクトを作成しました。そうしないと、すべてを個別にアニメーション化できませんでした。

シーンのアニメーションを開始します！

今、あなたのシーンに命を吹き込む、本当に楽しい部分が始まります！

 

まず最初に、アニメーションメニュー->タイムライン->新しいタイムラインに移動して、アニメーションの新しいタイムラインを作成する必要があります。

タイムラインウィンドウが開いたら、再生が24フレームに設定されていることを確認してください。ただし、EXバージョンのClip Studio Paintを使用している場合は、アニメーションを長持ちさせてください。

次に、フレームレートを8に変更します。これにより、3秒間のアニメーションを再生できます。

次に、トップメニュー->ウィンドウ->に戻り、タイムラインをクリックします。

ご覧のとおり、ここに完全なタイムラインがあります。これらの拡大鏡のガラスアイコンを使用して、自由にズームインまたはズームアウトできます。また、ループアイコンをアクティブにして、アニメーションが最後に到達したらそれを繰り返すようにしてください。タイムライン。

それでは、アニメーションを始めましょう。

 

キーフレームを作成するときに最初に考慮すべきことは、それらのフレーム間で有効にした補間のタイプです。補間には、ホールド、リニア、スムースの3種類があります。フレームを右クリックして目的の方法に切り替えることで、キーフレームの補間方法をすばやく変更できます。

 

ヒント：ここでは、必要に応じてフレームをコピー、切り取り、削除することもできます。

 

これは、各タイプの補間がどのように動作するかを説明する簡単な図ですが、このオプションは最も有機的な動きを作成するため、一般的にはスムーズ補間を使用することをお勧めします。

そこでまず、頭を上下に動かすことにしたので、キャラクターフォルダからすべてのレイヤーを選択し、「このレイヤーのキーフレームを有効にする」をクリックしました。

次に、最初のフレームに移動し、頭を動かしてキーボードのショートキーKを押してレイヤーをグループとして移動し、[キーフレームを追加]をクリックします。

 

次に、アニメーションループを完全に作成するには、キーボードのAltキーを押し、フレームを最後のキーフレームにドラッグして複製するか、タイムラインの最後に移動してキーフレームを追加します。

その後、アニメーションに中間フレームを追加し、回転が正しい位置から開始されるようにピボットポイントを移動するだけでした。

ヒント：コピー/貼り付けされたフレームは同じピボットポイントを維持しますが、新しく作成されたフレームはオブジェクトの中心にピボットがあることに注意してください。

 

これで、あとはすべての髪の毛に対してこのプロセスを何度も繰り返し、次のアセットに進むだけです。

 

ヒント01：オブジェクト変換ツールを使用して各ファイルオブジェクトを個別に移動できることに注意してください。ただし、このツールを使用して複数のオブジェクトを一度に移動することはできません。ただし、それ自体がアニメーション化され、1つのエンティティとしてそれら全体を移動、回転、または拡大縮小する複数のファイルオブジェクトを含むフォルダでキーフレームを有効にすることができます。この方法を使用して、パペットアニメーション用の複雑なフォルダー階層を作成することもできますが、私は逸脱します。

 

ヒント02：このプロセス中は、アニメーションをできるだけ頻繁に確認し、アニメーションのプレビューが少し遅れる場合は、いくつかのフォルダーを非表示にしてください。

 

不透明度とグローのアニメーション

シーン全体でほぼ同じ手順を実行しましたが、特定のレイヤーの不透明度をアニメーション化して、書き込みとキャンドルにグロー効果を作成し、上部から煙が出るように指定する価値があります。キャンドル。

 

不透明度をアニメーション化するには、ファイルオブジェクトの小さなプラスアイコンを押し、キーフレームを有効にして、アニメーションを作成するだけです。

シーンに2Dカメラを追加する

すべてがきれいに完成しているように見えますが、動きにさらに深みを与えるためにシーンに追加する必要がある最後の1つがあります。それは、微妙なカメラの動きのズームインとズームアウトです。

 

シーンにカメラの動きを作成するには、トップメニュー->アニメーション->新しいアニメーションレイヤー-> 2Dカメラフォルダーに移動するだけです。

次に、シーン内のすべてのフォルダーとレイヤーを選択し、カメラフォルダーにドラッグアンドドロップします。

カメラのアニメーションも非常に簡単です。フレーム12にキーフレームを作成してから、フレーム01に戻り、カメラを少し縮小しました。あまり多くはありませんが、動きが不快にならないようにするためですが、環境全体が少し動いているように見えるのに十分です。次に、最初のフレームをコピーして最後のフレームに貼り付けると、準備が整います。

 

最後に、カメラの視点をキャンバスに表示するには、カメラフォルダを選択し、ツールのプロパティで、アイコン「カメラの視野を表示」を選択します。

最終的なアニメーションをレンダリングします！

最後に、今こそアニメーションをレンダリングして、目の前ですべてのハードワークの成果を確認するときです。

アニメーションをレンダリングするには、[ファイル]-> [アニメーションのエクスポート]->目的の出力形式を選択します。

私は個人的にムービーオプションを選択し、ファイル拡張子としてMP4を選択し、名前を付けて[保存]を押しました。これを行うと、最後の1つのウィンドウが表示され、希望のサイズとフレームレートを選択できます。最終レンダリングでカメラを動かしたい場合は、[2Dカメラエフェクトを適用する]チェックボックスをオンにして、[OK]を押すことを忘れないでください。

そして今、私たちはただ待っています、それだけです、それで最後に私たちの最終的なレンダリングを見てみましょう！

最終的な考え

かなりかっこいいですよね？ > :)

 

今日のチュートリアルで必要なすべてをカバーしたことを心から願っています。他に知りたいことがあれば、この動画が気に入って感謝している場合は、コメントしてください。動画を高く評価してチャンネルに愛を示してください。 、このようなチュートリアルをもっと見たい場合はサブスクライブし、気になる場合はこれらの他の推奨ビデオに向かって精神を漂わせてください。しかし、それは私にとってはそれであり、次回までみんなが私の陰謀でくつろぐ時間です。 ！！

 

Aurevoir〜