シンプルな描画アニメーション

3,192

Mana1057

Mana1057

こんにちは!

 

絵をあまり切り刻んだりスライスしたりせずに、シンプルなアニメーションを作成する方法を紹介します。アニメーションのプロセス自体に重きを置かずに、アニメーションの雰囲気を醸し出す環境のほとんどをアニメーション化します。

 

最終的なイメージは次のようになります。

ライト、シャドウ、ハイライトをアニメーション化する方法を紹介します

 

また、シンプルな目のアニメーションとカメラのアニメーションも紹介します。

 

キーフレーム を使って作業し、その使い方のヒントとコツを紹介します!

 

これらのアニメーションは非常に簡単に作成でき、Clip Studio Paint の PRO バージョンと EX バージョンの両方に適用できます

 

このチュートリアルでは CLIP STUDIO PAINT PRO を使用しますが、お持ちの場合は EX も使用できます

 

これは詳細なワークフローになりますので、長くなることをあらかじめお詫び申し上げます

では始めましょう!

準備

まず、アニメーション化したい図面を取得します。

さて、この場合、何をしたいのか想像するか、下書きを書いてください。

⭐ キノコを光らせ、魔法の胞子を放出させたい。

⭐ ステレオを光らせたい

⭐ そして、彼を瞬きさせたい

 

本当にシンプルなアニメーションです! ただし、光は影を作り出すことを覚えておいてください。

 

そのため、次のものも追加する必要があります

⭐ シャドウアニメーション

⭐ ハイライトアニメーション

 

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

タイムライン

アニメーション化したい描画を開きます。

次にタイムラインに移動します。タイムラインが見つからない場合は、ウィンドウ > タイムライン にあります。

次に[新しいタイムライン]をクリックします

私が使用している設定は、1秒あたり8フレーム、再生時間24です

フレーム レート は 1 秒あたりの画像数で、再生時間 はアニメーションの長さを決定します。

 

[再生時間/フレーム レート = 秒] とすると、再生時間 24 / フレーム レート 8 は 3 秒になります。

 

フレーム レートが高いほど、アニメーションはスムーズになります。

注意: Clip Studio Paint PRO の最大再生時間は 24 時間です。それ以上は再生できません。より長い再生時間が必要な場合は、EX バージョンの使用をお勧めします。

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


>> キーフレームアニメーション

これにはキーフレーム アニメーションを最も多く使用します。

キーフレーム アニメーションとは何かを簡単に説明します:

 

モダンまたはデジタル キーフレームとは、セルの間に何も作成せずに開始点と終了点を作成する方法です。

 

左からキーフレームを開始し、右に移動する別のキーフレームを作成する場合、フレームの間に何も作成する必要はありません。自動的に行われます。

キーフレームが互いに離れているほど、アニメーションは遅くなります

キーフレームが互いに近いほど、アニメーションは速くなります

ライトアニメーション – スムーズな補間

描画の上に[新しいラスター レイヤー] を作成し、名前を「光るキノコ」に変更します

 

次に、[グラデーション] ツール > [前景から透明] > キーボードの [ALT] を押したままスポイトを開き、必要なライトの色を取得します。

または、ライトとして使用できる任意のツールを取得します。

通常のソフト ブラシから装飾ブラシまで使用できます

 

グラデーション ツールをクリックしてドラッグするだけです

グラデーションの形状は自由に選べますが、ここでは [Circle] を使用します

 

ブレンディング モードを GLOW DODGE に変更します

ヒント: カラードッジ、追加、追加 (グロー)、オーバーレイ、ソフト ライト、ハード ライトも機能します。

タイムラインエリアで、「Glowing Mushroom」レイヤーにいることを確認し、[このレイヤーでキーフレームを有効にする]クリックします。

ヒント: レイヤー上でペイントや消去ができなくなると、レイヤーがキーフレームの準備が整ったことがわかります。また、レイヤー名に「変換」が表示されます。

+ をクリックして展開し、[不透明度] をクリック/選択します

 

また、キーフレーム補間 をチェックし、スムーズ補間 になっていることを確認します

タイムラインの一番最初に、フレーム 1 > 右クリック > [キーフレームを追加] を実行します

 

⭐これにより、タイムラインの一番最初に、光るキノコの不透明度が 100 % に設定されます

次に、おそらくフレーム7に進みます。レイヤータブの不透明度バーを移動して不透明度キーフレームを追加することもできます。

必要なキーフレームアニメーションを追加し続けます。これが私の最終的な結果です。

フレーム 1、13、24 は 不透明度 100%

フレーム 7 と 18 は 不透明度 23%

ヒント: 最後のキーフレームを最後までドラッグすると、アニメーションがシームレスになります。

 

「キーフレームのループ」で詳しく説明します。

画像は次のようになります。


>> キーフレームのループ

通常、ループアニメーションを作成するコツは、最初の動きが最後の動きと同じであることを確認することです。

 

この場合、キーフレームを使用しているため、最初のキーフレームと最後のキーフレームが同じであることを確認する必要があります。


これから「終了キーフレームをタイムラインの最後にドラッグする」について詳しく説明していきますが、これはシームレスまたはループするアニメーションを作成するのに役立ちます

 

タイムラインの一番最初のキーフレームを見てください。0と1の間にあります**

ループを作成する場合は、最後のキーフレームにも同じことを行うことをお勧めします

最後のキーフレームをタイムラインの最後までドラッグしない場合の違いは次のとおりです。

微妙ですが、最後に1フレーム停止します

しかし、タイムラインの最後にある最後のキーフレームをドラッグすると、同じ値なのでよりスムーズに動きます

⭐ フレーム 1 とフレーム 24 のキーフレームが同じ値であることを確認します

 

フレーム 1 では、最初のキーフレームの最後の半分を取得しました

次に、フレーム 24 では、同じキーフレームの最初の半分を取得しました

アニメーションがループすると、アニメーションはシームレスに見えます


最後にドラッグしたキーフレームを取得するのが難しい場合は、グラフ エディター を使用してキーフレームを選択します。

好きな場所にドラッグしたり、削除したりすることもできます。


> 編集: エフェクトの追加

要約: 最終的に次のようになりました:

他のキノコはどうですか??

それらにも新しいレイヤーを作成して、もう一度アニメーション化する必要がありますか?

いいえ! この「光るキノコ」レイヤーはまだ編集できます!

 

ただし、クリックすると、編集できなくなります。

 

🚫 このレイヤーは現在キーフレーム用であるため、編集できません

このレイヤーに描画する場合は、[このレイヤーでキーフレームを有効にする]無効にする必要があります。

無効にするには、アイコンをクリックします。

 

心配しないでください!

キーフレームを無効にしたばかりなので、再度有効にすると、キーフレームが再び表示されます。

 

レイヤーを削除しないでください!

他のレイヤーと結合しないでください。別のレイヤーと結合すると、キーフレームが消えます

[グラデーション]ツールまたはグロー効果を追加したいツールを入手します

完了したら、タイムラインタブに戻り、[このレイヤーでキーフレームを有効にする] をクリックします。

キーフレームはまだそこにあります。

今は次のようになっています:

残りのアニメーションを始める前に、キーフレーム補間について簡単に説明しましょう。


>> キーフレーム補間

キーフレーム補間は、キーフレームまたはアニメーションの移動方法です。

 

これは、セル アニメーションにおける中間処理のようなものです。

 

このチュートリアルでは、スムーズとホールドの 2 つのキーフレーム補間を使用します。

 

すべての補間の違いは次のとおりです。

 

スムーズ - スムーズな動きを実現します。基本的には曲線に沿って移動します。そのため、流れがあるように見え、かなり速く移動しますが、それでも スムーズ です。

リニア - 直接的な動きを実現します。流れがなく、同じ速度で移動します。直線的な動きのようで、ポイントにまっすぐ進みます。

ホールド - キーフレームからキーフレームに移動します。 キーフレームを次のキーフレームまで保持し、さらに次のキーフレームまで保持します。

 

また、キーフレームは使用した補間に応じて色が変わります。

スムーズは、リニアは、ホールドは黄色です


ライトアニメーション – ホールド補間

今回は、HOLD 補間を使用してステレオ ライトに取り組みましょう

[新しいラスター レイヤー] を作成し、必要に応じて名前を変更します

*「スピーカー」という名前にしましたが、間違いでした。これはラジカセ / ステレオです。

ブラシを用意します。私は [ソフト ブラシ] を使い、光らせたい領域の周りに色を塗ります

 

レイヤーの ブレンド モードを [追加 (グロー)] に変更します

 

ヒント: 必要に応じて、[追加]、[グロー ドッジ]、[カラー ドッジ] を使用できます

 

 

次に、[このレイヤーでキーフレームを有効にする] をクリックして、ステレオライトをアニメーション化できるようにします

キーフレーム補間 をスムーズからホールドに変更してください

次に、フレーム 1 にキーフレームを追加します。不透明度 が選択されていることを確認してください

 

非常に微妙ですが、変換メニューをクリックすると 色が変わります

フレーム 1 に キーフレーム を配置します。不透明度 100%

 

次にフレーム 14 で、不透明度を 0% に変更します

 

フレーム 15 で 不透明度 100%

フレーム 16 で 不透明度 0%

 

これを好きなだけ繰り返します

実際にプレイするとこんな感じになります

HOLD 補間は、次のキーフレームまでそのキーフレームの値を保持します

 

次のキーフレームまでキーフレームの値を スムーズに 変更する SMOOTH 補間とは異なります


> 編集: 色調補正

たとえば、色が気に入らない場合、通常は 編集 > 色調補正 > 色相/彩度/明度 に進みますが、この キーフレーム レイヤーでは描画したり色調補正を行ったりすることはできません。

このレイヤーで色調補正を行う場合は、[このレイヤーでキーフレームを有効にする]を無効にする必要があります。

そして、編集 > 色調補正 > 色相/彩度/明度 を使用して色を編集できます。

[このレイヤーでキーフレームを有効にする] をクリックしても、キーフレームはそのまま残ります。

そして今は次のようになっています:

影をアニメーション化する

影をアニメーション化してみましょう!

これはキャラクターの後ろの影です。キャラクターの前のライトが光ると、そのライトの大きさに応じて影が大きくなったり小さくなったりします。

 

GLOWING レイヤーの下に [New Raster Layer] を作成します

名前を Shadow に変更し、そのレイヤーを MULTIPLY に設定します

 

 

影をキャラクターに重ねる

この例では、目立つように赤にしましたが、後で灰色に変更しました

もう一度、レイヤー乗算ブレンドモード になっていることを確認してください

 

次に、マスクを使用しましょう。[レイヤーマスクの作成] をクリックします

 

これにより、不要な領域が完全に削除されることなく非表示になります

 

 

そして、[消しゴム] を使って、キャラクターに影響を与えたくない領域を非表示にします。

 

何を消去しているのか分からない場合は、右クリック (マスク レイヤー アイコン) > [マスク領域を表示] を選択してください。

 

 

消し続けると、次のようになりました。

念のため、キャラクター全体をマスクしました

 

マスク領域の表示を削除するには、右クリック (マスク レイヤー アイコン) > マスク領域の表示

これで無効になります。

 

では、アニメーションを開始しましょう

タイムライン タブのシャドウ レイヤー にいることを確認して、[このレイヤーでキーフレームを有効にする] をクリックします

キーフレーム補間を SMOOTH に戻してください

次に、シャドウ レイヤー を展開し、> アイコンをクリックします

位置 になっていることを確認します

 

[操作ツール] に移動するか、キーボードの O を押します

変換ポイントが画面に表示されます

フレーム1では、光が大きく

画像をクリックして、キャラクターから少し離れたところまでドラッグします - 斜めに

そのキーフレームをコピーして、光が大きいときのフレーム13とフレーム24貼り付けます。

次に、光が小さい フレーム 7 で、影を下向きに、斜めにドラッグします。

 

そのキーフレームをコピーして、光が小さい別のフレーム フレーム 19 に貼り付けます。

完了すると、次のようになります。

> 編集:マスクの修正

影をよく見てください。後ろの石とキャラクターの顎が影に重なっているのがわかります。

前回の LIGHT アニメーションと同じ編集で、シャドウ レイヤーを選択し、[このレイヤーでキーフレームを有効にする] を無効にします

 

マスクを再編集できます

もう 1 つ、影を滑らかにしたい編集があります。

マスクを右クリック > [マスクを有効にする] (またはチェックを外す)

次に、[Alt] レイヤーの 目のアイコン をクリックして、しばらく分離します

ぼかしブラシを使って陰影を滑らかにします

次に、シャドウ レイヤーの 目のアイコン をもう一度 [Alt] クリック すると、シャドウ レイヤーは分離されなくなります

 

マスクを右クリック > [マスクを有効にする] をクリック

 

 

次に、[**このレイヤーでキーフレームを有効にする]** をクリックすると、キーフレームが残り、再生されます。

効果: 飛び散る輝きと消えゆく輝き

ここでは、位置と不透明度の複数の変換を使用します

 

次に、輝きを作りましょう!

 

[新しいラスター レイヤー] を作成し、名前を Sparkles にします > ブレンド モードを 追加 (グロー) に設定します

 

次に、輝きのブラシを取得します

 

このブラシを使用しました:

キラキラを少し加えるだけ

次に、これをアニメーション化しましょう。

 

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

スムーズ補間 になっていることを確認します

フレーム 1 – 光が大きいので、不透明度 – 100% 不透明度 にキーフレームを追加します。

光が大きい フレーム 13 と 24 でも同じ操作を行います。

次に、ライトが小さい フレーム 7 で、不透明度 - 不透明度 0% にキーフレームを追加します

ライトが小さい フレーム 19 でも同じ操作を行います

 

 

そして、次のようになります。

次に、動きを調整して、輝きを上に上げましょう

> アイコンをクリックして、Sparkles レイヤー を展開します

POSITION にいることを確認します

 

Frame 1 では、光が大きいので、輝きを上にドラッグします

少しだけドラッグします。浮かんでいるアニメーションの真ん中にあるようにイメージします Sparkle レイヤーをドラッグできるようにするには、[Operation Tool] にいることを確認します

 

最後のフレーム、Frame 24 に同じキーフレームを追加します。ただし、今回は、最後のキーフレームをタイムラインの最後にドラッグするようにしてください。これにより、ループを作成する場合にアニメーションがよりスムーズでシームレスになります

光が弱くなったら、フレーム 7輝きを上にドラッグします

これは不透明度が 0% のフレームでもあることに注意してください。基本的には、上に上がると消えるアニメーションを作成しています

フレーム 8、輝きが下がります。

フレーム 7 とフレーム 8 のキーフレームをコピー し、フレーム 17フレーム 18貼り付け ます

 

プロセスと結果は次のようになります。

基本的に、キーフレーム 124アクションの真ん中 です

キーフレーム 717スパークルが上がる です

キーフレーム 818スパークルが開始位置に戻る です

そしてアニメーションは次のようになります:

> 編集: 輝きをさらに追加

これは[編集: エフェクトの追加]と同じです

 

スパークルレイヤーにいることを確認し、[このレイヤーでキーフレームを有効にする]を無効にします

 

そしてスパークルを追加するだけです

完了したら、[このレイヤーでキーフレームを有効にする] をクリックするだけで、キーフレームはそのまま残ります。

アニメーションは次のようになります。

キーフレームを後戻りしてやり直すことができることを覚えておいてください。

 

例: 輝きが速すぎて高すぎるので、編集したいとします。

 

POSITION が選択されていること、編集したいキーフレームにいることを確認してください。輝きを好きなようにドラッグしてください。

> 編集: 輝きをマスクする

これは、[編集: マスクの再作業] と同じです。

 

きらめきがキノコからかなり下がっていることと、キャラクターに向かっていることに注目してください。

 

これらのきらめきを削除するのではなく、その領域に表示されないようにマスクしましょう。

 

キーフレームを再度無効にし、[このレイヤーでキーフレームを有効にする]** をクリックして無効にし、マスクで作業できるようにします

作成されたら、[レイヤー マスクの作成] をクリックします > そのマスクを右クリック > マスク領域を表示

[マスク領域を表示] - 何を消去しているかがわかるようにします

 

その領域のきらめきを非表示にするには、消しゴムをつかんで、きらめきを消したくない部分を消去/非表示にします。

完了したら、[マスク領域を表示]を無効にし[このレイヤーでキーフレームを有効にする]を再度有効にします

 

キーフレームは残り、マスクもそこにあります

 

 

ハイライトアニメーション

これはキャラクターのハイライトで、背景要素にもハードライトが当たる可能性があります。

 

[新しいラスター レイヤー] を作成し、名前を HIGHLIGHTS に変更し、ブレンド モードを [グロー ドッジ] に設定します。

ヒント: カラードッジ、追加、または追加 (グロー) を使用できます

 

ブラシを用意してハイライトを作成します。

 

私は [ソフト ブラシ] を 80-100% の不透明度 で使用しています。

 

⭐ ヒント: キャラクターのハイライトを作成するショートカットが必要な場合は、シャドウ アニメーションで作成したマスクを覚えていますか? それを使用できます。

 

[CTRL] を押したまま、そのマスクをクリックします - 白い領域が選択されました。これを反転してキャラクターを選択しましょう。

 

[選択領域を反転] をクリックして、ハイライトの追加を開始します

環境や岩にハイライトを追加するには、なげなわツールを使用しました

なげなわツール を使用して選択範囲を作成し、ブラシを使用して色を塗ります

— 必要に応じて、ぼかしブラシを使用してエッジを柔らかくします

 

 

ハイライトが終わったら、アニメーション化しましょう

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

不透明度 になっていることを確認してください – 光るキノコと同じアニメーションを作成します

 

フレーム 1、13、24100% 不透明度

フレーム 71927% 不透明度 (またはそれ以下)

完了すると、アニメーションは次のようになります。

目のアニメーション

この目のアニメーションでは、2 つの画像/フレームのみを使用します。

⭐ 目を開く

⭐ 目を閉じる

 

主な理由は、これは 3 秒のアニメーションで、非常に短く目立たないことと、キャラクターの目が非常に小さいためです。

 

まず、目を分離して、欠けている領域を再描画する必要があります。

なげなわツール を使用して、目を別のレイヤーにコピーして貼り付けました。

次にメインのイラストレイヤーに戻り、ブラシを使用してキャラクターの肌の色で目を塗り始めます

次に[新しいラスターレイヤー]を作成し、目を閉じて描画します

そして今、Eye OpenEye Closeの両方が存在します

必要に応じて、アクション/フレームの間に自由に追加してください。

 

これをアニメーション化するには、キーフレーム を使用するか、アニメーション セル を使用することもできます。

 

両方試してみましょう。


> 目のアニメーション – アニメーションセル [コピー&ペースト]

アニメーション セルは、アニメーションを作成するためにフレームごとに描画します

フリップブック アニメーションのように!

 

セルにコピーして貼り付けます

[新しいアニメーション フォルダー] を作成し、名前を EYES_ANIM_CEL に変更します

 

 

タイムラインの先頭にいることを確認してから、[**新しいアニメーションセル]**をクリックします

1というラベルの付いた空のレイヤーが表示されます

コピーと貼り付けを始める前に、[ファイル] > [環境設定] > [アニメーション] に移動します

 

セルへの貼り付け方法 を変更します。選択したレイヤーに貼り付け になっていることを確認します

完了したら [OK] をクリックします!

 

これにより、コピーと貼り付けが簡単になります

コピーするには - EYES OPEN レイヤーを表示 > Lasso を取得して選択 > CTRL + C でコピー

 

貼り付けるには - Animation フォルダーに移動 > Cel 1 > そこに貼り付けます

次のセル「目を閉じる」にも同じ操作を行います

 

(アニメーション フォルダの下にあることを確認してください)

フレームを選択 > [新しいアニメーション セル] を作成 > 2 というラベルの付いた新しいセル が表示されます

 

コピー - 目を閉じる

貼り付け - セル 2 に

もう少しまばたきを続けてほしいので、次のフレームにも同じアニメーションを配置しましょう。

 

次のアニメーションにこれらのセルを割り当てましょう

セルのない次のフレームにいることを確認してください

[アニメーション] > [トラックの編集] > [複数のセルの割り当て] に移動します

この例では、この設定は問題ありません

これらの設定の意味を知りたい場合は、以下のリンクを確認することをお勧めします。

[OK] をクリックすると、セル 1 と 2 のコピーが表示されます

 

基本的に、セル 1 と 2 を次のフレームに表示するように割り当てました

アニメーションの最後には、目を開けた 状態にしたいので、[セルをフレームに割り当て] をクリックします

 

目が開いたレイヤー 1 を選択し、OK をクリックします

セルを使った小さな目のアニメーションもあります


> 目のアニメーション – キーフレーム

キーフレームを使用する場合は、基本的に Eye Open レイヤーと Eye Close レイヤーの Opacity を調整します

 

整理するには、Eye Open レイヤーと Eyes Close レイヤーをフォルダーに入れます

 

Eye Open レイヤーと Eye Close レイヤーを選択し、[このレイヤーでキーフレームを有効にする] を個別にクリックします。

 

また、キーフレーム補間を HOLD に変更します

必要なキーフレーム補間を使用できますが、フレーム間で変化がないように、EYE アニメーションを行うときは HOLD を使用することをお勧めします

まばたきを開始したいフレームを選択します。フレーム 15 に移動します。

 

両方にキーフレームを追加します:

 

目を閉じる - 不透明度 0%

目を開く - 不透明度 100%

 

次のフレーム、フレーム 16

目を閉じる - 不透明度 100%

目を開く - 不透明度 0%

キャラクターを点滅させたい回数だけこれを繰り返すか、キーフレームを選択して右クリック>コピー>次の空のフレームに移動>右クリック>貼り付けします。

もう一方の目も同様に行ってください。

 

完了すると、次のようになります。

アニメーションは次のようになります。


カメラアニメーション

この手順はオプションです!

 

2D カメラを追加します。これが あなたの カメラです!

これを使用してアニメーションのズームインとズームアウト、回転、パンを行うことができます。キーフレームを使用して操作します。

 

カメラを追加するには、[アニメーション] > [新しいアニメーション レイヤー] > [2D カメラ フォルダー] に移動します。

レイヤー タブに「カメラ 1」というラベルの付いたフォルダーが表示されます > そこにすべてのレイヤー、基本的にすべてのアニメーション レイヤーを配置します。

タイムライン でカメラの変形を展開するか、操作 > オブジェクト ツール プロパティ を使用できます。

 

カメラの揺れのような単純なものだけを目指していますが、極端ではありません。

 

[スケール比] では、3 値でズームインして、97.0 にしました。

値を変更したためキーフレームが表示されます。スケールをアニメーション化しないため、スケール キーフレームを削除できます。

 

次に、[位置] をクリックし、変形ボックスを画面の右下端までドラッグして、キャラクターから離します。

 

カメラを移動すると、キーフレームが追加されます。

そのキーフレームをコピーし、キーフレームをクリックして[ALT]を押したまま目的のフレームにドラッグ**します。私はフレーム 24 にドラッグしました。

 

次に、終了キーフレームをタイムラインの一番最後にドラッグしました。

真ん中のアニメーションでは、フレーム 13 に進みます

操作ツール > オブジェクト > 変形ボックスをクリックして、少し上方向にドラッグします (最後のキーフレームから斜めに)。

 

カメラの動きは、同じ方向に斜めに上下する影の動きを補完するようにこのように配置されています

再生するとこんな感じになります。

表示されている青い四角はカメラの動きです。

 

カメラの視点がどのように見えるかを確認したい場合は、[操作ツール] > [オブジェクト] の下のツール プロパティを確認します

 

表示モード:

デフォルトでは フィールド ガイドを表示 になっています

これを カメラの視野を表示 に変更できます

今、カメラが捉えたものが見えます!


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

ついに作品をエクスポートします!

 

好きな形式でエクスポートできます。この例では GIF にします

 

[ファイル] > [アニメーションのエクスポート] > [アニメーション GIF] に移動します

必要なものやタイムラインに応じてエクスポート設定を入力します。

エクスポート オプション: ディザリング

ディザリングは色のグラデーションです。

 

⭐ ディザリングを有効にする と、色のグラデーションまたは滑らかな陰影が得られます


⭐ ディザリングを無効にする と、さまざまな色合いのパッチが表示されます

終了ノート

ここまで読んでくださってありがとうございます!!

最終的なアニメーションは次のようになります。

カメラはオプションです。カメラなしの場合は次のようになります。

まだ素晴らしいですね!


同じテクニックの別の例を挙げます

⭐アニメーション化された光とハイライト

⭐ きらめき / 舞い上がるほこり

⭐ 影の不透明度

⭐ まばたき

⭐ カメラの揺れ


キーフレームを使用して簡単な落ち葉を作成する方法:

[例、8fps 24 フレーム]

 

1. 葉を曲線で描きます。落ちている途中のように描きます。

 

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

 

3. アニメーションの真ん中に ROTATE キーフレームと POSITION キーフレームを追加します。フレーム 13

——— このキーフレームを追加すると、「その」シーン/位置がアニメーションの真ん中であることがすでにわかります。具体的には、アクションの真ん中として描きました。

4. フレーム 1 に移動し、葉を回転して、上からやってくるように配置します。

*最初に回転し、希望の回転が得られたら位置を調整すると簡単です

5. フレーム 24 に移動し、葉を回転して、シーンから去っていくように配置します。

6. 葉が横から現れていて、キーフレームを調整したくない場合は (アニメーションの速度も変わるため)、マスクを使用します。これは、「影のアニメーション化」 や「効果: 飛んで消える輝き」 で行ったのと同じことです

 

これが私が葉を作った方法です!


顔をアニメーション化しない場合でも、環境とカメラのシンプルなアニメーションによってイラストの雰囲気と感情が本当に決まります。


すごく長く見えますが、実はとても簡単です!

不透明度を調整して、あれこれドラッグするだけです。

 

これは、イラストにストーリーや感情を加えるシンプルなアニメーションです。

光と影は、活用すべき非常に強力な要素です!

 

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

また、キーフレームを使った作業や編集にも役立つことを願っています!

 

お読みいただきありがとうございます!

コメント

新着

公式 新着