74
ライブモーション

良くも悪くも、Webはアニメーションに満ちた場所になりました。指を向けると変化するボタンから、躍動感のあるサウンドトラックを備えた精巧なMacromedia Flashベースのインターフェースまで、動きと視覚効果は大流行です。

LiveMotion 1.0はAdobeの最新の魅力的なアニメーション制作ツールであり、モーション制作に最適な環境です。Macromedia以外のアニメーション製品として初めてFlash(SWF)ファイルフォーマットをサポートしたことで、大きな注目を集めています。Flash 4を購入(そして習得)することなくFlashプロジェクトを作成できるからです(1999年10月号のレビューを参照)。LiveMotionを「Flashキラー」と呼ぶ人もいますが、Flashはまだ警察の保護を求める必要はありません。LiveMotionはFlash 4の高度なオーサリング機能には及ばず、Flashのような豊富なサードパーティ開発リソースも備えていません。

LiveMotionは派手さに欠ける部分を、汎用性と使いやすさで補っています。シンプルなロールオーバー、GIFアニメーション、インタラクティブなFlashプロジェクトなど、Flash 4よりも習得しやすい効率的なインターフェースで作成できます。

見覚えがある

LiveMotionは、Photoshop、Illustrator、現在は廃止されたImageStyler、After Effectsのユーザーにとって馴染み深いものとなるでしょう。これらのプログラムのハイブリッドのような印象を与えることが多く、この理想的な融合こそがLiveMotionの汎用性を高め、プロジェクトによってはFlash 4よりも優れていると言えるでしょう。

ビットマップ領域では、LiveMotion は Photoshop フィルターをサポートし、非破壊的にフィルターを適用できます。つまり、元の画像を再インポートすることなく、フィルターの効果を削除して別のフィルターを適用できます。また、インポートした画像を切り抜いたり、傾斜させたり、明るさ、コントラスト、彩度を調整したりすることもできます。これは Flash 4 にはない便利な機能です。さらに、Photoshop ドキュメントを LiveMotion にインポートしてレイヤーを保持することもできます。元の画像を編集する必要がある場合は、LiveMotion の「オリジナルを編集」コマンドで Photoshop を起動し、ドキュメントを開きます。変更を保存すると、LiveMotion プロジェクトに反映されます。

ベクターに関しては、IllustratorユーザーならLiveMotionのペンツールがすぐに使いこなせるでしょう。LiveMotionはIllustratorドキュメントのインポートも可能で、「オリジナルを編集」コマンドはIllustratorとPhotoshopの両方で使用できます。

しかし、LiveMotionのテキスト機能はFlash 4には及ばない。Flashとは異なり、LiveMotionはテキストフィールド付きのフォームを作成できず、複数行のテキストブロックもサポートしていない。また、Photoshop 5.5と同様に、LiveMotionではレイアウト上で直接テキストを入力・編集するのではなく、別のダイアログボックスでテキストを入力する必要がある。まさに1990年代的な機能と言えるだろう。

動きを作る

After Effectsとの強い類似性により、LiveMotionはWebへ移行するビデオモーショングラフィックデザイナーにとって最適な選択肢となります。さらに重要なのは、LiveMotionのアニメーションへのアプローチがFlashよりも柔軟性が高いことです。Flashでは、タイムラインウィンドウ内の特定のフレームにキーフレームを作成して配置します。この方法はうまく機能しますが、プロジェクトの再生フレームレートを変更する場合は、変更後のフレームレートに合わせてキーフレームを手動で再調整する必要があります。

LiveMotionでは、キーフレームは特定のフレームではなく、時間上の点に割り当てられます。例えば、1秒あたり12フレームのアニメーションでは、Flashのようにフレーム番号24にキーフレームを作成するのではなく、2秒の時点でキーフレームを作成します。これによりアニメーションの作成が容易になり、プロジェクトのフレームレートを変更してもキーフレームの位置を変更する必要がありません。実際、同じプロジェクトを複数の異なるフレームレートでエクスポートして、各レートでのアニメーションの滑らかさを評価したり、低帯域幅バージョンと高帯域幅バージョンを作成したりすることも可能です。また、アニメーションをループさせたり、ネストさせて1つのアニメーションを別のアニメーションの中で再生したりすることも可能です。ただし、バグのため、サウンドはシームレスにループできません。

After Effectsと同様に、LiveMotionではコンポジションウィンドウでルーラーとスナップガイドを使ってプロジェクトをデザインします。細かい作業のためにズームインすることはできますが、After Effects(およびFlash 4)とは異なり、LiveMotionでは実寸よりも小さい倍率までズームアウトすることはできません。そのため、コンポジション領域外の要素を配置するのが面倒になる場合があります。

インタラクティブ性を実現する

LiveMotionでは、要素の属性をスタイルとして保存し、他の要素に適用できます。Webインターフェースで最もよく使われるロールオーバーを作成するのに便利です。マウスオーバー、マウスダウン、その他のロールオーバー状態を数回クリックするだけで作成でき、スタイルを使用してデザインを他のボタンに適用することもできます。

より高度なインタラクションを実現するために、LiveMotionはビヘイビア(ユーザーが要素をクリックしたとき、またはアニメーションがタイムラインの特定のポイントに到達したときに実行される命令)を提供します。要素にビヘイビアを割り当てることで、ボタンのクリック時にWebページに移動したり、Flashムービーの再生を停止または開始したりするなど、様々な形式のインタラクションを指定できます。

LiveMotion の時間です。LiveMotion   の After Effects のようなタイムライン ウィンドウ (画面下部) を使用すると、アニメーションを簡単に作成できます。

LiveMotion の動作は Flash 4 のアクションに似ています。ただし、LiveMotion にはスクリプト言語がないため、高度な Flash プロジェクトを作成するという点では Flash 4 より劣ります。

エクスポートとHTMLの作成

LiveMotionは、ロールオーバー、イメージマップ、埋め込みFlashプロジェクト用の基本的なHTMLを優れた品質で作成します。また、LiveMotionで生成された要素を既存のHTMLページに簡単に追加できる、優れたバッチ置換機能も備えています。ImageStylerの同等の機能と同様に、「HTMLのバッチ置換」コマンドはHTML要素を検索し、LiveMotionで生成された要素に置き換えます。

しかし、LiveMotionにはFlash 4のような高度なHTMLエクスポート機能が欠けています。例えば、Flash 4はFlashプラグインの存在を検出するJavaScriptを含むHTMLページを作成できますが、LiveMotionのHTMLは単にムービーを埋め込むだけです。また、Flash 4ではカスタムHTMLテンプレートを作成できますが、LiveMotionではできません。

LiveMotionには、Flash 4のような高度なパフォーマンスチューニングオプションもありません。LiveMotionのエクスポートレポートにはダウンロード時間に関する情報がいくらか提供されますが、Flashの帯域幅プロファイラーに相当する機能はLiveMotionには備わっていません。帯域幅プロファイラーは、様々な接続速度におけるプロジェクトのダウンロード速度に関する詳細な情報を提供します。

2000年9月96ページ www.macworld.com