こんにちは！この記事では、CLIP STUDIO PAINTで炎を非常に簡単な方法でアニメーション化し、素晴らしい結果を出す方法をお教えします。

 

以前、CLIP STUDIO PAINTで火をアニメーション化する基本的な方法を説明しました。

しかし、今回はこのアニメーションを動きから色まで完全に作成し、非常にシンプルなエフェクトもいくつか追加します。

これからやること:

このシーンから始めます:

そして、このシーンに炎のアニメーションを作成して統合します:

始める前に、炎の動きを理解する必要があります。それを以下に説明します。

炎の動きのサイクル説明

上昇から始まり、次に膨張、そして分裂、最後に縮小で終わります。再び上昇に戻るには、アニメーションサイクルを実行することを忘れないでください。

以下のコンセプトに沿って進めますが、この新しいアニメーションでは炎をもう少しリアルに表現します。

さあ、アニメーションを作成する時が来ました。そのためには、次のチュートリアルを見ることをお勧めします:

CLIP STUDIO PAINTで炎をアニメーション化する方法 (ビデオチュートリアル)

ビデオはスペイン語ですが、あなたの言語の字幕を有効にすることができます。きっと見つかるでしょう。

チュートリアルはいかがでしたか？皆さんもご自身のアニメーションを作成できるよう、できるだけシンプルにしました。

アニメーションプロセスのステップバイステップ:

それでは、このアニメーションのプロセスのステップバイステップをもう一度見てみましょう。

1. アニメーション化するシーン

このアニメーションはキャラクターの目だけがアニメーション化されているため、焚き火のアニメーションを作成する必要があります。そこで私たちが炎のアニメーションを作成します。

2. アニメーションセルをレイヤーフォルダーに

まず、タイムラインに移動して、新しいアニメーションフォルダーを作成します。

名前は「炎」または好きなように。

通常、アニメーションを開始するために新しいアニメーションセルを作成しますが、今回は何か違うことをします。

 

アニメーションフォルダーを作成したら、レイヤーパネルに移動して新しいレイヤーフォルダーを作成します。

自動的に名前が「1」になります。

次に、このレイヤーフォルダー内に以下の異なるレイヤーを作成します。

• LINE (炎の縁の線)

• CENTER (炎の内部で最も熱い中心)

• BASE (炎の全体の色)

• GLOW (炎の輝き)

完了したら、タイムラインに移動し、「セル指定」オプションを使用して、タイムラインのフレーム1で描画1を選択し、表示されるようにします。

ご覧のように、レイヤーフォルダーをアニメーションセルに変換しました。このフォルダーを使うと、好きなだけレイヤーを作成でき、これは素晴らしいCLIP STUDIO PAINT独自の機能だと思います。

3. ペンツール

これでアニメーションを開始する準備ができました。ペンツールを使い、サブツールは「テクスチャ」を選択して描画します。

4. キーポーズ1

LINEレイヤーを選択し、アニメーションの最初の描画を作成します。以前説明したように、炎の上昇から始めます。それが次です:

5. 炎のアニメーションフォルダーの編集

続ける前に、炎のアニメーションの継続時間を12フレームに設定します。右端からドラッグしてフレーム13まで移動させます。

 

なぜですか？フレーム13で「セル指定」を使用して描画1を選択すると、炎のアニメーションサイクルを正しく作成するためのガイドとなるからです。

そして最後に、青いブラケットをフレーム12に配置します。これが炎の継続時間になります。

6. 炎のアニメーションのキーポーズ

次にタイムラインのフレーム3に移動し、新しいアニメーションセルを作成します。

この新しいアニメーションセルを作成したら、レイヤーパネルで名前を「3」に変更して、整理して作業を続けます。

ご覧のように、この新しいアニメーションセルをレイヤーパネルで作成すると、以前作成したすべてのレイヤー（同じ名前のまま）を持つ新しいレイヤーフォルダーが作成されます。

これは、このアニメーションフォルダーで作成する新しいアニメーションセルごとに発生します。

これは素晴らしいことであり、使う価値があります！多くの時間を節約できます。

この新しい描画を行うために、オニオンスキンを有効にします。これにより、前後の描画を見ることができます:

そしてこれがフレーム3のキー描画になります。

キーポーズ3 (フレーム5)

すでに2つの描画があるので、次は3つ目です。これはフレーム5に配置されます。新しいアニメーションセルを作成し、レイヤーパネルで名前を「5」に変更します。Lineレイヤーを選択し、オニオンスキンを有効にして、この描画を実行します。これは「膨張」の概念を表します。

キーポーズ4 (フレーム7)

フレーム7に移動して新しいアニメーションセルを作成し、レイヤーパネルで名前を「7」に変更します。

Lineレイヤーを選択し、タイムラインでオニオンスキンを有効にして、この新しい描画を続けます。この描画は「分裂」の概念を表します。

キーポーズ5 (フレーム9)

次に作成する描画はフレーム9にあります。新しいアニメーションセルを作成し、レイヤーパネルで名前を「9」に変更します。

Lineレイヤーを選択し、オニオンスキンを有効にして、この新しい描画を作成します。これは「縮小」の概念を表します。

キーポーズ6 (フレーム11)

最後に、フレーム11の描画を作成します。新しいアニメーションセルを作成し、レイヤーパネルで名前を変更します。

Lineレイヤーを選択し、オニオンスキンを有効にして、この新しい描画を作成します。これがアニメーションの最後のキー描画になります。

炎のアニメーションのキー描画

これがこれまでに作成したキー描画によるアニメーションです:

7. 中割り (インビトウィーン)

次に、炎の動きを滑らかにする時です。そのためには、フレーム2-4-6-8-10-12に新しいアニメーションセルを作成します。描画するときは常にオニオンスキンを有効にして、前後の描画を見られるようにします。

中割り フレーム2

中割り フレーム4

中割り フレーム6

中割り フレーム8

中割り フレーム10

中割り フレーム12

中割りを含む炎のアニメーション

8. アニメーションのベースカラー

まず、アニメーションシーンのすべてのレイヤーを非表示にし、私たちが作業していたアニメーションがある「FUEGO」というアニメーションフォルダーのみを表示させます。

次に、それぞれの描画に入り、色を塗るBASEレイヤーを選択します。

そして、色を塗るために、塗りつぶしツールを選択し、サブツール「他レイヤーを参照」を使用します。

そして、クリックして炎の領域を塗ります。

そのためには、炎の線を描いたのと同じ色を使い続けます。

そして、アニメーションの各描画でも同じことを行い、次の結果を得ます:

ベースカラーを含む炎のアニメーション

9. 炎のアニメーションの核

次に、CENTERというレイヤーで、ペンツールを使って炎の中心を描画します。

そのためには、炎の形を少し変更しながら参考にし、オレンジ色を選択します。

アニメーションの各描画で同じことを行うことで、次の結果を得ることができます:

核を含む炎のアニメーション

10. 炎の輝き

次に、アニメーションプロジェクトのすべてのレイヤーを再び表示させます。

続いて、アニメーションフォルダー「FUEGO」に入り、描画1でGLOWレイヤーを選択します。

次に、エアブラシツールを選択し、サブツールは「ソフト」を選択します。

以前使用したのと同じオレンジ色で炎の縁を塗ります。

そして、すべての描画で同じことを行うことで、次の結果を得ることができます:

輝きのある炎のアニメーション

11. ポストプロダクション

次に、アニメーションをさらに改善するための調整を行います。

まず、青いブラケットをフレーム24まで延長します。これがアニメーションの最終的な継続時間になります。

次に、炎のアニメーションの上部をカーソルで選択します。

右クリック、コピー。

次に、フレーム13に進み、それを選択します。

右クリック、貼り付け。

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

次に、私が作成した非常にシンプルな光のアニメーションを表示します。

これにより、このように見えます:

環境光を含む炎のアニメーション

全体的な雰囲気

そして、炎のアニメーションをシーンにさらに統合するために、次のようにします: 背景にあるすべての要素の上に新しいラスターレイヤーを作成します。

名前は「Ambient」とします。

そして、上部にある塗りつぶしツールを使って、炎の中心と同じオレンジ色で塗ります。

次に、合成モードを「通常」から「乗算」に変更します。

そして、これでシーンがはるかに良くなり、すべての要素がより統合されました。

12. アニメーションのエクスポート

最後に、アニメーションをエクスポートします。これは誰もが知っている簡単なことですが、もう一度行う価値はあります。

ファイル – アニメーションをエクスポート – ムービー (必要であれば.gif形式でエクスポートすることもできます) に進みます。

次のウィンドウで、アニメーションに名前を付け、フォーマットを選択できます。私は.mp4を選択します。

その後、エクスポートされるビデオのサイズと1秒あたりのフレーム数を示すこのウィンドウが表示されます。「OK」をクリックすると、アニメーションのエクスポートが開始されます。

完了です！アニメーションの作成とエクスポートが終了しました。さあ、見てみましょう。

13. 炎の最終アニメーション

これが私たちが作成したアニメーションです。シンプルですが、素晴らしい出来栄えです！

ご覧のように、炎のアニメーション化は簡単です。皆さんも達成できることを願っています！次のTIPでお会いしましょう！