Hype Recordを使用したアニメーションの概要

• かもしれません 2, 2024

Hypeには、記録機能と呼ばれる最初のアニメータ用の非常に優れた機能があります。この機能を使用するには、大きな赤い録音ボタンをクリックするだけです。それがこのチュートリアルで行うことです。

学習したように、アニメーションを作成するには、開始フレームと停止フレームのみが必要です。たとえば、四角形が画面上を移動するときにサイズを小さくするには、アニメーションを開始するフレームと停止するフレームをHypeに指示します。タイムラインベースのアニメーションを使用しているため、タイムラインでキーフレームを使用してHypeと話すことができます。そして、ご想像のとおり、これら2つの特別な開始フレームと停止フレームにキーフレームを配置します。

Hypeがキーフレームを検出すると、画面上の長方形などのオブジェクトのプロパティに注意します。 Hypeが注目するいくつかのプロパティは、不透明度、左原点、右原点、サイズの高さ、サイズの幅です。これらのプロパティは、HTML5ドキュメントのCSSスタイルプロパティに対応しています。 Hypeは、これらのプロパティの値を、対応するタイムライン上の位置またはフレームとともに保存します。

このサンプルアニメーションを作成する最初のステップは、アニメーションの開始時と終了時に長方形を作成するサイズと画面上のどこに配置するかをHypeに指示することです。これはすべて、[記録]ボタンで実行できます。

1. [ファイル]-[新規]をクリックして、デフォルト設定を使用してHypeで新しいドキュメントを開始します。
   
   画面に長方形を追加しましょう。
   
   
2. ツールバーの「要素」アイコンをクリックして、「長方形」を選択します。 Hypeは、画面の中央に新しい長方形を配置します。
   
   アニメーションの開始時の長方形を配置します。デフォルトのサイズを維持するため、必要なのは長方形を移動することだけです。
   
   
3. 画面の左端に長方形をドラッグします。
   
   
4. Metrics Inspectorをご覧ください。長方形は、左端から7ピクセル、上端から149ピクセルになりました。また、102 x 102ピクセルです。
   
   

ここで、四角形を右端に移動して、50％削減します。また、これをわずか30フレームで実行する必要があります。次のチュートリアルの記録機能を使用して、この情報をHypeに伝えましょう。

継続する

動画の説明: Nerf Fortnite Blasters Battle | Dude Perfect (かもしれません 2024).