ストックフッテージのチュートリアルではありませんが、同じように機能します。

別のタイトル：ブラシを使ったちっちゃな炎のチュートリアル (ง ͠° ͟ل͜ ͡°)ง

こんにちは！マナです！

 

これは、ブラシを使って簡単な「パラパラ漫画」のような炎のアニメーションを素早く作成する方法についての短いトピックです。このアニメーションは.CLIPファイルとして保存し、アニメーションシーンで再利用したりインポートしたりできます。基本的に、ストックフッテージのようなものですが、CLIPファイルです。

 

また、アニメーションのワープに関する小さなトピックについても触れます。

 

このチュートリアルにはCLIP STUDIO PAINT PROを使用しましたが、EXバージョンを使うともっと良いでしょう。

動画版はこちらです：

 

体調を崩したため、音声にはブライアンとアイビーを使いました。

 

これは私の別のチュートリアル、変形機能に関するものと少し関連しています。

この部分が気に入ったので、さらに詳しく説明したいと思いました。

 

変形機能のチュートリアルはこちらです：

さあ、始めましょう！ ♪~ ᕕ(ᐛ)ᕗ

アセットのダウンロード

とても素早く簡単な「パラパラ漫画」のような炎のアニメーションを作成するので、ブラシセットを使用します。

 

このチュートリアルでは、こちらの炎ブラシセットを使用します：

 

このブラシセットは無料で使いやすいです。

 

CLIP STUDIO PAINTを開いてください。

ダウンロードしたブラシは[素材]タブに表示されます。

 

ブラシをデコレーションブラシに転送するには、

ブラシをクリックして、お好みのデコレーションシェルフにドラッグしてください。

アニメーションの準備

次に、キャンバスまたはアニメーションシーケンスを作成しましょう。

キーボードで[Ctrl + N]を押します。イラストまたはアニメーションのどちらを選んでも構いません。

 

• サイズ: 1000 px x 1000 px

• 解像度: 200 DPI

• 用紙色: ダークグレー

*用紙色は背景色のためだけにあり、必須ではありません。アニメーションが完成したら削除します。

 

このサイズはあくまで例です。必要に応じて、もっと大きくしたり小さくしたりできます。

また、キャンバス作成時に自動で作成される「レイヤー1」は不要なので削除してください。

 

次に、タイムラインに行きましょう。

タイムラインが表示されていない場合は、[ウィンドウ] > [タイムライン]に移動してください。

 

タイムラインで、[新規タイムライン]アイコンをクリックします。

 

• タイムライン名: Fire Anim_12FPS

• フレームレート: 12

• 再生時間: 16

• 開始フレーム番号: 0

• 画像補間: 滑らか（スムーズエッジ）またはバイリニア

 

完了したらOKをクリックしてください。

 

開始フレーム番号と画像補間は柔軟に変更できます。

お好みに合わせて変更してください。

炎のベース

よし！アニメーションを始めましょう！

 

タイムラインで、[新規アニメーションフォルダー]をクリック > 「FIRE BASE」に名前を変更します。

FIRE BASEフォルダーの最初のフレームにいることを確認し > [新規アニメーションセル]をクリックします。

 

FIRE BASEアニメーションフォルダーのタイムラインに数字の1が表示されます。

これが最初のセルです。

 

次に、描画色をオレンジに選択し、背景色も同じ色に設定します。

次に、炎ブラシセット（例: 4）を選択します。

 

ブラシのサイズをお好みに合わせて調整し、上向きに簡単なストロークを作成します。

これで最初のセルができました。

 

次に、次のフレームに移動します。[新規アニメーションセル]をクリックすると、「2」という数字が表示され、それが2番目のセルになります。

 

2番目のセルでは前のセルが見えないので、[オニオンスキンを有効にする]をクリックして、前のセルの位置が見えるようにします。

 

今度は別の炎ブラシを選び、また上向きにブラシストロークを作成してください。

この16個のセルすべてが完成するまで、これらの手順を繰り返します。

 

まとめ：

• 各フレームごとに常に新しいアニメーションセルを作成します。

• 常にブラシを毎回変更し、これら4つのブラシを使い回してください。

• ブラシを組み合わせることができることを覚えておいてください。

• 炎の底部の位置を合わせるようにしてください。

• ブラシを傾けることで、波打つようなストロークを作成できることを覚えておいてください。

 

完了したら、再生を押してアニメーションを確認してください。

 

インナーグロー

次に、インナーグローを作成しましょう。

 

[新規アニメーションフォルダー]を作成します。FIRE BASEの上に配置されていることを確認してください。

新規アニメーションフォルダーの名前を「INNER GLOW」に変更します。

 

次に、最初のフレームに移動し > [新規アニメーションセル]をクリックします。

 

何かをする前に、もう一度INNER GLOWフォルダーをクリックし > 描画モードを[通常]から[加算（発光）]に変更します。

 

次にアニメーションを開始します。INNER GLOWフォルダーの最初のセルに戻ってください。

 

お好みの炎ブラシを選び > サイズを小さくします。FIRE BASEよりも小さくしてください。

描画色を変更しないでください > FIRE BASEの中央で上向きに簡単なストロークを作成します。

 

INNER GLOWが炎に重なっているのがわかるかと思います。

 

これを修正しましょう。もう一度INNER GLOWフォルダーをクリックし、[下のレイヤーでクリッピング]をクリックします。

これでINNER GLOWのすべての内容がFIRE BASEの内側に収まります。

 

次に、16個のセルすべてが完成するまで、アニメーションセルを追加し続けます。

 

まとめ：

• 常に各フレームごとに[新規アニメーションセル]を作成します。

• 前の位置を参照したい場合は、オニオンスキンを有効にできます。

• 各アニメーションセルで炎ブラシを必ず変更してください。

•• 再び！中央で > 小さなブラシサイズを使って上向きにストロークを作成します。

 

再生するとこうなります。

 

アウターグロー

次に、この炎を完成させるためにアウターグローを作成しましょう。

 

FIRE BASEアニメーションフォルダーをクリックし、

[レイヤー] > [レイヤーを複製]に移動します。

 

複製したフォルダーの名前を「OUTER GLOW」に変更します。

 

次に、OUTER GLOWフォルダーの最初のセルに移動します。

[フィルター] > [ぼかし] > [ガウスぼかし]に移動します。

約40%以上でぼかしてください。

 

OUTER GLOWフォルダーの他の15個のアニメーションセルすべてにこの操作を行うことを忘れないでください。

 

次に、OUTER GLOWフォルダーをクリックし、

それを階層の一番上にクリックアンドドラッグします。

描画モードをお好みの「比較（明）」系のモードに変更します。私は「加算（発光）」にしました。

不透明度を約60%に下げます。

 

再生すると、アウターグローが追加されています。

*スパークル（火花）

この部分はオプションです。しかし、炎には小さな火花があり、私たちの炎ブラシセットにはスパークルが含まれているのでラッキーでした。

 

そこで、[新規アニメーションフォルダー]を作成し、「SPARKLES」と名前を変更します。

この新しいフォルダーは、アニメーションの一番下、またはINNER GLOWの上に配置できます。

 

次に、開始フレームに移動し > [新規アニメーションセル]をクリックします。

スパークルブラシをクリックします。

必要に応じてサイズを調整します。

下から上に向かってストロークを作成します。

 

次の15個のセルについても、この作業を続けます。

 

✦ ヒント: 1つのアニメーションセルにたくさんのスパークルを作りすぎないようにしてください。

 

完了したら、SPARKLESフォルダーの描画モードを変更できます。私は「スクリーン」にしました。

不透明度も50%に下げました。

そして、再生するとこうなります。

 

---------------------------------------✦ 実際のストックフッテージも使用できます。

例えば、動画ファイルを使用できます。

 

アニメーションをMOVIEまたはGIFとしてエクスポートできます。

このチュートリアルではCLIPファイルを使いたかっただけです。

使用例：シーンへのインポート

例えば、このろうそくのシーンがあり、そこに炎があるべきだとします。

炎のアニメーションを配置するには、

[ファイル] > [読み込み] > [ファイルオブジェクトを作成]に移動します。

作成した炎アニメーションのCLIPファイルを探してください。

炎のアニメーションをシーンに配置したら、

[操作ツール]または[移動ツール]を使って炎を調整できます。

タイムラインの調整を始めましょう。

[新規タイムライン]を作成し > 炎のアニメーションと同じFPS（12 FPS）に設定します。

 

そして再生すると、まだ動いています！

使用例：変形 | 編集

この炎アニメーションCLIPファイルのサイズや角度を編集したい場合も、同様に行うことができます。

 

[操作ツール] > [オブジェクトサブツール] > [ツールプロパティ]にいることを確認してください。

 

[モード]を探し、それを自由変形または拡大・縮小・回転のいずれかに変更します。

そして[位置調整]では、フリーポジションになっていることを確認してください。

 

そして、バウンディングボックスまたは変形ボックスのハンドルを掴むだけで、炎がワープします。

 

そして再生すると、まだ動いています。

使用例：着色 | 色調の変更

炎アニメーションの描画モードを変更できます。下部でのブレンド効果を考慮して「比較（明）」系を使います。

例としてろうそくを使用しているため、ろうそくの炎は下部が青いため、この炎の下部を青くする必要があります。

 

まず、新規ラスターレイヤーを作成します（キーボードでCtrl + Shift + N）。名前を「BLUE」に変更します。

• このBLUEレイヤーが炎アニメーションCLIPファイルの上に配置されていることを確認してください。

 

次に、着色ツールを用意します。ブラシツールまたはグラデーションツール。私はグラデーションを使いました。

• 描画色から透明を選択し、描画色を青に変更します。

• そして、炎の下部から半分くらいまで、小さなグラデーションストロークを作成します。

 

BLUEレイヤーを下のレイヤー、つまり炎のCLIPファイルにクリッピングしていることを確認してください。

• BLUEレイヤーの描画モードは必要に応じて変更できますが、私は「通常」のままにしています。

• ただし、不透明度は90%に下げました。

• 最終的に色選びが苦手なので、より深い青色を得るために色相・彩度（Ctrl + U）を使用しました。

 

そして再生すると、まだ動いていますが、下部に青色があります！

• 色が強すぎる場合は、ブレンドツールまたはぼかしを使って、色のエッジのシャープさを軽減してください。

 

必要に応じて、さらにいくつかの色を追加することもできます。

• 私は上部に小さなピンクを追加しました

✦ ヒント: 炎の色を再着色または編集するためにラスターレイヤーを使いたくない場合は、補正レイヤーを使用することもできます。

 

使用例：環境へのブレンド

この例では環境がないので、これが何を意味するのか疑問に思うかもしれませんが、ここで言いたかったのは「背景グロー」、この場合は「炎のグロー」を追加することです。

 

ここでは、簡単な光のちらつきのキーフレームアニメーションを教えます。

 

炎アニメーションのCLIPファイルの下に、新規ラスターレイヤーを作成します（キーボードでCtrl + Shift + N）。名前を「Fire Glow」に変更します。

 

炎と同じ色、またはお好みの色を選択します。

• グラデーションツールを使って、炎アニメーションの背後に円形のグラデーションを作成します。

• ブレンドツールまたはぼかしツールを使って、炎のグローを広げます。

 

*これはあくまで例です。ブラシを使って背景グローを作成し、複雑な形状を作ることもできます。

 

炎の色を変更するには、色相・彩度（Ctrl + U）を使用できることを覚えておいてください。

さあ、アニメーションをつけましょう！

 

タイムラインにいることを確認してください！

Fire Glowレイヤーが選択されていることを確認してください。

 

最初のフレームに移動します。

[このレイヤーでキーフレームを有効にする]をクリックします。

• レイヤー名に「変換」が表示されます。

 

次に、[操作ツール] > [オブジェクトサブツール]に移動します。

 

[ツールプロパティ]で > [レイヤーの不透明度]を探します。

• フレーム0、4、8、12、15のレイヤーの不透明度（100%のまま）にキーフレームを打ちます。

• 最後のキーフレームを掴み、タイムラインの終わりまでドラッグして、半分のひし形を作成します。

 

次に、中間のキーフレームを作成します。

• フレーム14で、レイヤーの不透明度にキーフレームを追加し、値を80%に変更します。

• フレーム10、6、および2フレーム目でも同様に行います。

 

そして再生すると、光がちらつき始めます。

✦ ヒント:

背景色や雰囲気を設定する際は、暗いトーンの方が良いでしょう。

• そうすることで、炎がより鮮明に見えます。

• とはいえ、それはあなたのシーンに依存します。

 

例：複雑なシーンでの使用

これは、上記の「使用例」の手順と同じ炎アニメーションCLIPファイルの例です。

 

使用したのは：

• 変形：炎を大きくしました。

• 炎の色付け：赤/ピンクにしました（区別がつきません、すみません）。

• 背景グローの追加：フレーム、服、ひび割れに。

 

ちなみにちょっとしたことです。

 

同じ炎アニメーションでアニメーションをランダム化したい場合。

炎アニメーションのタイムラインを右クリック > クリップを分割。

• 好きなだけ分割します。

• その後、ランダムに並べ替えます。

 

✦ ヒント: アニメーションのサイズまたはシーケンスは最大1920 x 1080に保ってください。

......

以上です。

お役に立てれば幸いです！

 

体調を崩したため、音声にはブライアンとアイビーを使いました。( ﾟヮﾟ)

 

皆さん向けに、例えばCLIPファイルを提供することはできません。主な理由として、アニメーションCLIPファイルは私のものではないブラシを使用しており、トラブルになりたくないからです。

手順が理解しやすいことを願っています。

 

 

========================

 

安全に過ごし、マスクを着用し、手を洗いましょう！

乾杯！