Adobe Creative Suite 3（CS3）制作ワークフロー紹介

Adobe Creative Suite 3（CS3）ファミリーにより、デザイン、Web、映像などさまざまなコンテンツが作成できるようになりますが、使用する製品により制作のワークフローが異なります。

ここでは、製品の連携をとりながらコンテンツを効率的に制作する方法ご紹介します。

また、CS3のオーバービューもご紹介中ですので、合わせてご覧ください。

Adobe Creative Suite 3 Web PremiumでWebサイトを作る

Adobe Creative Suite 3 Web Premiumは、おもにWebコンテンツ制作に特化したパッケージ内容です。写真、イラスト、アニメーションなどのWeb素材制作や、Webサイトの構築、更新作業を行うことができます。

STEP 1：素材の準備

使用ソフト：Photoshop CS3 / Illustrator CS3 / Fireworks CS3 / Flash CS3 Professional

Adobe Photoshop CS3（フォトショップCS3）は、写真の編集加工を得意とするグラフィックツールです。

Webサイトで使用する写真を読み込み、画像の色調や彩度の調節、トリミングなどを行います。

Adobe Illustrator CS3（イラストレーターCS3）で、Webサイト内で使用するイラストを作成します。

Web用に使うイラスト素材を作成します。

Adobe Fireworks CS3（ファイアーワークス）を使用して、Webサイト内で使用するボタン画像を作成します。

ボタンの作成はPhotoshopやIllustratorでも行えますが、Fireworksでは標準で登録されているデザインスタイルを利用して、ボタンや装飾テキストを手軽に作成できます。

Adobe Flash CS3 Professional（フラッシュCS3）で、Webサイトで使用するアニメーションを作成します。素材は上記グラフィックソフトで作成したデータを利用します。

PhotoShopで加工した写真を読み込み、アニメーションを設定します。

STEP 2：素材の管理

使用ソフト：Bridge CS3 / Device Central CS3

Adobe Bridge CS3（ブリッジCS3）は、Adobe製品で作成された拡張子のデータをプレビューすることができます。CS3からは、SWFファイルやFLV（フラッシュビデオ）ファイルのプレビューも可能になっています。

素材などのファイルを選択して画像のサイズ・データサイズを確認できます。

Adobe Device Central CS3（デバイスセントラルCS3）は、CS3シリーズから新しく追加されたツールです。モバイル環境を再現したシミュレーションを行うことができます。グラフィックソフトで作成した画像を待ち受け画面として利用したり、FlashアニメーションやWebサイトをDevice Central CS3で確認できます。