こんにちは！この記事では、Clip Studio PAINTで非常に簡単な方法で炎をアニメーション化し、素晴らしい結果を達成する方法を説明します。

 

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

しかし今回は、動きから色まですべてのアニメーションを実行し、いくつかの非常に単純なエフェクトも追加します。

私たちがやろうとしていること:

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

そして、火の炎のアニメーションを作成して、このシーンに組み込みます。

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

解説 火の動きの周期

まず上昇、次に膨潤、分割を続けて縮小で終わります。再び Ascent に戻るには、アニメーション サイクルを実行することを忘れないでください。

以下のコンセプトに従っていますが、この新しいアニメーションでは炎をもう少し現実的にします。

アニメーションを作成する時期が来たので、次のチュートリアルを参照してください。

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 つの描画があり、フレーム 5 に配置される 3 番目の描画に進みます。新しいアニメーション セルを作成し、レイヤー パネルで名前を 5 に変更します。ライン レイヤーを選択し、オニオン スキンをアクティブにし、この描画を実行すると、「腫れ」という概念が表現されます。

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

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

ラインレイヤーを選択し、タイムラインでオニオンスキンをアクティブにして、この新しい描画を続けます。この図は、「分割」という概念を表しています。

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

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

Line レイヤーを選択し、オニオンスキンをアクティブにして、この新しい描画を作成します。これは次の概念を表します。

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

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

ラインレイヤーを選択し、オニオンスキンをアクティブにして、アニメーションの最後のキー描画となるこの新しい描画を作成します。

Fire Flameアニメーション原画

これは、これまでに作成した主要な図面を含むアニメーションです。

7. 中間者

ここで、火の炎の動きを滑らかにします。このために、フレーム内に新しいアニメーション セルを作成します: 2-4-6-8-10-12。描画時に常にオニオン スキンをアクティブにして、前の描画と次の描画を確認します。

フレーム 2 の間

フレーム 4 の間

フレーム6の間

フレーム 8 の間

フレーム 10 の間

フレーム 12 の間

Inbetweens による火の炎のアニメーション

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

最初に行うことは、アニメーション シーンのすべてのレイヤーを非表示にし、FIRE という名前のアニメーション フォルダーだけを表示することです。これには、作業中のアニメーションが含まれています。

次に、各図面を入力し、ペイントする BASE レイヤーを選択します。

そしてペイントするには、「サブツール: 他のレイヤーを参照」で「塗りつぶし」ツールを選択します。

そして、火炎の領域をクリックしてペイントします。

このために、炎の線を作成したのと同じ色を引き続き使用します。

各アニメーション描画でも同じことを行うと、次の結果が得られます。

ベースカラーによる炎のアニメーション

9. 炎アニメーションコア

次に、「CENTER」というレイヤーに、ペンツールを使用して炎の中心を描きます。

これを行うには、炎の形状に基づいていくつかの小さな変更を加え、オレンジ色を選択します。

それぞれのアニメーション描画で同じことを行うと、次の結果が得られます。

芯のある炎のアニメーション

10. ファイヤーフレイムグリッター

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

次に、図面 1 の火災アニメーション フォルダーに入り、レイヤー「GLOW」を選択します。

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

火炎の端を以前に使用したのと同じオレンジ色でペイントします。

すべての図面で同じことを行うと、次の結果が得られます。

キラキラした炎のアニメーション

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

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

まず、青い括弧をフレーム 24 まで拡張します。これがアニメーションの最後の継続時間になります。

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

右ボタン、コピー。

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

右ボタンで貼り付けます。

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

ここで、私が作成した非常に単純なライト アニメーションを表示してみます。

これにより、次のようになります。

環境光を使用した炎のアニメーション

全体的な雰囲気

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

私たちはそれを「環境」と名付けます

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

次に、結合モードをノーマルから乗算に変更します。

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

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

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

[ファイル] – [アニメーションのエクスポート] – [ムービー] に移動します (必要に応じて、.gif 形式としてエクスポートすることもできます)

次のウィンドウでは、アニメーションに名前を付け、形式を選択できます。ここでは .mp4 を選択します。

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

そして準備完了！アニメーションが完成してエクスポートされたので、見てみましょう。

13.ファイナルファイアーフレイムアニメーション

これが私たちが実現したアニメーションです。シンプルですが素晴らしい結果になりました。

ご覧のとおり、火の炎をアニメーション化するのは簡単です。あなたもそれができることを願っています。次のヒントでお会いしましょう!