Adobe Flash Catalystは、コーディングすることなしにアプリケーションインターフェイスとインタラクティブなコンテンツを迅速に作成するための、新しいプロ向けインタラクションデザインツールです。Flash Catalystを使用すれば、インタラクティブな広告、製品マニュアル、デザインポートフォリオ、リッチメディアアプリケーションのユーザーインターフェイスを作成できます。

このチュートリアルでは、Photoshopに慣れ親しんだデザイナーに、ベータ版のFlash Catalystを使用するための基本的な考え方とワークフローを紹介します。これから作業するサンプルプロジェクトは、EcoToursという仮想のWebサイトをベースにしています。チュートリアルを開始する前に、以下のスクリーンキャストを参照してEcoToursプロジェクトのスコープを把握しておいてください。

実行時間：0:56

このチュートリアルでは、静的なファイルを完全にインタラクティブでマルチメディアのインターフェイスにするためのあらゆるスキルとテクニックを扱います。具体的な学習内容は以下のとおりです。

• Photoshop PSDファイルを作成する際のベストプラクティス、およびFlash Catalystベータ版へのアートワークの読み込み方法。
• 静的ファイルをインタラクティブなユーザーインターフェイスに変換する方法。独立したステートとボタンコンポーネントを作成して、様々なステート間を移動できるようにします。
• Flash Catalystベータ版は、レイヤーを使用することで、様々なステート間でのアートワークの表示を管理します。特定のツアーステートでは、ツアーの詳細が表示されるポップアップ領域を作成します。この過程で、レイヤーの移動、サイズ変更、およびフェードなど、ページ間やステート間でのステートのトランジションに伴うデフォルトアクションとカスタムアクションの作成方法を学習します。
• 完成したプロジェクトをプレビューしてSWFファイルにパブリッシュする方法。

必要条件

このチュートリアルを効果的に学習するには、以下のソフトウェアとファイルが必要になります。

（オプション）Photoshop CS4、またはCS3

• 体験版
• 購入

Adobe Flash Catalystベータ版

• ダウンロード*

Flash Player 10

• ダウンロード

サンプルファイル：

• intro_to_flash_catalyst.zip （ZIP、13 MB）

このZIPアーカイブには以下のファイルが含まれます。

• Adobe Photoshop PSDソースファイル
• 完成したAdobe Flash Catalyst FXPファイル
• 2つのコンパイル済みビルド（1つはWeb展開用、もう1つはローカル実行用）

この記事に必要な予備知識

Photoshopの作業に関する知識が推奨されます。

ページ 1 / 7

次のページ

著者について