表示、移動、退出をそれぞれ個別のイベントとして計画します。MacのKeynoteでは、ビルド順序を使ってイベントを並べ、その後で開始条件を設定します。このガイドでは、無地の図形と仮のラベルを使った1枚のスライドを例に説明します。これらの操作については、Appleのビルド順序に関するガイドで解説されています。

各ステップで聴衆に何を見せるか決める

エフェクトを選ぶ前に、スライド上で目に見える変化を短い流れとして書き出します。この例では、長方形、円、そして項目Aと項目Bをそれぞれ含む2つのテキストボックスを使います。最初はオブジェクトを離して配置し、重なりを気にせず各アニメーションを確認できるようにします。

意図する順序は、長方形とそのラベルを同時に表示し、少し間を置いて、円とそのラベルを同時に表示し、最後に長方形を移動する、というものです。終了時も両方のラベルを表示したままにします。これにより、意図的な2回の間と、確認すべき最後の移動ができます。

段階 表示上の変化 発表者の意図
1 長方形と項目Aが同時に表示される 最初の項目を紹介する
2 円と項目Bが同時に表示される 準備ができたら2つ目の項目を紹介する
3 長方形が新しい位置に移動する 2つ目の紹介の後、自動的に続ける

この計画表はストーリーボードであり、テスト済みのタイミングを記録したものではありません。操作を調整する前に、決めた内容を明確にできます。後から、準備ができたときだけ長方形を移動させたいと思った場合は、シーケンス全体を作り直さず、その段階の開始条件を変更します。

アニメーションを設定する前に実際のオブジェクトを確認する

テキストを入力した図形と、別のテキストボックスを添えた図形は、作り方が異なります。Appleの説明によると、選択した図形に直接入力できます。この例では、ラベルごとに独自のアニメーション項目が必要なため、テキストボックスを分けて使います。これは、各パーツを独立させたいという目的に基づく計画上の選択です。図形の内側にテキストを追加して配置するでは、図形に埋め込んだテキストの作り方を説明しています。

目に見える各パーツが、個別に選択できるオブジェクトだと思い込まないでください。まずスライドの構成を確認します。長方形が動いてもラベルをその場に残したい場合は、ラベルを分けておくと意図が明確になります。ラベルも長方形と一緒に動かしたい場合は、エフェクトを追加する前に構成を見直してください。

オブジェクトリストで似た項目を見分ける

ナビゲータまたはスライドのみ表示で、ツールバーの表示ボタンをクリックし、オブジェクトリストを表示を選択します。リストを使うと、重なったオブジェクトを選択しやすくなり、オブジェクト名も編集できます。長方形A、ラベルA、円B、ラベルBのような、説明的な名前を計画用に付けてください。これらは推奨する名前であり、Keynoteが自動で割り当てる識別名ではありません。Appleのオブジェクトリストに関するガイドでは、選択と命名について説明しています。

オブジェクトリストには、スライドの重なり順が反映されます。リスト内で項目をドラッグすると、その重なり順が変わります。テキストボックスや図形の中に入れ子になったオブジェクトなど、一部の項目はリストに表示されません。そのため、リスト内の位置や項目の欠落だけでは、アニメーションがシーケンスのどこにあるかを判断できません。オブジェクトリストを使ってオブジェクトを移動、編集する。

グループ化は別の操作です。Appleは、複数のオブジェクトをひとまとまりとして移動、サイズ変更、回転する方法として説明しています。オブジェクトを選択し、1つをControlキーを押しながらクリックして、グループ化を選択します。解除するにはグループ解除を使います。この例では、計画した各イベントを簡単に確認できるよう、4つのオブジェクトを分けておきます。オブジェクトの重ね順、グループ化、ロック。

ストーリーボードに必要なエフェクトを追加する

4つのオブジェクトそれぞれについて、選択してアニメーションサイドバーを開き、ビルドインを選んで、エフェクトを追加をクリックします。表示エフェクトを選び、使用できる継続時間や方向のコントロールを調整します。オブジェクトを退出させる場合はビルドアウトを使います。設定項目はエフェクトによって異なります。オブジェクトをスライドに表示、またはスライドから退出させる。

このストーリーボードに必要なのは、4つの表示と1つの移動で、退出はありません。まずは控えめな表示エフェクトを使い、シーケンス自体を確認します。ここで退出を追加しても、計画した内容の実現には役立たず、イベントが1つ増えるだけです。

長方形を移動するには、長方形を選択し、アクション、エフェクトを追加、移動の順に選びます。不透明なオブジェクトを開始位置までドラッグし、透明なゴーストを移動先までドラッグします。ゴーストはそのオブジェクトの移動先を示すもので、個別にスケジュールする2つ目の長方形ではありません。サイドバーで継続時間と加速を調整します。スライド上のオブジェクトをアニメーション化する。

テキストの表示とオブジェクトの構成を分けて考える

テキストボックスは、複数の独立したテキストボックスに分けずに、内容を少しずつ表示できます。エフェクトを追加したら、表示方法を確認します。Appleの説明には、箇条書きグループごとなどのオプションや、開始と終了の箇条書き項目または段落を選ぶ開始位置の横にあるコントロールが含まれます。内容を段階的に表示するビルドは、初期設定ではクリックによって進みます。リストを順に表示する場合はこの方法を使い、ラベルを個別の位置に置く必要があるレイアウトでは、別々のテキストボックスを使います。Appleの表示および退出アニメーションに関するガイド。

シーケンスを並べて開始条件を選ぶ

スライドを選択し、アニメーションサイドバーの下部にあるビルド順序をクリックします。ビルド項目をドラッグして順序を設定します。スライド上のオブジェクトを選択すると、関連する項目が青くハイライトされます。そのため、1つのオブジェクトに複数のイベントを設定できます。ビルドの順序とタイミングを変更する。

項目を選択し、開始を使います。

  • クリック時：次のクリックまで待機します。
  • With Build [number]：互換性がある場合、直前のビルドと同時に開始します。
  • After Build [number]：直前のビルドが終わるまで待機します。必要に応じて遅延を調整します。
  • トランジション後：スライドのトランジション後に開始し、遅延を設定することもできます。

これらの関係は、Appleのビルド順序に関するガイドで説明されています。

順序を並べ替えた後に表示される番号を使って、この例の計画を適用します。

項目 オブジェクトとイベント 開始の設定
1 長方形の表示 クリック時
2 項目Aの表示 ビルド1と同時
3 円の表示 クリック時
4 項目Bの表示 ビルド3と同時
5 長方形の移動 ビルド4の後

この表では、例示用のストーリーボードにAppleが説明するタイミングの関係を適用しています。ビルド順序の参考資料。

同時アニメーションの制限を踏まえて作業する

With Build [number]が使用できない場合、Appleによると、隣接するビルドを同時に再生できません。順番に再生する設定を選ぶか、エフェクトの組み合わせを見直してください。ビルドの順序とタイミングを変更する。

1つのオブジェクトに複数のアクションを設定する場合、Keynoteでは2つ以上のベーシックアクションビルドを組み合わせられます。アクションを追加で別のアクションを追加し、関連する項目を連続して配置して、後続のアクションが上のアクションと同時に始まるよう設定します。Appleは、バウンスやフリップなどの強調ビルドは、こうした組み合わせの対象外だと明記しています。これらは他のビルドの直後に続けることはできます。アクションビルドを組み合わせて1つのアニメーションにする。

たとえば、ストーリーボードを変更して、移動の後にバウンスを加える場合は、連続する2つのイベントとして計画します。ガイドで対象外とされている同時再生の組み合わせを探して、順序を何度も並べ替える必要はありません。シーケンスが分かりにくくなったら、項目をさらに追加する前に、目に見える変化の計画を簡潔にしてください。

ストーリーボードに沿ってスライドをテストする

スライドを選択し、再生 > フルスクリーンで再生を選び、ツールバーの再生ボタンをクリックします。再生中に右矢印またはスペースを押すと次のビルドまたはスライドに進み、左矢印を押すと前のスライドに戻るか、そのビルドが最初の状態に戻ります。Escを押すと再生が終了します。これらの操作で、シーケンスを最初から確認できます。MacでKeynoteプレゼンテーションを再生する。

この例では、3つのタイミングを確認します。最初に進めたときは最初のペアだけが表示され、2回目に進めたときは2つ目のペアが表示され、その後、独立したラベルをその場に残して長方形が動くことを確認します。すぐ次のステップに進まず、進行の間に少し待って、自動で始まる部分を観察してください。

結果が違う場合は、最初に誤っているイベントを特定します。継続時間を変える前に、選択したオブジェクト、エフェクト、シーケンス内の位置、開始条件を確認してください。再生結果がストーリーボードと一致し、各停止によって意図したタイミングで続行できるようになったら完了です。

出典