79
レビュー: Flash CS4 Professional

Adobe Flash CS4は、抜本的な再設計と再構築を行いました。CS4により、Flashはついに、インタラクティブなアニメーション要素を備えたコードベースのオーサリングツールから、イラストレーターが直感的にアニメーションを描けるデザイナーフレンドリーな空間へと進化しました。そう、アニメーションを描くのです。アーティストがAdobe Illustratorでベクターパスを描くのと同じように、イラストのパスを形作るだけでアニメーションを描くことができるのです。刷新されたアニメーションロジックと充実した新しいアニメーションツールにより、FlashはIllustrator、Photoshop( )、InDesign( )といったAdobeの主力デザインアプリケーションに慣れたデザイナーにとって、はるかに使いやすい環境へと進化しました。

Flashの新しいアイデンティティは、新しいデフォルトレイアウトを見れば一目瞭然です。ステージ(Flashのデザイン面)はウィンドウの下部から上部に移動され、以前は目立っていたタイムラインは画面下部に移動されました。この変更は機能的であると同時に象徴的な意味合いも持ち合わせています。この新しい外観の根底には、アニメーションを生成するための新しいロジックとモデルが存在します。

直感的なアニメーションツール

Flashの変革の中核を成したのは、オブジェクトベースアニメーションの登場です。これは、アニメーションのプロパティが、オブジェクトをホストするムービーフレーム内ではなく、グラフィックオブジェクトとして割り当てられ、編集されるようになったことを意味します。この変化は根深いものです。Shockwaveの進化系統からFlashが登場して以来、アニメーションの生成と編集はタイムラインでフレーム(特にキーフレームと呼ばれる重要なフレーム)を定義し、ActionScriptでそれらを拡張することに根ざしてきました。現在では、デザイナーはフレームやキーフレームが何であるかを知らなくても、複雑なアニメーションを作成できます。Flash CS4では、タイムライン、フレーム、キーフレーム、スクリプトが廃止されるわけではありません。しかし、これらの要素は、直感的で使いやすい新しいツール群の中に統合されています。

ここでは Dreamweaver との類似性が役立ちます。複雑な HTML Web ページを作成し、あらかじめ構築された Spry ツールを使用して、HTML、JavaScript、または CSS コーディングを記述したり、それらの知識を必要とせずに、インタラクティブな要素を作成できます。

Flash の真髄は、そして CS4 では特にそうですが、動くアニメーション(モーショントゥイーン)です。Flash CS4 でこの種のアニメーションを作成するには、開始フレームと終了フレームを定義したり、アニメーションの方向が変わるキーフレームを挿入したりする必要がなくなりました。Illustrator アートボードでイラストをデザインするのと同じように、ステージ上に描画するだけです。任意のオブジェクトを Control キーを押しながらクリックすると、コンテキストメニューが表示され、モーション、つまりシェイプトゥイーン(アニメーション)を生成できます。Flash は、オブジェクトを自動的にアニメーション化可能なシンボルに変換します。その後、オブジェクトをステージ上でドラッグしてアニメーションパスを生成します。生成されたアニメーションパスは、他のベクターパスと同様にステージ上で編集できます。

Flash CS4のステージ上でアニメーションを制御できます。アニメーションの動きを定義するベクターラインを編集することで、アニメーションのパスを微調整できます。

Dreamweaver の例に戻ると、Flash CS4 のステージでアニメーションを作成するときに生成されるフレーム、キーフレーム、および ActionScript コーディングはすべて、従来の方法で編集できるため、アニメーションの定義および編集のこれらのモードに慣れているユーザーは、以前のバージョンの Flash から機能を失うことなく、引き続きそれらを使用できます。

イラストレーターの影響

FlashのインターフェースはIllustratorのインターフェースに非常に似ているため、ステージをアートボードと呼ぶこともあります。これはIllustratorの描画領域を表す用語です。IllustratorやPhotoshopと同様に、Flash CS4ではレイヤーの表示/非表示を切り替えることでオブジェクトを分離できます。Flash CS3と同様に、Illustratorのレイヤーオブジェクトをコピー&ペーストすると、アートワークと共にレイヤーもインポートされます。同様に、Illustratorのシンボルは、簡単にアニメーション化できるムービークリップとして自動的にインポートされます。また、Flashのツールセットは、IllustratorやPhotoshopのツールにさらに近づきました。

CS4をテーマにした新デザインの拡張可能なパネルと、デフォルトの縦型プロパティインスペクタは、今日の作業環境におけるワイドモニターのスペースを有効に活用します。アニメーションのこの再概念化を基盤として、Flash CS4は、アニメーターにとって直接的な効果をもたらすと同時に、将来の可能性を示唆するツール群を提供しています。最も影響力のある機能は、おそらく3D回転ツールでしょう。内側と外側の回転円は、3D回転ツールとしては最も直感的な操作性を提供し、スクリプトやデジタル入力は必要ありません。

Flash CS4では、新しいモーションエディター(タイムラインパネルのタブとして表示されます)により、複雑で直感的とは言えないものの、強力なモーションコントロールを利用できます。モーションエディターは、After Effectsに似たコントロールセットと環境を提供します。Flash CS4では、コーディングの経験がない人でも複雑なアニメーションを作成できるだけでなく、モーションプリセットセットにアクセスして、一般的なアニメーションシーケンス(バウンドするボール、飛び込むオブジェクト、脈動など)をオブジェクトに素早く適用できます。さらに、カスタムモーションプリセットを定義して再利用することも可能です。これもスクリプトを記述する必要はありません。

Flash CS4 ではステージがワークスペースの最上部に移動され、アニメーションの定義においてより大きな役割を担うようになりました。

骨格

オブジェクトベースのアニメーションやインタラクティブな3D変形に加え、Flash CS4の最もクールな新機能はボーンツールでしょう。これは、インバースキネマティクス(IK)を用いて、動く人体(骨格構造を持つ)のようなアニメーションを生成します。ボーンツールは説明するよりも使い方が簡単です。オブジェクト内のアニメーションのつながりをトレースして定義し、「流れるような」変形を作成します。ここでも、人体の動きのイメージがコンセプトを分かりやすく伝えてくれます。

インバースキネマティクスアニメーションでは、ボーンツールを使ってボーン構造を定義できます。描画の右下にあるパスに適用されている曲線によって、描画をアニメーション化する際にどのようにモーションを適用するかが決まります。

従来は高度な ActionScript コーダーの独占領域であった IK アニメーションは、ボーン ツールを使用して生成されますが、それだけでなく、新しいバインド ツールでは、IK オブジェクト内の「ジョイント」を表示して制御し、IK アニメーションを微調整するなど、さらに詳細な制御が可能になります。

前述の通り、プロのFlashアニメーターは、膨大なActionScriptコーディングリファレンスをゴミ箱に捨てるつもりはありません。FlashのキーフレームとActionScriptの基盤はそのまま残りますが、ツールやパネルを用いたインタラクティブなステージ上オブジェクト操作によって生成されます。アニメーション制作においてコーディングアプローチに慣れているプログラマーは、ActionScriptを記述することも可能ですが、Flash CS4における機能強化はスクリプティングではなくデザイン面にあります(FlashのActionScriptはCS3でActionScript 3として強化されました)。

Flash の新しいデコレーションツールに圧倒されたわけではありませんが、私の基準はおそらく不公平でしょう。Flash が Illustrator の描画ツールやエフェクトのサポートに近づくにつれて、私の期待も高まります。Flash はイラストレーションプログラムとしてはまだ Illustrator のレベルには達していませんし、達する必要もありません。しかし、これが新しい Flash の最先端技術の限界につながり、イラストレーターが Adob​​e Illustrator をすぐには手放したくない理由です。Flash でベクターエフェクトを適用できる能力の限界は、新しいデコレーションツールに表れています。このツールでオブジェクトに作成できる Illustrator タイプの塗りつぶしは、非常に限られています。Flash エフェクトの限られたセットは、現段階では主に、Flash ムービーを Web (またはその他のデジタル環境) の Flash Player で再生しなければならないという制約によるものです。

モーション エディターは、アニメーションやエフェクトを微調整するための After Effects タイプの環境を提供します。

Flash Player は広く普及しています (大きな例外が 1 つありますが、これについては後ほど説明します)。しかし、Flash で適用できる (または適用できない) 効果も Flash によって定義されます。Illustrator から任意のベクター イラストを取り出し、外観を損なうことなく Flash にコピーできます。ただし、オブジェクトの基本的なベクター パスを変更せずに保持したまま複雑な効果セットを適用する機能は、Flash では限られた方法でしかサポートされていません。これは、Flash Player 10 でも、そのような効果のサポートが非常に限られているためです。アニメーションやインタラクティブ機能を設計するためのツールとして Flash が優位に立っているのは、もちろん Flash Player の広く普及と密接に関係しており、最近のコンピューターのほぼすべてが何らかのバージョンの Flash をサポートしています。YouTube などのオンライン ビデオ ポータルは、高品質でファイル サイズが小さく、ダウンロードが速いストリーミング ビデオを提供するために、Flash で作成されたビデオをパッケージ化した FLV 形式に依存しています。

Flash CS4の新しい3D回転ツールを使って、オブジェクトを回転させることができます。外側の円は自由に回転させるのに適しており、内側の円はX軸、Y軸、Z軸のいずれかを基準に回転させることができます。

Flash開発者(そしてオンライン動画の膨大な視聴者)にとっての現在のハードルは、AppleのiPhone( )とiPod Touch( )が現時点ではFlash Playerのどのバージョンもサポートしていないことです(iPhoneでYouTube動画を視聴する場合、YouTubeはデバイスがFlashをサポートしていないと判断し、Flash以外の形式の低品質動画の限定セットに誘導します)。つまり、現時点ではFlashアニメーションをiPhoneで視聴するには、ベクター形式以外の形式にエクスポートする必要があります。 

Flash CS4には、こうした大きな戦略的な変更以外にも、それほど劇的ではないものの、他にも革新的な点があります。例えば、設定ボックス内のすべての値が「ホットテキスト」になったことです。数値をクリックしてドラッグすることで値を変更できます。また、設定ボックスを計算機として使うこともできます(例えば、オブジェクトのX位置ボックスに「800-365」と入力すると、800ピクセルの位置から365ピクセル左に配置されます)。

ワークフローの柔軟性

Flash CS4 のその他の革新的機能は、ワークフローに興味深い影響を与えます。新しい XFL 形式を使用して、InDesign の出版物や After Effects (  ) のビデオをインポートできます。InDesign の出版物を Flash に直接取り込むことで、出版物の印刷版とデジタルインタラクティブ版を同時に作成できるようになります。Flash CS4 には、以前は Flash Video Encoder と呼ばれていた Adob​​e Media Encoder が付属しており、H.264 ビデオコーデックをサポートするようになりました。Media Encoder は完全に再設計され、MPEG や QuickTime を含む幅広い一般的なビデオ形式をサポートし、オンラインビデオにおける FLV 形式の優位性を反映し、それを強化しています (ただし、iPhone ではサポートされていません)。

Macworldの購入アドバイス

グラフィックデザイナーやイラストレーターは、Flash CS4 Professional に、待ち望んでいた環境とインターフェースを見つけるでしょう。キーフレームの定義や ActionScript の記述を必要とせずに、複雑なアニメーション生成を行えるのです。ActionScript に慣れたアニメーターにとっても、新しい 3D アニメーションツールやその他の機能強化は、必要なコードをすべて手作業で記述するよりも大幅に時間を節約できます。ほとんどの Flash 開発者にとって、Flash CS4 はアップグレード価格に見合う価値があり、Flash のスクリプト依存に尻込みしていた人にとって、まさに絶好のタイミングで登場すると言えるでしょう。

[David Karlins は、『Enhancing a Dreamweaver CS3 Web Site with Flash Video: Visual QuickProject Guide』[Peachpit、2008 年]、『Dreamweaver CS4 How-Tos: 100 Essential Techniques』(Adobe Press、2008 年)、および『Illustrator CS4 How-Tos: 100 Essential Techniques』(Adobe Press、2008 年) の著者です。]