複数のアニメーションを設定している場合に、その実行順序を設定するのが[タイミング]パネルです。まず、[ウィンドウ]メニューの[インタラクティブ]から[タイミング]を選択します。[タイミング]パネルが表示され、現在のスプレッドに適用されているアニメーションがすべて表示されます。下図では、5つのアニメーションが設定されているのが分かります。
![](https://study-room.info/archives/001/201005/4bf89c611d42d.gif)
これらのアニメーションはパネルの上に表示されているものから順に実行されます。ここでは一番下のアニメーションが一番最初に実行されるよう順序を変更してみます。選択したアニメーションを目的の位置までドラッグすると、太い線が表示されるので、目的のところでマウスを話します。アニメーションが適用される順番を変更することができました(下図)。
![](https://study-room.info/archives/001/201005/4bf89c6182a96.gif)
![](https://study-room.info/archives/001/201005/4bf89c619272a.gif)
![](https://study-room.info/archives/001/201005/4bf89c619754a.gif)
複数のアニメーションを同時に実行することもできます。その場合には、同時に実行したいアニメーションをグループ化すればOKです。複数のアニメーションを選択したら、[タイミング]パネルの[同時に再生]ボタンをクリックします(下図)。
![](https://study-room.info/archives/001/201005/4bf89c61a5fa9.gif)
選択していた複数のアニメーションが線で繋がれ、グループ化されます(下図)。これで、グループ化されたアニメーションは同時に再生されます。
![](https://study-room.info/archives/001/201005/4bf89c61bbf3e.gif)
なお、グループ化を解除したい場合には[タイミング]パネルの[別々に再生]ボタンをクリックします(下図)。
![](https://study-room.info/archives/001/201005/4bf89c61ca99b.gif)
設定が終了したら、[タイミング]パネルの[スプレッドをプレビュー]ボタンをクリックして、アニメーションの表示を確認しておきます(下図)。
![](https://study-room.info/archives/001/201005/4bf89c61de219.gif)