次の方法で共有

変更エフェクトのアニメーション化

  • [アーティクル]

効果のプロパティをアニメーション化することができます。たとえば、ドロップ シャドーの [Direction] をアニメーション化して、オブジェクトの後ろで円状に移動するようにできます。

このアニメーションをアプリケーションの異なる条件で実行することができます。たとえば、ボタンのテンプレートに効果を追加し、テンプレートのスコープでその効果をアニメーション化して、ボタンをクリックするとアニメーションが実行されるようにテンプレートを構成することができます。詳細については、「ストーリーボードの実行タイミングの制御」を参照してください。

簡単なストーリーボードで効果のプロパティをアニメーション化するには

  1. プロジェクトのオブジェクトに効果を適用します。詳細については、「エフェクトの適用、変更または削除」を参照してください。

  2. [オブジェクトとタイムライン] パネルで、効果をアニメーション化するストーリーボードを開くか、[新規作成] Ee341440.5a0163ac-6809-4f4c-b9f2-82782c0ccad5(ja-jp,Expression.40).png をクリックして新しいストーリーボードを作成します。

  3. タイムライン再生ヘッド Ee341440.5626c9eb-40bb-450a-9ca1-3678e5abe429(ja-jp,Expression.40).png を 1 秒のマークに移動します。

    tip noteヒント :

    ストーリーボードを開いている間は、プロジェクトで行う変更はタイムライン再生ヘッドの場所にあるキーフレーム Ee341440.fa3c696d-5463-4000-8a6b-650fe6759bf7(ja-jp,Expression.40).png として記録されます。キーフレームをいったん作成したら、いつでもそのキーフレームを移動、コピー、貼り付けまたは削除できます。詳細については、「キーフレームの貼り付けまたは移動」および「キーフレームの削除」を参照してください。

  4. 次のいずれかの操作を行います。

    • [オブジェクトとタイムライン] パネルで、適用された効果のあるオブジェクトを展開し、効果を選択します。

      [プロパティ] パネルには、効果のプロパティを一覧表示した [その他] カテゴリのみが表示されます。

    • アートボードまたは [オブジェクトとタイムライン] パネルで、効果を適用するオブジェクトを選択します。

      [プロパティ] パネルの [外観] カテゴリで、Effect プロパティの横にある [展開] Ee341440.6375953d-074c-421a-bbb3-6f5055b67b64(ja-jp,Expression.40).png をクリックして、プロパティを表示します。

  5. 効果に新しい値を入力して、アートボードで変更を表示します。たとえば、オブジェクトの後ろでドロップ シャドーを円状に移動させるには、Direction プロパティの値に 360 を加算するか、減算します。

  6. アニメーションをテストするには、タイムラインの上にある [再生] Ee341440.64ad8e84-1eec-4154-9d0c-11fef322c0bf(ja-jp,Expression.40).png をクリックします。

関連項目

タスク

エフェクトの適用、変更または削除
オブジェクトの追加または変更

概念

アニメーション オブジェクト

Copyright ©2011 by Microsoft Corporation. All rights reserved.