グループ レイヤー アニメーションは、既存のグループ レイヤー、またはマップ、シーン、またはグローブ内の個々のレイヤーから作成できます。このアニメーションは、一連のレイヤーを順番にループします。たとえば、グループ レイヤーがあり、各レイヤーは時間ごとのスナップショットを表しているとします。これらのレイヤーがコンテンツ ウィンドウに順番に並んでいる場合、グループ内の各レイヤーの表示のオン/オフを連続的に切り替えるトラックを作成することができます。アニメーションはコンテンツ ウィンドウでの順番に依存するので、レイヤーを再生する順に配置してください。
あるレイヤーから別のレイヤーへのトランジション時に設定できるオプションが 3 つあります。
- 各レイヤーを次々に表示するように設定します。
- 各レイヤーを単独でフェード イン/フェード アウトします。
- あるレイヤーがフェード アウトしたら次のレイヤーがフェード インするように、フェーディング時にレイヤーをブレンドします。
各レイヤーを次々に表示するように設定する
たとえば、アプリケーションに 2 つのレイヤーが追加されている場合、[アニメーション] ツールバーの [グループ アニメーションの作成] ダイアログ ボックスで、[フェーディング トランジション] スライダーを [なし] に設定し、[フェーディング時にレイヤーをブレンド] をオフにします。
![[グループ アニメーションの作成] ダイアログ ボックス [グループ アニメーションの作成] ダイアログ ボックス](GUID-9EC9E136-E135-49FC-8ACD-348A29DF3D65-web.gif)
この場合、アニメーション マネージャーを使用して、レイヤー 1 はアニメーションの前半 50% 表示され (この期間中、トラック ラインは緑で表示されています)、その直後にレイヤー 1 は非表示になり (この期間中、トラック ラインは赤で表示されています)、レイヤー 2 が表示されることを確認できます。このシナリオでは、0%、50%、100% 時点で、両方のレイヤーが非表示となります。したがって、レイヤー間のトランジションでは、レイヤーが突然切り替わります。
![グループ レイヤー アニメーションの [タイム表示] タブの表示 グループ レイヤー アニメーションの [タイム表示] タブの表示](GUID-F05804AC-3E4E-4CD2-A22A-A8ADD27A933E-web.gif)
各レイヤーを単独でフェード イン/フェード アウトする
各レイヤーのフェード イン/フェード アウトを個別に有効にするには、[フェーディング時にレイヤーをブレンド] をオフにし、[フェーディング トランジション] スライダーを 25% くらいに移動します。
![[グループ アニメーションの作成] ダイアログ ボックス [グループ アニメーションの作成] ダイアログ ボックス](GUID-731675D4-9401-463A-8F74-14ED4F16C580-web.gif)
この場合、1 つ目の黄色の間隔では、レイヤー 1 の透過表示が 100%(非表示)から 0%(完全に表示)に移行します。アニメーションの 50% 近くで、2 つ目の黄色い間隔により、レイヤー 1 の透過表示が 0%(完全に表示)から 100%(非表示)に移行します。ちょうど 50% の時点で、両方のレイヤーが非表示となります。アニメーションの中間点 (50%) を過ぎた直後、レイヤー 1 は完全に非表示となり、レイヤー 2 が表示され始めます。レイヤー 2 のトラックにある 1 つ目の黄色い間隔では、レイヤー 2 の透過表示が 100%(非表示)から 0%(完全に表示)に移行します。アニメーションの最後で、レイヤー 2 の 2 つ目の黄色い間隔により、レイヤー 2 の透過表示が 0%(完全に表示)から 100%(非表示)に移行します。
このシナリオでは、両方のレイヤーは 0%、50%、100% で非表示になりますが、レイヤーのフェード イン/フェード アウトによりレイヤーの表示や非表示がスムーズに行われるため、表示が突然切り替わることはありません。
![グループ レイヤー アニメーションの [タイム表示] タブの表示 グループ レイヤー アニメーションの [タイム表示] タブの表示](GUID-E6748029-3E79-4C9F-8AAB-DBFDD98C2766-web.gif)
フェーディング時にレイヤーをブレンド(L)
フェーディング時にレイヤーをブレンドし、1 つのレイヤーをフェード アウトすると同時に次のレイヤーをフェード インするには、[フェーディング トランジション] スライダーを「25%」に設定し、[フェーディング時にレイヤーをブレンド] をオンにします。
![[グループ アニメーションの作成] ダイアログ ボックス [グループ アニメーションの作成] ダイアログ ボックス](GUID-45E5B8CA-398C-44DB-9132-FF59860A17B9-web.gif)
この場合、レイヤー 2 はアニメーションの最初の時点で完全に表示されます。レイヤー 2 のトラックにある 1 つ目の黄色い間隔では、レイヤー 2 の透過表示が 0%(完全に表示)から 100%(非表示)に移行します。これと並行して、レイヤー 1 のトラックにある 1 つ目の黄色い間隔では、レイヤー 1 の透過表示を 100%(非表示)から 0%(完全に表示)に移行します。これにより、2 つのレイヤーがこの期間中にブレンドされる効果を生み出します。この後、アニメーションが 50% に達するまで、レイヤー 1 は表示されたままとなり、レイヤー 2 は非表示になります。アニメーションの中間点 (50%) に達した直後に、レイヤー 1 は非表示へのトランジションを開始し (レイヤー 1 のトラックの 2 つ目の黄色い間隔)、レイヤー 2 は表示へのトランジションを開始します (レイヤー 2 のトラックの 2 つ目の黄色い間隔)。
このシナリオでは、常に 2 つのレイヤーのうち 1 つが表示され、平行する同等の黄色い期間中にレイヤーのフェード イン/フェード アウトをブレンドすることにより、レイヤーの表示や非表示がスムーズに行われるため、レイヤーが突然切り替わることはありません。
![グループ レイヤー アニメーションの [タイム表示] タブの表示 グループ レイヤー アニメーションの [タイム表示] タブの表示](GUID-F972D174-DC1C-4E25-BDDF-7D0B3CE598A5-web.gif)