同じような静的なプレゼンテーションの繰り返しにうんざりしていませんか?動きを加えることを検討してみてください。アニメーションは、適切に使用すれば、プレゼンテーションに力強さと華やかさを加えることができ、多くの場合、言葉だけのときよりも効果的に要点を説明できます。Keynote では以前から、スライド上の画像やテキストを移動できましたが(オブジェクト ビルドを使用)、 Apple の 79 ドルの iWork スイートの一部である Keynote '08 ( ) では、さらに高度な機能が搭載されています。スライド上でオブジェクトをジッピングしたり、クールな写真効果を追加したりすることで、Keynote の新しいアニメーション ツールを使用してプレゼンテーションを次のレベルに引き上げる方法を紹介します。(ツールを使用して複雑なアニメーションを作成する方法については、「すべてをまとめる」を参照してください。)
続きを読む…
メッセージを動かす
AppleはKeynoteのレパートリーを拡張し、移動、回転、拡大縮小、不透明度など、いくつかの新しいアクションビルドを追加しました。最も重要なのは移動アクションです。これはAからBへのアニメーションとも呼ばれます(Microsoft PowerPoint 2004にはこの機能がありません)。このエフェクトを使用すると、オブジェクトを定義済みのパスに沿って移動させることができます。
アニメーションを開始するまずオブジェクトを選択し、ビルドインスペクタのアクションパネルに移動します(「表示」→「インスペクタを表示」を選択し、パレット上部の黄色のひし形アイコンをクリックして「アクション」をクリックします)。「エフェクト」ポップアップメニューから「移動」を選択します。両端にひし形が付いた赤い直線が表示されます。この線は元のオブジェクトと、アニメーションの終了位置を表す半透明のコピーを繋ぎます。どちらかのひし形をドラッグすることで、オブジェクトの開始位置または終了位置を変更できます。
直線ではなく曲線のパスを作成したい場合は、ビルドインスペクタ(パスの下)の「曲線」ボタン(小さなアーチのアイコン)をクリックします。赤い線が、中央に制御点を持つ曲線に変わります。この制御点をクリックするとベジェハンドルが表示され、曲率を調整できます。制御点をドラッグすると、曲線がゴムバンドのように伸びます。より複雑な曲線を作成するには、パス上の任意の場所でOptionキーを押しながらクリックし、新しい制御点を追加します。
追加アニメーションを複数の直線や曲線に沿って動かす場合は、追加のパスを挿入する必要があります。現在のパスの終点に、白いプラス記号(+)が付いたひし形が表示されます。プラス記号をクリックすると、新しいパスが表示されます。希望するアニメーションが完成するまで、パスの追加と修正を続けます。新しいパスを作成すると、以前のパスが赤い点線で表示されるので、アニメーションの全体経路を確認できます(「パス上のアニメーション」を参照)。

一度に複数のアクションビルドを適用することもできます。例えば、スライド上を移動するオブジェクトを拡大または縮小させることができます。アクションビルドを作成したら、ビルドインスペクタのアクションパネルで「アクションを追加」ボタンをクリックします。インスペクタから表示されるドロワーの「エフェクト」プルダウンメニューから「スケール」を選択し、スライダーを使ってオブジェクトの拡大または縮小量を設定します。「スケール」アクションと既に設定済みのアクションを同時に実行するには、「ビルド順序」ドロワーに移動し、「ビルドを開始」メニューから「前のビルド名で自動実行」を選択します。
二度確認する作業をプレビューするには、「ビルド順序」ドロワーに移動します。各パスは個別のビルドとしてリストされています。ビルドをクリックすると、インスペクタでアニメーションのプレビューが表示されます。(ドロワーが表示されない場合は、インスペクタ下部の「詳細オプション」ボタンをクリックしてください。)Keynoteのデフォルトでは、プレゼンテーション中にマウスクリックで各ビルドがトリガーされるように配置されます。スムーズなアニメーションを1つだけ作成したい場合は、「ビルド順序」ドロワーの「ビルドを開始」ポップアップメニューで「前のビルド名の後に自動的に」を選択します。
イメージビルドをスマートにする
特定のスライドに複数の画像を含める必要がある場合があります。例えば、各スライドで異なる役職に焦点を当て、各候補者の写真を1枚ずつ表示する政治プレゼンテーションを想像してみてください。Keynoteの以前のバージョンでは、一連の写真やイラストを表示し、各画像の間に流れるようなアニメーションを挿入することは可能でしたが、設定が面倒でした。写真ごとに、ビルドイン(スライドに画像を表示するための処理)とビルドアウト(次の画像のためのスペースを確保するための処理)の両方を作成する必要がありました。Keynoteの新しいスマートビルド機能は、このプロセスを大幅に効率化します。
ビルドを開始するには、「挿入」→「スマートビルド」を選択し、「ディゾルブ」、「フリップ」、「回転キューブ」、「ターンテーブル」(Front Rowのアニメーションに類似)など、10種類のプリセットアニメーションから選択します。フローティングフォトウィンドウが表示されたら、デスクトップから画像をドラッグ&ドロップするか、Keynoteのメディアブラウザ(「表示」→「メディアブラウザを表示」)を使用してiPhotoライブラリから画像を取得します。
カスタマイズKeynote '08の新機能の一つである「ピクチャフレーム」を活用する絶好の機会です。ピクチャフレームとは、写真の周囲に追加して個性的な印象を与える特殊なグラフィックストロークです。例えば、あるピクチャフレームは、四隅に昔ながらの写真マウントが付いた白い枠線を追加し、別のピクチャフレームは、写真がスライドの背景に埋め込まれているように見せます。ピクチャフレーム効果は12種類から選択できます。ちょっとしたヒント:Appleは12種類のピクチャフレームしか表示しませんが、Keynoteには実際には72種類のピクチャフレームが隠されています。すべてのフレームにアクセスする方法については、こちらの手順をご覧ください。
ピクチャフレームを追加するには、スライド上の写真をクリックして選択し、グラフィックインスペクタを開きます。「ストローク」セクションで、ポップアップメニューから「ピクチャフレーム」を選択します。フレームのサムネイルをクリックし、表示されるフレームギャラリーから必要なフレームを選択します。最後に、「スケール」、「カラー」、「サイズ」のコントロールを使ってフレームを微調整します(最後の2つは一部のフレームタイプでのみ表示されます)。

ビルドインスペクタの「アクション」パネルでは、アニメーションの方向、継続時間、その他の属性を指定できます。また、画像ごとに異なる表示時間を設定するには、インスペクタで「要素ごとに個別のタイミングを設定」オプションを選択します。各写真は「ビルド順序」ドロワーでそれぞれ別の行に表示されます。最初の写真の行をクリックし、「ビルドを開始」ポップアップメニューから「前のビルド名の後に自動的に」を選択し、「遅延」フィールドで表示時間を設定します(「カスタム継続時間」を参照)。
スマートビルドをスライドに配置すれば、他のオブジェクトと同じように扱うことができます。つまり、ビルドインスペクタの「ビルドイン」パネルまたは「ビルドアウト」パネルでエフェクトを適用することで、スウッシュやワイプでスライドに登場または退出するように設定できます。ただし、いくつか制限があります。例えば、スマートビルドをパスに沿って移動したり、回転したり、拡大縮小したりすることはできません。また、画像セット全体で選択できるアニメーションエフェクトは1つだけなので、それぞれの写真に異なる種類のアニメーションを適用したい場合は、アクションビルド、または通常のビルドイン/ビルドアウトエフェクトを使用する必要があります。
魅力か、それとも気を散らすものか?
アニメーションは非常に効果的ですが、適当に使うと聴衆の興味を失わせてしまうこともあります。つまらない内容から気をそらすために大量のスライドエフェクトを使ったプレゼンテーションを見た時の苦悩を思い出してみてください。アニメーションを追加する前に、次の3つの質問を自問自答し、すべてに「はい」と答えられるまで先に進めないでください。
1. このアニメーションは、言葉や画像だけよりも私の主張をわかりやすく伝えるのに役立ちますか?
2. アニメーションを使用すると、視聴者がスライドの背後にあるアイデアを理解しやすくなりますか?
3. アニメーションは私が言っていることを強調していますか?
優れたプレゼンテーションは、スライドや派手な効果ではなく、伝えたいメッセージにかかっています。ですから、あなたのアイデアの真の意義から人々の注意を逸らしてしまうようなアニメーションは使わないようにしましょう。
すべてをまとめる
移動アクションからスマートビルドまで、Keynote '08は魅力的なアニメーションを作成するためのツールをこれまで以上に充実させています。しかし、これらのアニメーションをどのようにして1つのまとまりのあるプレゼンテーションにまとめるのでしょうか?
アクションビルド、スマートビルド、ピクチャーフレームという3つの新機能を組み合わせたサンプルアニメーションを作成しました。(ムービーをご覧ください。)このアニメーションは、ニュージーランドを巡る最近のクルーズを振り返るものです。アクションビルドでは、アニメーション化されたクルーズ船が港から港へと移動します。寄港地ごとに、スマートビルドにより1枚以上の写真がポップアップ表示され、ビルドインとビルドアウトによりタイトルが画面にフェードインしたりフェードアウトしたりします。どのように完成したか、以下にご紹介します。
地図の準備まず、ニュージーランドのアウトラインマップとクルーズ船のアイコンを用意しました(iStockPhoto.comから画像を購入しました)。Adobe Photoshopを使って地図の端をきれいにし、プレゼンテーションの色に合わせて塗りつぶしました。完成したら、画像をKeynoteのスライドにドラッグしました。

新機能のインスタントアルファ機能(フォーマット:インスタントアルファ)を使って、各画像の背景を削除し、地図にドロップシャドウを適用しました(グラフィックインスペクタを使用)。各港を表すドットを挿入するために、小さな円を作成し、角をドラッグしてサイズを調整しました(挿入:図形:楕円)。円を6回複製し(Command-D)、ドットを地図上の適切な位置に移動しました。ドットと地図を選択し、グループ化(配置:グループ化)し、誤って移動しないように位置をロックしました(配置:ロック)。
港へ向かうアニメーションを作成するために、最初の港から始めました。
1.都市名を記入したテキストボックス(挿入:テキストボックス)を作成し、地図上の都市の位置を示す線(挿入:図形:線)を挿入しました。2つのアイテムがグループ化されていることを確認し、アニメーションが連動するようにしました。
2.ビルド インスペクターを使用して、組み込みのワイプ効果を適用し、ポートの名前とそれに関連付けられた線をマップ上に配置しました。
3.スマートビルドを作成し、その場所の写真を配置しました(「スマートビルドの追加」を参照)。最初の写真がスライドにポップ表示されるように組み込みエフェクトを選択し、見栄えを良くするためにピクチャフレームを適用しました。そのためには、スライド上のスマートビルドをクリックし、グラフィックインスペクタを開いて、「ストローク」ポップアップメニューから「ピクチャフレーム」を選択しました。
4.ビルドインスペクターのアクションパネルでアニメーションの効果、方向、継続時間の設定を調整し、スマートビルドで各画像を表示しました。ビルドアウトディゾルブエフェクトを使用して、スマートビルドの終了位置を作成しました。ポート名とラインについても同様に設定しました。
5.クルーズ船のアイコンを次の港に移動するための移動アクションを作成し (船は地図の後ろにあったので、[配置] > [最前面へ移動] を選択しました)、船が次の目的地まで美しい曲線に沿って移動するようにアニメーションのパスを調整しました。
クルージング各ポートごとにこのシーケンスを再度作成するという面倒な作業をする代わりに、ショートカットを使ってアニメーションを完成させました。最初のシーケンスを作成した後、そのスライドを複製して残りのポートを作成し、複製した各スライドに新しい情報を加えて調整しました。スライドインスペクタのトランジションパネルを使用して、スライド間にトランジションを追加し、シームレスなアニメーションを作成しました。
[長年Macworldに寄稿しているトム・ネグリノは、KeynoteとPowerPointに関する10冊の本を執筆しています。彼はプレゼンテーションで箇条書きを最小限にしています。 ]