「CS5」に新たに加わった「Adobe Flash Catalyst CS5」(以下、Flash Catalyst)。スクリプトを書かずにアプリ制作が出来るというFlash Catalystの機能を前編にひき続き徹底解説していく。

「Adobe CS5」体験版はこちらから

ナビゲーションにはコンポーネントを利用

Flash Catalystでは、ボタンやスクロールバーなど、UIのパーツをコンポーネントと呼ぶ。たとえば、今回の作例の場合、前・後ページやWebに移動するボタンがそれにあたる。ボタンの外観は「Photoshop」や「Illustrator」で作成したものを、Flash Catalystに読み込んで、コンポーネントに変換する。たとえば、特定のWebページを開くなどすべてのステートで同じ位置・サイズ・同じ機能にしたいボタンは、すべてのステートで共有する設定にすれば、定義は一度だけで済む。

ボタンにしたいイメージやテキストを選択したらコンポーネントに変換でボタンにする	すべてのステートにボタンの設定を反映させ、レイヤーを共有するため、対象レイヤーを右クリック→[ステートで共有]→[すべてのステート]を実行

次にボタンの動作を指定する。たとえば、ボタンをクリックすると、特定のステートを表示するようにするには、「インタラクション」にある「インタラクションを追加」で「クリック」したときに「ステートのトランジションを実行」、移動先のステート名、移動元のステート名(限定またはすべてを選択)とする。これは、すべてのステート毎にボタンの機能を設定する必要がある。

ボタンのインタラクションで、トランジションを実行すれば、ページ移動して切り替わったように見える

また、Webサイトを開くボタンは、インタラクションの種類を「URLに移動」とする。

URLへの移動は、「すべてのステートで共通」の動作となる

ボタンの編集

ボタンコンポーネントを選択すると、「Up」、「Over」、「Down」、「Disabled」を編集できる。この4つのステートは、ボタンコンポーネントの中にだけ作成される。それぞれの意味は、Upは通常時あるいはマウスアップ時、Overはマウスカーソルが重なったマウスオーバー時、Downはクリックした瞬間のマウスダウン時、Disabledは、ボタン機能を無効にした上で表示だけしている時となっている。なお、プロパティの「有効」チェックを外せばDisabledが表示され、そのステートでのインタラクションは無効になる。たとえば、マウスオーバー時のイメージを作成したい場合は、ボタンの外観を編集するために、「コンポーネントの編集モード」に入る。すると、ステートが、ボタン用に変わるので、そこで、マウスオーバー時のOverや、マウスダウン時のDownなど、ビジュアルを設定しよう。

ボタンコンポーネントの編集モードでは、ボタンの4つのステートを設定可能

トランジション

ボタンを押して、あるステートから別のステートに移動するときの画面エフェクトをトランジションと呼ぶが、これもFlash Catalystでは簡単に設定できる。トランジションには、フェードイン、フェードアウト、3D回転などあり、そのトランジションの継続時間の設定は画面下にあるタイムラインで行う。左の画面（ステート）から右の画面（ステート）へ変化する時間軸をバーという形で持ち、そのバーを伸ばしたり縮めたりする。さらに、3D回転などを付け加えることも可能だ。デフォルトで用意されているフェードインやフェードアウトのバーがそれに要する時間を示しているので、バーを伸縮するだけで良い。3D回転などは、アクションの追加から行える。このトランジションは、あるステートからあるステートへの移動ごとに設定することが可能だ。

緑色のバーを伸ばせばトランジション時間が延長される

アクセシビリティ対策

Flash Catalystは、アクセシビリティに対する設定機能も十分に備えている。まず、ボタン名には読み上げ対応の名前を設定するが、その入力欄は、プロパティパネルにあり、タブインデックスプロパティを使用すればTabキーによるフォーカス順序も設定できる。また、フォーカスの枠色が指定できたり、ツールチップが表示できるなど、Flash Catalystならではの機能も、スクリプトを書くことなくできるようになっている。

アクセシビリティ関係の設定が可能なプロパティパネル

「Flash Catalyst」はスクリプトが苦手なデザイナーの救世主

Flash Catalystの特徴は、なんと言ってもスクリプトを書かずにインタラクティブなFlashコンテンツを作れるところだ。ボタンを作ったりトランジション(画面エフェクト)を組み込むためには、それなりにスクリプトのスキルを必要とするからだ。このツールは、スクリプトを使わなくてはいけないインタラクションまでをデザイナーが作り込むことを想定しており、実際にスクリプトなしでFlashコンテンツの構築を可能とする。FlashCatalystを使用すれば、スクリプトが苦手なデザイナーでも、動くプロトタイプを作成しクライアントの承諾を得たり、プログラマに動きの指示ができるたため、デザイナーの領域や権限をはじめ、ワークフローまでも変える可能性がある。スクリプトが好きになれなかったユーザーこそ、最大のメリットを感じるはずなので、Flash Catalyst を是非試してみてほしい。

パブリッシュ形式はSWFかAIRになる	SWF用のシンプルなパブリッシュ設定