Flash Catalyst –ワークスペース

• かもしれません 2, 2024

ポートフォリオプロジェクトでは、Photoshopのポートフォリオインターフェイス用のグラフィックを作成しました。^R PSDファイルをAdobeにインポートしました^R 閃光^R 触媒^TM。これで、ポートフォリオをナビゲーション可能にするボタン（インタラクティブコンポーネントと呼ばれる）を作成する準備ができました。 PortfolioLayout.psdファイルをCatalystで開き、見てみましょう。一見すると、ワークスペースはFlashワークスペースほど威圧的ではないことがわかります。

上部はページ/状態パネルで、プロジェクトの各ページのサムネイルが表示されます。現在、最初のロゴが表示されているページが1つあります。ただし、ポートフォリオの他の2つのロゴを表示するには、さらに2つのページ（State）を作成する必要があります。

「ページ/ステージ」パネルの下に、アートボードと呼ばれるプロジェクトのビューがあり、その下に「タイムライン」パネルがあります。 Flashに精通している方は、Catalystではタイムラインが多少異なることに気付くでしょう。 [状態遷移]タブと[アクションシーケンス]タブからわかるように、タイムラインを使用して何が起こるかを制御しますが、タイムラインにはこれらの使い慣れたキーフレームがありません。これは、CatalystがUIコンポーネントの追加時に何が起こるかについてほとんどの決定を下すためです。

右側には、すべてのアドビソフトウェアと同様のツールパネルとアイコンがあります。その下に、レイヤーパネルがあります。 PhotoshopやIllustratorと同じように機能します^R タイムラインの一部であるFlashのレイヤーとは異なり、パネルをレイヤーします。

次に、ワイヤフレームコンポーネント、ライブラリ、デザインタイムデータのパネルがあります。 [ライブラリ]タブをクリックすると、インポートしたPSDファイルのグラフィックとスタイルのリストが表示されます。ワイヤフレームコンポーネントパネルに戻ります。これは、プロジェクトに追加できるすべてのコンポーネントを含むパネルです。これらのコンポーネントは「ベアボーン」であるため、「ワイヤーフレーム」と呼ばれます。インポートしたグラフィックに追加して、視覚ベースのコンポーネントを作成することを目的としています。

Catalystのプロパティパネルは、Flashのプロパティパネルに似ています。プロジェクトでオブジェクトを選択すると、そのオブジェクトの編集可能なプロパティがこのパネルに表示されます。このプロジェクトのナビゲーションに取り組みながら、HUDと呼ばれるCatalystの新しいパネルを紹介します。現在、「選択なし」というタイトルのグレーのタブです。作業を開始すると、アクティブなオブジェクトに基づいて、必要なコントロールを提供するために拡張されます。

最後に、これらの好奇心の強いタイプについては、デフォルトのデザインワークスペースからコードワークスペースに切り替えることができます。メニューバーの「ウィンドウ-コードワークスペース」をクリックするだけです。ご覧のとおり、Flashアクションパネルによく似ていますが、ActionScriptの代わりに、Catalystが作業中にバックグラウンドで生成しているMXMLコードが表示されます。

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの登録商標または商標です。

動画の説明: [Learn Flash Professional CS6] 02 Flashのインターフェイス (かもしれません 2024).