Share via


Blend におけるオブジェクトのアニメーション化

オブジェクトを動かす短いアニメーションを作成したり、フェードインとフェードアウトを行うことができます。

最初に、ストーリー ボードを作成します。 ストーリー ボードには、1 つ以上のタイムラインがあります。 タイムライン上でキーフレームを設定してプロパティの変更をマークします。 次に、アニメーションの実行時に、Blend は、指定した期間全体でプロパティの変更を補間します。 結果として、移行がスムーズになります。 オブジェクトに属する任意のプロパティをアニメーション化できます。非視覚プロパティでも同様です。

次の図は、「MoveUp」という名前のストーリーボードを示しています。 タイムラインには、四角形の X と Y 位置をマークするキーフレームが含まれています。 このアニメーションを実行すると、四角形はある位置から別の位置にスムーズに移動します。

982f031a-74a3-414a-abc2-a0f41a741075

次のビデオを見ると、アニメーションの作成について確認できます。

短いビデオを見る:

次の方法を確認する:

インストール済みフィーチャーの構成

タイムラインを作成し、タイムライン内のオブジェクトを使用します。

インストール済みフィーチャーの構成

キーフレームを追加し、各キーフレームでプロパティを設定します。 次に、アニメーションを実行し、オブジェクトがスムーズに遷移していることを確認します。

インストール済みフィーチャーの構成

イベントの発生時にアニメーションを開始します。 たとえば、ウィンドウの読み込み時にアニメーションを開始します。

インストール済みフィーチャーの構成

アニメーションを使用して、オブジェクトの色を変更します。

インストール済みフィーチャーの構成

パスに沿ってオブジェクトをアニメーション化します。

インストール済みフィーチャーの構成

アニメーションの動きを、開始近く (イージング イン) または終了近く (イージング アウト) で加速または減速します。

インストール済みフィーチャーの構成

ユーザーがボタンをマウスでポイントすると表示される面白い効果を作成します。

インストール済みフィーチャーの構成

ユーザーが電卓のイメージ上のボタンを押した時に表示される効果をアニメーション化します。

コンテンツの進化にご協力ください。

Blend におけるアニメーションの作成に役立つビデオや記事が見つかった場合は、私たちと共有してください。 コンテンツを確認後、他のユーザーがお客様の発見の恩恵を受けられるように、当社がリンクを追加する可能性があります。

お客様から新しいビデオを提案される場合は、お客様からお話を伺いたいと思います。 他のユーザーからも同様の依頼を受けている場合は、時間と優先順位が許すときに新しいビデオを作成します。

お客様よりお客様の業務をよく知っている人はいません。 そのため、どのリソースが Blend でアニメーションを作成する際に役立ったか、また、当社または当社のコミュニティの誰かによる説明が不十分なのはどの領域かについて教えてください。そうすることで、お客様に役立つコンテンツを進化させることができます。

ご提案はこちらで共有してください。