Flash CatalystとPhotoshop –プロジェクト計画

• 四月 29, 2024

アドビのリリースで^R 閃光^R 触媒^TM ベータ版では、デザイナーはFlashプロジェクトを作成し、Photoshopの助けを借りて新しいツールを入手^R またはイラストレーター^R、プロジェクトをより視覚的に魅力的にすることができます。無料のベータリリースをダウンロードしていない人のために、Catalystはデザイナーを念頭に置いて開発されており、ビジュアルベースのツールを使用して、プログラミングスキルを必要とせずにUIレイアウトに実行可能なユーザーインターフェイスコンポーネントを追加できます。

それでは、Photoshopはどこにあるのでしょうか？ほとんどのUIレイアウトデザインは、デザイナーがモックアップを作成するときにPhotoshopで始まります。モックアップが承認されたら、UIの実際のグラフィックを作成します。これは通常、Photoshopでも行われます。これで、Catalystを使用して、Photoshopで最終レイアウトを作成し、そのレイアウトをCatalystにインポートして、ポートフォリオにFlashベースのナビゲーションを追加できます。ファイルをCatalystで開くと、Photoshopイメージのすべてのレイヤー、スタイル、その他の要素がそのまま残ります。 Catalystのすばらしい点は、Photoshopで作成したグラフィックをそのまま使用し、特別な準備なしでボタンなどのUIコンポーネントに変換できることです。

このチュートリアルでは、DIYeStores.comで販売したいくつかのWebセットの小さなポートフォリオのグラフィックを作成します。これらのWebセットは、サイトのDIY Webサイトビルダー専用に作成されます。各Webセットのルックアンドフィールは、Webセットのロゴに反映されます。このプロジェクトでは、これらのロゴのポートフォリオを作成することにしました。このチュートリアルの目的のために、3つのロゴのみを用意しますが、ポートフォリオにはさらに多くのサンプルが必要でしょう。最初のステップは、ポートフォリオに含めるロゴと、それらを表示する順序を決定することです。

Webセットのロゴは、Webサイトビルダーの仕様に合わせてすべて450 x 250ピクセルです。アプリケーションの全体のサイズは500 x 500ピクセルにすることにしました。これにより、上部のタイトル、ロゴ、およびロゴの下のサムネイルに十分なスペースが使用され、イメージビューアーアプリケーションを制御するボタンになります。ロゴごとに100 x 100のサムネイルグラフィックを作成する必要があります。ロゴのサイズをサムネイルのサイズに縮小しただけでは、デザインの多くは小さすぎて鑑賞できません。デザインを最もよく表す各ロゴのセクションを選択し、それをナビゲーションボタンに使用することをお勧めします。ポートフォリオのすべてのサンプルが揃ったので、アプリケーションのレイアウトを作成します。

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