こんにちは！この記事では、CLIP STUDIO PAINTでキーフレームアニメーションを作成する方法を解説します。そのため、別のプロジェクトで作成した蝶のサイクルアニメーションを使用します。それがこちらです。

それでは、CLIP STUDIO PAINTでキーフレームアニメーションを作成する手順を段階的に紹介する素晴らしいチュートリアルを始めましょう。

(1) チュートリアル: CLIP STUDIO PAINTでキーフレームアニメーションを作成する方法

🛎 字幕をオンにするには:設定 - 字幕 - 自動翻訳 - 言語を選択してください 😉動画はいかがでしたか？きっと私たちのアニメーションプロジェクトを強化する、本当に便利なツールです。それでは、チュートリアルのまとめとステップバイステップをご案内します。

(2) キーフレームアニメーションのステップバイステップ

チュートリアルのまとめを見ていきましょう。

(3) プロジェクトの作成:

これは、CLIP STUDIO PAINTで2Dアニメーションを作成する際に私がお勧めする設定です。幅8,000 x 高さ4,500。解像度600。そして、24FPSで72フレームの期間。

プロジェクトが作成されました。

デフォルトのアニメーションフォルダは削除することをお勧めします。別のフォルダを使用するためです。

(4) 軌跡ライン:

新しいレイヤーに、キーフレームアニメーションのガイドとなる線を描画します。

(5) 蝶のアニメーションサイクル:

別のプロジェクトで作成した蝶の飛行サイクルアニメーション（8fps）をコピーします。

アニメーションを貼り付けると、8fpsのアニメーションが24fpsに変換されていることに気づくでしょう。これは、チュートリアルの最初に作成したプロジェクトの設定が適用されるためです。これは素晴らしいです :)

(6) CLIP STUDIO PAINTでキーフレームを有効にする

それでは、キーフレームアニメーションを開始する時です。まず、タイムラインで「このレイヤーのキーフレームを有効にする」オプションをオンにします。

すぐにオブジェクトツールがアクティブになり、アニメーションレイヤーを拡大縮小したり移動したりするための青い長方形が表示されます。

(7) キーフレームを挿入する

フレーム1に移動し、「キーフレームを挿入」オプションをクリックします。

「キーフレームを削除」オプションもあります。必要に応じて削除できます。

(8) キーフレームでアニメートする

次に、タイムライン上で移動し、キーフレームを使用して蝶の飛行アニメーションを作成するために、軌跡ラインをガイドとして使用します。

(9) タイムラインでアニメーションを複製する

アニメーションを続けるために、タイムラインを完成させるために蝶の飛行サイクルを複製します。そのためには、アニメーションの上部をクリックし、右クリックで「コピー」します。次に、空白のフレームに進み、右クリックで「貼り付け」て、複製したアニメーションを貼り付けます。

(10) 2番目のサイクルのキーフレームをアニメートする

アニメーションサイクルを貼り付けた後、キーフレームを削除し、蝶の動きを飛行軌跡ラインに合わせて新しいものを作成します。まだスペースがあれば、アニメーションをもう一度複製します ;)

(11) 飛行軌跡のプレビュー

(12) 背景を追加する

さて、複雑にしないために、CLIP STUDIO PAINTのリソースを使って背景を追加しましょう。

(13) 2Dカメラ

2Dカメラを作成するには、アニメーション - 新規アニメーションレイヤー - 2Dカメラフォルダーに進みます。

次に、2Dカメラフォルダーの最初と最後のフレームにキーフレームを挿入し、蝶の飛行軌跡を追うように右から左への動きをアニメートします。

(14) 2Dカメラのプレビュー

2Dカメラのアニメーション軌跡を見ることができます。

アニメーション - 再生設定 - 2Dカメラレンダリングでプレビューを有効にすることを忘れないでください。これにより、アニメーションの最終的なフレーミングを見ることができます。

(15) 2Dカメラ内の要素

2Dカメラの動きに合わせて要素が正しく表示されるようにするには、すべてのレイヤーをカメラフォルダー内に挿入する必要があります。

(16) 2Dカメラでのアニメーションプレビュー

(17) アニメーションをエクスポートする

そのためには、ファイル - アニメーションをエクスポート - ムービーに進みます。そして、アニメーションをビデオとして作成します。アニメーションをエクスポートしたいフォルダを選択し、1920x1080のFull HDでエクスポートすることを忘れないでください。

(18) キーフレームと2Dカメラによる最終アニメーション

この素晴らしい記事が、あなたの将来のアニメーションに非常に役立つことを願っています。それでは、元気でまた次回！