簡単な描画アニメーション

15,664

101057

101057
自動翻訳 | 原文を見る

こんにちは!\n\n今回は、イラストをあまり切り貼りすることなく、簡単なアニメーションを作成する方法をご紹介します。アニメーションプロセス自体に負担をかけすぎずに、アニメーションの雰囲気を設定する環境のほとんどをアニメーション化します。\n\n完成イメージは次のようになります:

ライト、シャドウ、ハイライトのアニメーション方法をご紹介します。\nまた、簡単な目のアニメーションとカメラアニメーションもご紹介します。\nキーフレームを扱っていきますので、その使い方に関するヒントやトリックもお見せします!\n\nこれらのアニメーションは非常に簡単で、CLIP STUDIO PAINTのPRO版とEX版の両方で適用できます。\n\nこのチュートリアルではCLIP STUDIO PAINT PROを使用しますが、EXをお持ちの場合はそちらでも構いません。\n\n詳細なワークフローになりますので、長くなることをお許しください。\nそれでは始めましょう!

準備

まず、アニメーション化したいイラストを用意します。

次に、何をしたいか想像するか、下書きを作成します。この場合、

⭐ キノコに光を放ち、魔法の胞子を放出してほしい。\n⭐ ステレオに光を放ってほしい。\n⭐ 彼にまばたきをしてほしい。\n\n本当に簡単なアニメーションです!しかし、光が影を生み出すことを忘れてはいけません。\n\nそのため、追加する必要があるのは、\n⭐ 影のアニメーション\n⭐ そしておそらくハイライトのアニメーション\n\nさあ、アニメーションを始めましょう!

タイムライン

アニメーション化したいイラストを開きます。\n次にタイムラインに移動します。タイムラインが見つからない場合は、[ウィンドウ] > [タイムライン]にあります。

次に[新規タイムライン]をクリックします。\n私が使用している設定は、8フレーム/秒、再生時間24です。

フレームレートは1秒あたりの画像数であり、再生時間はアニメーションの長さを決定します。\n\n[再生時間 / フレームレート = 秒]なので、再生時間24 / フレームレート8は3秒になります。\n\nフレームレートが高いほど、アニメーションは滑らかになります。

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

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


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

今回はキーフレームアニメーションを最も多く使用します。\nキーフレームアニメーションとは何かについて簡単に説明します。\n\n現代またはデジタルのキーフレーミングとは、中間セルを作成することなく開始点と終了点を作成することです。\n\n左からキーフレームを開始し、右に進む別のキーフレームを作成する場合、中間フレームを作成する必要はありません。それが自動的に行われます。

キーフレーム同士が離れていればいるほど、アニメーションは遅くなります。\nキーフレーム同士が近ければ近いほど、アニメーションは速くなります。

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

イラストの上に[新規ラスターレイヤー]を作成し、「Glowing Mushroom」と名前を変更します。\n\n次に、[グラデーション]ツール > [描画色から透明]を選択します > キーボードの[ALT]キーを押してスポイトツールで目的の光の色を取得します。\n> または、光として使用できる任意のツールを使用できます。 \n>\n> 通常のソフトブラシからデコレーションブラシまで\n\nそしてグラデーションツールをクリック&ドラッグするだけです。

グラデーションの形状は好きなものを使用できます。私は[円]を選択します。\n\n描画モードを[加算(発光)]に変更します。

ヒント: カラー覆い焼き、加算、加算(発光)、オーバーレイ、ソフトライト、ハードライトも同様に機能します。

タイムライン領域で、「Glowing Mushroom」レイヤーが選択されていることを確認し、[このレイヤーのキーフレームを有効化]クリックします。

ヒント: レイヤーに何も描画したり消去したりできない状態になったとき、そのレイヤーがキーフレームに対応していることがわかります。また、レイヤー名に「変形」と表示されます。

+をクリックして展開し、[不透明度]をクリック/選択します。\n\nまた、キーフレーム補間を確認し、スムーズ補間になっていることを確認します。

次に、タイムラインの最初、フレーム1右クリック > [キーフレームを追加]を選択します。\n\n⭐これにより、タイムラインの冒頭でGlowing Mushroomの不透明度が100%に設定されます。

次にフレーム7に移動します。レイヤータブの不透明度バーを動かすことによって不透明度キーフレームを追加できます。

続けて、目的のキーフレームアニメーションを追加していきます。これが私が最終的に作成したものです。

フレーム1、13、24は不透明度100%です。\nフレーム7と18は不透明度23%です。

ヒント: 最後のキーフレームを一番最後までドラッグすると、アニメーションをシームレスにできます。\n>\n> これについては「キーフレームループ」で詳しく説明します。

これで、画像は次のようになります。


>> キーフレームループ

ループアニメーションを作成する際の秘訣は、通常最初の動きが最後の動きと同じになるようにすることです。\n\nこの場合、キーフレームを使用しているので、最初と最後のキーフレームが同じであることを確認する必要があります。


タイムラインの最後に終了キーフレームをドラッグする」ということを何度か言及しますが、これはシームレスな、またはループするアニメーションを作成するのに役立ちます。\n\nタイムラインの最初のキーフレームを見てください。これは0と1の間にあります。\nループを作成したい場合、最後のキーフレームにも同じことを行うのが望ましいです。

最後のキーフレームをタイムラインの一番最後までドラッグしない場合の違いです。\n微妙ですが、最後で1フレーム停止します。

しかし、タイムラインの一番最後にあるキーフレームをドラッグアウトすると、\n同じ値であるため、より滑らかに動きます。

⭐ フレーム1とフレーム24のキーフレームが同じ値であることを確認してください。\n\nフレーム1では、最初のキーフレームの後半を使用しました。\nそしてフレーム24では、同じキーフレームの前半を使用しました。\nアニメーションがループすると、シームレスに見えるでしょう。


最後にドラッグしたキーフレームをつかむのが難しい場合は、グラフエディターを使用してキーフレームを選択してください。

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


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

まとめ:最後にできたものはこれです。

他のキノコはどうでしょう? \nそれらにも新しいレイヤーを作成して、もう一度アニメーション化する必要がありますか?\nいいえ!この「Glowing Mushroom」レイヤーはまだ編集できます!\n\nしかし、そのままクリックしても編集できません。

🚫 このレイヤーは現在キーフレーム設定中のため編集できません。\nこのレイヤーに描画したい場合は、[このレイヤーのキーフレームを有効化]無効にする必要があります。\nアイコンをクリックして無効にします。\n\nご心配なく!\nキーフレーム設定を一時的に無効にしただけです。再度有効にすると、キーフレームは再び表示されます。\n\nレイヤーを削除しないでください!\nそして、他のレイヤーと結合しないでください - 他のレイヤーと結合するとキーフレームが消えてしまいます。

[グラデーション]ツール、またはその他の発光効果を追加したいツールを使用します。

完了したら、[タイムライン]タブに戻り、[このレイヤーのキーフレームを有効化]をクリックします。\nすると、キーフレームはまだ残っています!

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

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


>> キーフレーム補間

キーフレーム補間は、キーフレームやアニメーションがどのように動くかを示します。\nこれはセルアニメーションにおける中割りのようなものです。\n\nこのチュートリアルでは、スムーズとホールドの2種類のキーフレーム補間を使用します。\nすべての補間の違いは次のとおりです。\n\n⭐スムーズ - 滑らかな動きを作成します。基本的に曲線で動き、ある程度の流れがあるため、動きはかなり速くなりますが、やはり滑らかです。\n⭐リニア - 直接的な動きを作成します。流れがなく、同じ速度で動きます。直線的な動き、つまり要点にまっすぐ向かうようなものです。\n⭐ホールド - キーフレームからキーフレームへ移動します。キーフレームを次のキーフレーム、その次のキーフレームへと保持します。

また、使用した補間方法によってキーフレームの色が変わります。

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


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

今回はホールド補間を使用してステレオライトをアニメーション化しましょう。\n[新規ラスターレイヤー]を作成し、好きな名前に変更します。\n> ※私は「Speaker」と名付けましたが、間違いでした!ブームボックス/ステレオです。

ブラシを用意します。私は[ソフトブラシ]を使って、光らせたい部分に色を置きました。\n\nレイヤーの描画モードを[加算(発光)]に変更します。\n\n> ヒント: 必要であれば、加算、加算(発光)、カラー覆い焼きも使用できます。

次に[このレイヤーのキーフレームを有効化]をクリックして、ステレオライトをアニメーション化できるようにします。\nキーフレーム補間をスムーズからホールドに変更してください。

次にフレーム1にキーフレームを追加します。不透明度が選択されていることを確認してください。\nわずかですが、変形メニューをクリックすると色の変化があります。

フレーム1にキーフレームを追加します。不透明度100%です。\n\n次にフレーム14で、不透明度を0%に変更します。\n\nフレーム15で不透明度100%\nフレーム16で不透明度0%\n\n好きなだけ繰り返してください。

再生すると、このようになります。

ホールド補間は、そのキーフレームの値を次のキーフレームまで保持します。\n\nスムーズ補間が次のキーフレームまでキーフレームの値を滑らかに変化させるのとは異なります。


> 編集:色調補正

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

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

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

[このレイヤーのキーフレームを有効化]をクリックしても、キーフレームはまだ残っています。

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

影のアニメーション

影をアニメーション化しましょう!\nこれはキャラクターの背後にある影で、キャラクターの前の光が光ると、その光の大きさによって影が大きくも小さくもなります。\n\n発光レイヤーの下に[新規ラスターレイヤー]を作成します。\n名前を「Shadow」に変更し、そのレイヤーを[乗算]に設定します。

影をキャラクターに重ねます\n> この例では見えやすいように赤にしましたが、後で灰色に変更しました

繰り返しますが、レイヤー[乗算]描画モードになっていることを確認してください。\n\n\n次にマスクを使用します。[レイヤーマスクを作成]をクリックします。\nこれにより、不要な領域を完全に削除することなく非表示にできます。

そして[消しゴム]ツールを使って、キャラクターに影響を与えたくない領域を非表示にするだけです。\n\n何を消しているのか見えない場合は、マスクレイヤーのアイコンを右クリック > [マスク領域を表示]を選択します。

消去を続け、最終的にこのようになりました。

念のため、キャラクター全体をマスクしました。\n\n[マスク領域を表示]を解除するには、マスクレイヤーのアイコンを右クリック > [マスク領域を表示]を選択します。\nこれにより無効になります。\n\nそれではアニメーションを始めましょう。\nシャドウレイヤーを選択していることを確認し、[タイムライン]タブ > [このレイヤーのキーフレームを有効化]をクリックします。\nキーフレーム補間を[スムーズ]に戻すことを確認してください。

次にシャドウレイヤーを展開し、[>]アイコンをクリックします。\n[位置]が選択されていることを確認します。\n\n[操作]ツールに移動するか、キーボードのOキーを押します。\n画面に変形点が表示されるはずです。

フレーム1では、光が大きい状態で、\n画像をキャラクターから少し離れた場所に斜めにクリック&ドラッグします。

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

次に、光が小さいとき、フレーム7で影を斜め下方向にドラッグします。\n\nそのキーフレームをコピーして、光が小さい別のフレーム、フレーム19に貼り付けます。

これで完了です。このようになります。

> 編集:マスクの再調整

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

前回のライトアニメーションと同じ編集で、シャドウレイヤーを選択した状態で、[このレイヤーのキーフレームを有効化]を無効にする必要があります。\n\nこれでマスクの再調整ができます。

もう一つ編集したいのは、影を滑らかにすることです。\nマスクを右クリック > [マスクを有効化](またはチェックを外す)\n次に、一時的にレイヤーを分離するために、レイヤーの[目のアイコン][Alt]キーを押しながらクリックします。

ぼかしブラシを使ってシェーディングを滑らかにしました。

次に、シャドウレイヤーの[目のアイコン]をもう一度[Alt]キーを押しながらクリックすると、シャドウレイヤーは分離されなくなります。\n\nマスクを右クリック > [マスクを有効化]をクリックします。

次に[このレイヤーのキーフレームを有効化]をクリックすると、キーフレームは残っており、再生すると...

エフェクト:舞い上がり、消えていくキラキラ

ここでは、位置と不透明度という複数の変形を使用します。\n\n次に、キラキラを作成しましょう!\n[新規ラスターレイヤー]を作成 > 「Sparkles」と名付け > 描画モードを[加算(発光)]に設定します。\n\n次にキラキラブラシを取得します。\n私はこのブラシを使いました:

そしてキラキラを追加するだけです。

次に、これをアニメーション化しましょう。\n\n[このレイヤーのキーフレームを有効化]をクリックします。\n[スムーズ補間]になっていることを確認してください。

フレーム1 – 光が大きいので、不透明度 – 不透明度100%にキーフレームを追加します。\n光が大きいフレーム13と24でも同じことを行います。

次に、光が小さいとき、フレーム7不透明度 – 不透明度0%にキーフレームを追加します。\n光が小さいフレーム19でも同じことを行います。

すると、このようになるはずです。

次に、動きに取り掛かりましょう。キラキラを上に動かします。\n[>]アイコンをクリックしてSparklesレイヤーを展開します。\n[位置]が選択されていることを確認します。\n\nフレーム1では、光が大きいので、キラキラを上にドラッグします。\n> 少しだけドラッグし、浮遊アニメーションの中間にあるようなイメージです。\n> スパークルレイヤーをドラッグできるように、[操作]ツールが選択されていることを確認してください。\n> \n>  \n>\n最後のフレーム、フレーム24にも同じキーフレームを追加します。ただし今回は、最後のキーフレームをタイムラインの最後までドラッグするようにしてください。これにより、ループアニメーションを作成したい場合に、より滑らかでシームレスなアニメーションになります。

次に、光が低いとき、フレーム7キラキラを上にドラッグします。\n> これが不透明度が0%のフレームでもあることを覚えておいてください -- 基本的に、上に移動しながら消えていくアニメーションを作成しています。\nフレーム8で、キラキラは下に移動します。\nフレーム7とフレーム8のキーフレームをコピーし、フレーム17フレーム18貼り付けます。\n\nプロセスと結果はこのようになります:

基本的に行ったのは、キーフレーム124アクションの中間であり、\nキーフレーム717キラキラが上昇する時点であり、\nキーフレーム818キラキラが開始位置に戻る時点です。

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

>> 編集:キラキラの追加

これは[編集:エフェクトの追加]と同じです。\n\n[Sparkleレイヤー]が選択されていることを確認し、[このレイヤーのキーフレームを有効化]を無効にします。\nそしてキラキラを追加するだけです。

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

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

キーフレームはいつでも戻って修正できることを忘れないでください。\n\n例: キラキラが速すぎたり、高すぎたりするので編集したい場合。\n\n[位置]が選択されていることを確認し、編集したいキーフレームに移動します -- 好きなようにキラキラをドラッグしてください。

>> 編集:キラキラのマスク

これも[編集:マスクの再調整]と同じです。\n\n一部のキラキラがキノコから下がりすぎたり、キャラクターに重なったりしていることに気づくでしょう。\n\nこれらのキラキラを削除するのではなく、その領域に表示されないようにマスクしましょう。\n\n再度キーフレーム設定を無効にします。[このレイヤーのキーフレームを有効化]をクリックして無効にし、マスク作業に取り掛かります。\n[レイヤーマスクを作成]をクリックし、作成後[>] そのマスクを右クリック > [マスク領域を表示]を選択します。\n> [マスク領域を表示] - これにより、何を消去しているかを確認できます。\n\nその領域のキラキラを非表示にできます。消しゴムを使って、キラキラを表示させたくない部分を消去/非表示にし始めます。

完了したら、[マスク領域を表示]を無効にし[このレイヤーのキーフレームを有効化]を再度有効にします。\n\nキーフレームは残り、マスクも適用されています。

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

これはキャラクターのハイライトであり、背景要素にも一部の強い光があるかもしれません。\n\n[新規ラスターレイヤー]を作成 > 「HIGHLIGHTS」と名前を変更 > 描画モードを[加算(発光)]に設定します。

ヒント: カラー覆い焼き、加算、または加算(発光)も使用できます。\n\nブラシでハイライトを作成するだけです。\n私は不透明度80-100%の[ソフトブラシ]を交互に使用しています。\n\n> ⭐ ヒント: キャラクターのハイライトを作成するショートカットが必要な場合は、シャドウアニメーションで作成したマスクを覚えていますか?それを使用できます。\n\n[CTRL]を押しながらそのマスクをクリックします - これにより白い領域が選択されたので、キャラクターを選択するために反転させましょう。\n[選択範囲を反転]をクリック > そしてハイライトを追加し始めます。

環境や岩にハイライトを追加するには、[なげなわ選択]ツールを使用しました。\n[なげなわ選択]ツールで選択範囲を作成 > ブラシで色を塗るだけです。\n— 必要に応じてぼかしブラシでエッジを柔らかくします。

ハイライトの作成が完了したら、アニメーション化しましょう。\n[このレイヤーのキーフレームを有効化]をクリックします。\n[不透明度]が選択されていることを確認し、GLOWING MUSHROOMSと同じアニメーションにします。\n\nフレーム1, 13, 24不透明度100%\nフレーム719不透明度27%(またはそれ以下)

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

目のアニメーション

この目のアニメーションでは、2つの画像/フレームのみを使用します。\n⭐ 目を開く\n⭐ 目を閉じる\n\nこれは主に3秒という非常に短いアニメーションで目立たず、また私のキャラクターの目が非常に小さいためです。\n\nまず、目を分離し、欠落している領域を再描画する必要があります。\n[なげなわ選択]ツールを使用して、目を別のレイヤーにコピー&ペーストしました。

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

次に[新規ラスターレイヤー]を作成し、目を閉じた状態を描画します。

これで目を開いた状態目を閉じた状態の両方ができました。

必要に応じて、中割りのアクション/フレームを自由に追加してください。\n\nこれをアニメーション化するにはキーフレームまたはアニメーションセルを使用できます。\n両方試してみましょう!


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

アニメーションセルとは、アニメーションを作成するためにフレームごとに描画することです。\nパラパラ漫画のようなものです!\n\nセルにコピー&ペーストします。\n[新規アニメーションフォルダー]を作成 > 「EYES_ANIM_CEL」と名前を変更します。

タイムラインの冒頭にいることを確認し、[新規アニメーションセル]をクリックします。\n1とラベル付けされた空のレイヤーが表示されます。

コピー&ペーストを開始する前に、[ファイル] > [環境設定] > [アニメーション]に移動します。\n\nセルへの貼り付け方法を変更します — [選択中のレイヤーに貼り付け]になっていることを確認してください。\n完了したらOKをクリックします!\n\nこれにより、コピー&ペーストが簡単になります。

コピーするには - EYES OPENレイヤーを表示 > なげなわツールで選択 > CTRL Cでコピーします。\n\n貼り付けるには - アニメーションフォルダー > セル1に移動 > そこに貼り付けます。

次のセルも同様に行います。目を閉じた状態です。\n\n(アニメーションフォルダーの下にいることを確認してください)\nフレームを選択 > [新規アニメーションセル]を作成 > 2とラベル付けされた新しいセルが表示されます。\n\nコピー - EYES CLOSE\n貼り付け - セル2へ

彼にまばたきを続けさせたいので、次のフレームに同じアニメーションを配置しましょう。\n\nこれらのセルを次のアニメーションに割り当てます。\nセルがない次のフレームにいることを確認します。\n[アニメーション] > [トラック編集] > [複数セルを割り当て]に移動します。

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

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

OKをクリックすると、セル1と2のコピーが表示されます。\n\n基本的には、セル1と2を次のフレームに表示するように割り当てました。

アニメーションの最後に、彼に目を開いてほしいので、[フレームにセルを割り当て]をクリックします。\n目を開いた状態であるレイヤー1を選択し、OKをクリックします。

これでセルを使用した簡単な目のアニメーションができました。


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

キーフレームを使用したい場合、基本的には目を開いた状態目を閉じた状態のレイヤーの不透明度を操作します。\n\n整理するために、目を開いた状態と目を閉じた状態のレイヤーをフォルダーに入れます。\n\n目を開いた状態目を閉じた状態のレイヤーを個別に選択し、[このレイヤーのキーフレームを有効化]をクリックします。\n\nまた、キーフレーム補間を[ホールド]に変更します。\n> 好きなキーフレーム補間を使用できますが、目のアニメーションを行う際は、中間フレームで変更がないことを確認するために[ホールド]を好んで使用します。

まばたきを開始したいフレームを選択します。私はフレーム15に進みます。\n両方にキーフレームを追加します。\n\n目を閉じた状態 – 不透明度0%\n目を開いた状態 – 不透明度100%\n\n次のフレーム、フレーム16\n目を閉じた状態 – 不透明度100%\n目を開いた状態 – 不透明度0%

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

もう片方の目も同じようにしてください。\n\n完了すると、このようになります。

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


カメラアニメーション

このステップはオプションです!\n\n2Dカメラを追加します。これはあなたのカメラです!\nこれを使ってアニメーションをズームイン、ズームアウト、回転、パンすることができ、キーフレームを使って操作します。\n\nカメラを追加するには、[アニメーション] > [新規アニメーションレイヤー] > [2Dカメラフォルダー]に移動します。

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

タイムラインでカメラの変形を展開するか、[操作] > [オブジェクト]のツールプロパティを使用できます。\n\n私は極端ではないカメラシェイクのような、シンプルなものだけを目指します。\n\n[拡大・縮小率]では、3値分ズームインしました — 97.0にします。\n> 値を変更したためキーフレームが表示されますが、拡大・縮小をアニメーション化しないため、そのスケールキーフレームは削除できます。\n\n次に[位置]をクリック > 変形ボックスを画面の右下端、キャラクターから離れた場所にドラッグします。 \n\nカメラを移動するとキーフレームが追加されるはずです。

そのキーフレームをコピーし、キーフレームをクリックして[ALT]キーを押しながら目的のフレームまでドラッグします。私はフレーム24までドラッグしました。\n\nそしてその最後のキーフレームをタイムラインの一番最後までドラッグしました。

中間のアニメーションでは、フレーム13に移動します。\n[操作]ツール > オブジェクトが選択されていることを確認し、変形ボックスをクリックして、前のキーフレームから斜め上に少しドラッグします。\n\n> カメラの動きは、影が同じ方向に斜めに上下する動きを補完するように配置されています。

再生すると、このようになります。

見えている青い四角はカメラの動きです。\n\nカメラの視点がどのように見えるかを確認したい場合は、\n[操作]ツール > [オブジェクト] > ツールプロパティを確認します。\n\n表示モード:\nデフォルトでは[表示ガイドを表示]になっています。\nこれを[カメラの視野を表示]に変更できます。

これでカメラが見ているものがわかります!


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

ついに作品をエクスポートします!\n\n好きな形式でエクスポートできますが、この例ではGIFを選択します。\n\n[ファイル] > [アニメーションを書き出し] > [アニメーションGIF]に移動します。

必要に応じて、またはタイムラインの設定に合わせてエクスポート設定を入力します。

エクスポートオプション; ディザリング\nディザリングとは色の階調です。\n\n⭐ ディザリングを有効にすると、グラデーションまたは滑らかな色のシェーディングが得られます。


⭐ ディザリングを無効にすると、異なる色調のパッチが得られます。

終わりに

ここまで読んでいただきありがとうございます!!

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

カメラはオプションです。カメラなしだとこのようになります。

それでも素晴らしいです!


同じテクニックの別の例です。

⭐ アニメーション化された光とハイライト\n⭐ キラキラ / 舞い上がるほこり\n⭐ 影の不透明度\n⭐ 目のまばたき\n⭐ カメラシェイク


キーフレームを使った簡単な落葉の作り方:

[例:8fps 24フレーム]\n\n1. 葉を曲線で描きます - 落下の中間にあるように描きます。\n2. [このレイヤーのキーフレームを有効化]をクリックします。\n3. アニメーションの中間 - フレーム13に回転と位置のキーフレームを追加します。\n——— そのシーン/位置がアニメーションの中間であることをすでに知っているように、このキーフレームを追加します。私たちはそれをアクションの中間として特に描きました。

4. フレーム1に移動し、葉が上から落ちてくるように回転させて位置を調整します。\n> 先に回転させてから、希望の回転が得られた後に位置を調整する方が簡単です。\n5. フレーム24に移動し、葉がシーンから去っていくように回転させて位置を調整します。\n6. 葉が側面から現れており、キーフレームを調整したくない場合(アニメーションの速度も変わるため)*は、「影のアニメーション」「エフェクト:舞い上がり、消えていくキラキラ」で行ったのと同じように、マスクを使用します。\n\nこうして葉を作成しました!


たとえ顔をアニメーション化しなくても、環境やカメラのシンプルなアニメーションがイラストのトーンと感情を本当に際立たせます。


これは非常に長く見えますが、実際はとても簡単です!\n不透明度をいじったり、あれこれドラッグしたりするだけです。\n\nそれは、あなたのイラストにさらなる物語、さらなる感情を加えるシンプルなアニメーションです。\n光と影は、活用すべき本当に強力な要素です!\n\nこれが役立つことを願っています!\nまた、キーフレームでの作業や編集にも役立つことを願っています!\n\n読んでいただきありがとうございます!

コメント

新着

公式 新着