87
KeynoteでiWebサイトのスプラッシュスクリーンを作成する

ハリウッドの大ヒット映画のWebページを訪れたことがあるなら、サイトイントロムービーを見たことがあるでしょう。これは、サイトのコンテンツを紹介する、短くて目を引くFlashアニメーションです。Keynote '09 (  )を使えば、iWeb (  )サイト用のおしゃれなQuickTimeイントロムービーを作成できます。

以下の簡単なプロジェクトを完了したら、サイト訪問者のために特別な何かを実験し、作成する準備が整います。開始方法は次のとおりです。

iWebサイトを準備する

1. 「ファイル」→「新規ページ」を選択します。お好みのテーマから空白ページを追加し、分かりやすい名前を付けます。不要なプレースホルダーテキストと図形を削除し、「表示」→「インスペクタを表示」を選択します。ページインスペクタで「ページ」ボタンをクリックします。「ナビゲーションメニューを表示」と「ページをナビゲーションメニューに含める」のチェックを外し、イントロページをサイトの他の部分と区別します。

2. 「挿入」→「図形」を選択し、「四角形」を選択します。図形のハンドルをドラッグして、ムービーのサイズを調整します。大きいほど良いので、少なくともページの幅と同じサイズにしてください。「メトリクス」インスペクタで図形の寸法を確認してください。

iWeb のプレースホルダシェイプを使用すると、ページに適したサイズのイントロを作成できます。

Keynoteで始める

3. 「ファイル」→「テーマセレクタから新規作成」を選択し、サイトに合ったテーマを選択します。「表示」→「インスペクタを表示」を選択し、書類インスペクタの「書類」ボタンをクリックします。「スライドサイズ」プルダウンメニューで「カスタムスライドサイズ」を選択し、iWebの図形のサイズを入力してスライドのサイズを合わせます。

4. 訪問者への挨拶文として、プレースホルダーテキストを編集します。テキストをさらにカスタマイズするには、「表示」→「書式バーを表示」を選択し、ツールバーの下にあるオプションを使ってフォントや文字サイズなどを変更できます。

5. メディアを追加する。イントロはサイトのコンテンツを面白く反映したものにしましょう。私の場合は、愛猫の写真と少しの音楽を追加しました。

メディアや派手なアニメーションにより、サイトに魅力的な要素を加えることができます。

メディアを追加するには、「表示」→「メディアブラウザを表示」を選択します。「写真」ボタンをクリックし、スライド上に写真をドラッグします。「オーディオ」ボタンをクリックし、曲をドラッグします(アイコンはイントロには表示されませんのでご安心ください)。イントロムービーの長さは曲の長さと同じになりますのでご注意ください。曲を短くするには、曲のアイコンを選択し、QuickTimeインスペクタで開始と停止のスライダーを調整します。ムービーブラウザからスライドにムービーを追加し、同様に長さを調整することもできます。

6. ビルドインスペクタを使って、スライド内の要素にアニメーション(ビルド)を追加します。「ビルドイン」ボタンはイントロでのオブジェクトの表示方法を、「ビルドアウト」ボタンはオブジェクトの非表示方法を、「アクション」ボタンは中間のオブジェクトの外観を変更できます。その他のオプションでは、ビルドの長さと表示順序を調整できます。シンプルにするために、スライド内の各要素を選択し、「ビルドイン」エフェクトを適用するだけです。

派手な表現を恐れないでください。例えば、タイトルテキストはオービタルエフェクトで表示し、画像はスライドにドロップするように設定しました。ツールバーの「再生」をクリックすると、作業中にイントロを確認できます。「詳細オプション」ボタンをクリックし、ビルドを選択して自動再生するように設定すれば、エクスポートしたQuickTimeムービーで順番に再生されます。ビルドの適用順序は、「ビルド順序」ドロワーでドラッグ&ドロップすることで変更できます。

7. 「ファイル」→「エクスポート」を選択し、表示されたシートで「QuickTime」をクリックしてイントロをエクスポートします。「再生方法」プルダウンメニューを「手動設定」に、「フォーマット」メニューを「フルクオリティ、大」に設定します。音楽を追加した場合は「オーディオを含める」にチェックを入れ、ムービーをエクスポートします。

8. iWebで作業を完了します。ムービーを空白ページにドラッグし、プレースホルダーの形に合わせてサイズを調整してから、プレースホルダーを削除します。QuickTimeインスペクタで「自動再生」にチェックを入れると、ページの読み込み時にイントロが始まります。「ムービーコントローラを表示」のチェックを外して、再生コントロールが画面に表示されないようにします。ムービーを連続再生するには、「ループ」をクリックします。

iWeb の QuickTime インスペクタを使用すると、再生コントロールに煩わされることなく、イントロ ムービーを自動的に再生できます。

9. このイントロからメインページにリンクするには、「挿入」→「テキストボックス」を選択し、iWebのサイドバーからリンク先のページをテキストボックスにドラッグします。テキストを選択し、「Enter here」など適切な名前に変更します。サイドバーで、イントロページをサイトの一番上にドラッグすると、サイトの最初のページとして読み込まれます。

[アダム・ベレンステインはニューヨーク州北部在住のフリーランスライターです。 ]