Flash Catalystでグラフィックをボタンに変える

• かもしれません 16, 2024

PhotoshopLayout.psdポートフォリオプロジェクトファイルをAdobeにインポートしたので、^R 閃光^R 触媒^TM Catalystワークスペースを調査し、ポートフォリオのナビゲーションに取り組む準備ができました。

現時点では、プロジェクトには1つのページまたは状態しかありません。各ページに異なるロゴを表示できるように、さらに2つのページを作成する必要があります。

1. Pages / Statesパネルで、Duplicate Statesボタンを2回クリックします。これにより、Page2とPage3が得られます。しかし、それらはすべて似ています。それの世話をしましょう。

2. Page1アイコンをクリックして、レイヤーパネルに移動します。 Logosフォルダーを開きます。このページではロゴ1のみが表示されるようにします。ロゴ2および3の可視性をオフにします。

3. Page2アイコンをクリックして、ロゴ1と3の可視性をオフにします。ロゴ2の可視性をオンにします。

4. Page3アイコンをクリックして、ロゴ1および2の可視性をオフにします。ロゴ3の可視性をオンにします。

次に、ポートフォリオ用のボタンを作成します。各ロゴのサムネイルがあります。これらがボタンになります。

5. Pages / Statesパネルのアイコンをクリックして、Page1に戻ります。 [レイヤー]パネルで、[サムネイル]フォルダーを開きます。アートボードで、ロゴ1のサムネイルをクリックします。これを行うと、HUDが開き、プロパティパネルが変更されます。

最初にHUDで作業しましょう。ここで、このビットマップイメージをボタンにしたいということをCatalystに伝えます。

6. [アートワークの変換]で、[アートワークをコンポーネントに変換]をクリックし、コンポーネントリストから[ボタン]を選択します。 HUDが変更され、ボタンの新しいコントロールが提供されます。 [カスタムインタラクション]リストを展開し、プラスアイコンをクリックします。リストからクリック時を選択します。 [アクションを実行]という別のドロップダウンメニューが表示されます。このメニューから、状態への遷移を再生を選択します。 [状態の選択]ドロップダウンメニューから[ページ1]を選択します。これは、このボタンで視聴者をページ1に誘導するためです。

7.ロゴ2のサムネイルをクリックして、前の手順を繰り返します。状態の選択をPage2に設定します。

8.ロゴ3のサムネイルをクリックして、前の手順を繰り返します。 [状態の選択]を[ページ3]に設定します。

ボタンをテストしましょう。メニューバーから、[ファイル]-[プロジェクトの実行]をクリックします。 Webブラウザで開きます。各ボタンをクリックすると、正しいロゴが表示されるはずです。

次のチュートリアルでは、表示されているロゴのボタンを暗くして、ページ間のトランジションを追加します。

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の登録商標または商標です。

動画の説明: Flash CS6使い方講座 下巻 第1章モーションプリセット【動学.tv】 (かもしれません 2024).