目次:
ビデオ: Flash使い方(フラッシュCS5講座)XFLを利用した共同作業【動学.tv】 2024
Adobe Flash Creative Suite 5では、PhotoshopやIllustratorでデザインを慎重に準備することが、Catalystで優れた結果を得るための鍵を握ります。 Catalystが設計ファイルを理解するために使用していた作業とは多少異なる作業が必要な場合があります。
一意のオブジェクトを作成する
Catalystがボタンやその他のオブジェクトを認識するためには、ボタンやその他のコンポーネントとなるすべてのアートワークを選択可能な一意のオブジェクトにする必要があります。 (もちろん、矩形やテキストなどの複数のオブジェクトを使用することもできます)。
<! - 1 - >これはPhotoshopやIllustratorで重要です。この原則を無視するのは簡単です。一連のボタンを作成する場合(たとえば、背景にいくつかのテキストといくつかのディバイダを追加するなど)、ファイルをFlash Catalystに読み込むときに、選択する一意のオブジェクトはありません。そのため、各ボタンを個別に、またはそのボタンを構成するオブジェクトのグループとして選択できることを確認してください。
レイヤーを整理する
<! - 2 - >PhotoshopまたはIllustratorでレイヤーを作成する場合、Catalystでそれらと作業するのと同じ方法で、プロジェクトを作成する時間がはるかに短くなります。アイデアは、レイヤーの可視性をトグルしてWebサイトのすべてのページを表示できるようにすることです。この図は、この原則を示すPhotoshopの一連のレイヤーを示しています。次のことをお勧めします。
-
Webサイトの各ページごとにフォルダを作成します。各フォルダ内で、各ページの固有のデザインでレイヤーを配置します。
<! - 3 - > -
トップレイヤーとしてフォルダを作成します。フォルダには、ナビゲーションボタンと、ロゴなどページごとに変更されないものが含まれています。ナビゲーションのように、このフォルダをわかりやすいものにすることができます。
-
フェードアウトまたはフェードインした場合に表示される色を背景レイヤーに割り当てます。 (ページの背景が完全に覆われていないと表示されることもあります)。
特に、Flash Builderを使用して開発者と作業する場合は、できるだけ記述的にラベルを付けてください。開発者は、コード内のレイヤの名前を使用する必要があります。
ボタンの状態を追加する
ボタンの状態(または他のコンポーネントの状態)をさまざまな方法で作成することができます。
-
PhotoshopまたはIllustratorの各レイヤーのボタンの状態をスタックし、彼らが何であるかを説明するために注意深く。次に、レイヤーの可視性をオフにして、Catalystのさまざまな状態を定義することができます。
-
触媒にボタンの状態を追加します(PhotoshopまたはIllustratorでルックスを追加するのではなく)、光沢、ドロップシャドウ、サイズ変更などをCatalystで使用します。
-
PhotoshopまたはIllustratorからボタンの状態をPNG、JPG、またはGIFファイルとしてエクスポートし、Catalystの新しい状態にインポートします。