Fireworksの終焉の噂は、Fireworks CS4のリリースにより、ついに終焉を迎えたと言えるでしょう。Adobeはユーザーの声に耳を傾け、Fireworksの刷新に多大なリソースを費やしてきたことは明らかです。他のCreative Suiteアプリケーションと共通のインターフェースを採用し、新ツールや機能強化も追加されたことで、Fireworksはもはや忘れ去られた存在ではなくなりました。
更新されたインターフェース
Fireworks の新しいインターフェイスは、すっきりと整理され、ほぼ直感的に操作できます。新しいワークスペーススイッチャーは、キャンバス上部に便利に配置されたポップアップメニューで、3つのデフォルトのプリセットワークスペースレイアウト（拡張モード、アイコンモード、パネル名付きアイコンモード）を切り替えることができます。どのプリセットもワークフローに合わない場合は、ワークスペーススイッチャーまたはウィンドウ／ワークスペースレイアウトメニューから「現在のレイアウトを保存」を選択して、パネルの配置を変更し、その位置を保存できます。新しいカスタムレイアウトは、ワークスペースプリセットに追加されます。
新しいスマートガイドとツールヒントを使えば、キャンバス上でオブジェクトを正確に配置したり整列させたりするのが簡単になります。スマートガイドを有効にすると、キャンバス上でオブジェクトをドラッグすると、Fireworks は垂直方向と水平方向のガイドを動的にスナップして表示します。オブジェクトを正確な X 座標と Y 座標に配置する必要がある場合は、ツールヒントが便利です。ツールヒントの動作を確認するには、「表示」＞「ツールヒント」を選択してツールヒントをオンにします。次に、「表示」＞「ルーラー」を選択し、キャンバス上にガイドをいくつかドラッグします。Shift キーを押しながら、ガイドの 1 つを別の場所にドラッグします。Fireworks は、ガイド間の距離と、選択したガイドからキャンバスの端までの距離を動的に表示します。
オブジェクトの間隔と整列について話している間、「整列」パネルの新機能も見逃せません。この機能を使うと、選択したオブジェクト間の距離を入力できます。例えば、3つのオブジェクトを選択して、それらの間隔をちょうど15ピクセルにしたい場合、値を入力し、「整列」パネルの新しい「間隔」コントロールで適切な「均等配置」ボタンをクリックするだけです。これほど簡単なことはありません！
新しく改良されたプロパティインスペクタは、ワークスペースの下部に配置されています。Flashユーザーであれば、新しいデザインにすぐに慣れるでしょう。インスペクタには、デフォルトで「プロパティ」と「シンボルプロパティ」の2つのタブがあります。共通ライブラリパネルのコンポーネントシンボルを操作する際に、この2つのパネルを切り替えられるのは非常に便利です。
新しい強化されたパネルとツール
カラーミキサーパネルはカラーパレットパネルに置き換えられました。この新しいパネルでは、色の選択と混合が簡単かつ楽しくなります。パネルには、セレクタ、ミキサー、ブレンダーの 3 つのツールのコントロールが含まれています。セレクタでは、HLS、HSV、CYMK、または RGB 値に基づいて色を選択できます。CS3 で導入されたミキサーは、よりすっきりと見やすい表示に更新されました。カラーパレットを生成してビットマップまたはカラーテーブルとして書き出すことが、これまでになく簡単になりました。ミキサーのカラーホイールからいくつかの色を選択してパレットを作成し、「新規ドキュメントにビットマップとして書き出す」または「カラーテーブルとして書き出す」ボタンをクリックしてパレットを書き出します。ミキサーのカラーホイールから色を選択し、パレットを生成して、将来使用するためにカラーパレットを書き出すという作業は、やみつきになることでしょう。
ブレンダーツールを使用すると、2 つの色を選択して、最大 36 種類のブレンドを生成できます。Adobe の Kuler Web サイトを使用して、他のデザイナーによるカラーテーマをプロジェクト用に選択するのが好きな場合は、Fireworks から Kuler にアクセスできると便利です。Kuler パネルを開くには、[ウィンドウ] > [拡張機能] > [Kuler] を選択します。パネルはワークスペースの左上隅に開きます。メニュー内でパネルを開く場所と、開いた後の位置が奇妙に感じられます。Kuler メニュー項目を [ウィンドウ] メニューの最上位に配置し、[カラー パレット] パネルと一緒にグループ化する方が直感的だったでしょう。ただし、Kuler は組み込みパネルではなく拡張機能であるため、Adobe が Kuler へのアクセス方法と場所について行った選択は理にかなっています。また、Kuler パネルはいつでも任意のパネル グループに再配置できます。パネルが見つかったら、テーマ、色、または作成者でカラーの組み合わせを検索できます。検索を保存したり、アクティブなテーマを編集したりすることもできます。
ツールパネルの選択ツールに、9スライス拡大縮小ツールが新たに追加されました。このツールを使うと、選択範囲を保持したままオブジェクトを拡大縮小できます。例えば、このツールを使うと、角丸長方形の角を拡大縮小せずに、辺を拡大縮小できます。以前のバージョンでも同様の操作は可能でしたが、まずオブジェクトをシンボルに変換する必要がありました。CS4では、新しい9スライス拡大縮小ツールを使うと、オブジェクトをシンボルに変換せずに拡大縮小できます。
Fireworks CS4の文字処理は、他のCreative Suite 4アプリケーションで使用されているAdobeの文字エンジンの追加により大幅に改善されました。つまり、Photoshop（ ）またはIllustrator（ ）ファイルをFireworksで開いたり読み込んだりしても、文字の外観はそのまま維持されます。
以前のバージョンのFireworksでは、テキストを画像に回り込ませるのは困難でした。デザイナーは、テキストを複数のテキストボックスに分割し、画像の周囲に配置して回り込ませたように見えるようにする必要がありました。Fireworks CS4では、画像の周囲に閉じたパスを描き、テキストとパスを選択して、「テキスト」→「パスに貼り付け」コマンドを選択するだけで、テキストを画像に回り込ませることができます。
改良されたパス パネルには、パスの結合、パスの変更、ポイントの編集、ポイントの選択の 4 つのグループにツールが表示されます。パスの変更グループには、パスの押し出し、パスのブレンド、新しい魚眼パス ツールなどが含まれています。押し出しツールとパスのブレンド ツールは両方とも大幅に改良されました。これらのツールは、パスまたはベクター シェイプに適用できます。押し出しポップアップ コントロール パネルは使いやすくなりました。距離、角度、テーパー、ツイストなど、さまざまな値の個別のフィールドがあります。フィールドに値を入力すると、押し出しのライブ プレビューが表示されます。ブレンド ツールを使用すると、2 つのベクター オブジェクトまたはパスを選択し、ブレンド ボタンをクリックし、2 つのオブジェクト間をブレンドするステップ数を入力できます。CS3 では、ブレンドはパスでのみ使用できました。魚眼パス ツールを使用すると、変形したパスの上に楕円を配置することでベクター オブジェクトを歪めることができます。楕円は、魚眼コマンドが影響するパスの領域を識別するために使用されます。
リアルタイムグラデーションコントロールの追加により、グラデーションの広がりを簡単に調整できるようになりました。ポインターツールでグラデーションのコントロールポイントをドラッグすると、Fireworks は変化を動的に表示します。以前のバージョンの Fireworks では、変化を確認するにはマウスボタンを放す必要がありました。
スタイルパネルが更新され、Chrome、Old Paper、Pastels などのテーマ別に整理された新しいスタイルの大規模なコレクションが含まれるようになりました。パネルを初めて開くと、「現在のドキュメント」というスタイルライブラリが表示されます。まだスタイルが使用されていない場合、パネルは空です。ドロップダウンメニューをクリックしてテーマを選択すると、スタイルを追加できます。スタイルを使用するたびに、そのスタイルは「現在のドキュメントのスタイル」に追加されます。新しいライブスタイル機能は、プロパティインスペクターにあります。スタイルを適用すると、そのスタイルは「スタイル」ドロップダウンリストに追加されます。ドロップダウンメニューの下には、新しいスタイルの作成、スタイルの再定義、オーバーライドのクリア、スタイルへのリンクの解除、スタイルの削除を行うための一連のアイコンがあります。
エクスポートと共同作業
ここ数年、Webページのレイアウト制御において、HTMLテーブルからW3C（World Wide Web Consortium）が策定した標準規格に準拠したカスケーディング・スタイル・シート（CSS）への移行が進んでいます。CSSを使用すると、さまざまなデバイス、プラットフォーム、ブラウザにコンテンツを配信しやすくなります。しかし、多くのデザイナーと同様に、コードを書くよりもデザインに集中したいと考える方も多いでしょう。そんな方のために、Fireworks CS4ではWebページとCSSをワンステップで作成・エクスポートできる機能が役立ちます。Webページに外部スタイルシートへのリンクを含めるか、ページコードにスタイルを含めるかを選択できます。
ウェブサイトのデザイン提案書をクライアントに送ってレビューを依頼したいけれど、コードを共有したくない、そんな経験はありませんか？そんなあなたには、Adobe PDFエクスポートの新機能がぴったりです。この機能を使えば、すべてのページ、グラフィック、ビヘイビアをインタラクティブなPDFファイルに保存し、クライアントにメールで送信できます。また、パスワード保護機能を使えば、ファイルへのアクセス権限を設定して、閲覧、印刷、コピー、コメントの追加など、様々な操作が可能です。
デザイナーとクライアント間のタイムリーなコラボレーションの必要性を認識し、AdobeはFireworks CS4からAdobe ConnectNowオンラインサービスにアクセスできるようにしました。Adobe ConnectNowを使用すると、サービスにログインして、リモートサイトにいる3人のユーザー間で画面を共有できます。
Macworldの購入アドバイス
Adobe Fireworks CS4には、新機能と機能強化が盛り込まれており、大幅なアップグレードとなっています。新しいインターフェイスにより、ほとんどのツールとコントロールが使いやすくなり、Creative Suite製品間の切り替えも容易になりました。
全体的に見て、このリリースは安定性と応答性に優れていると感じました。CSSと画像のエクスポートオプションを使用してデザインし、エクスポートしたページがSafari ( )、Firefox ( )、Internet Explorerで同じように表示されることに満足しています。新しい機能は、うまく動作させるために何度も試さなければならないこともありましたが、概ね直感的に操作できました。唯一、Kulerパネルなどの新しい機能を見つけるのに苦労しました。既にFireworksをお使いの方であれば、CSSエクスポート機能だけでもアップグレード価格に見合う価値があります。Fireworksをまだ試したことがなく、現在WebデザインにPhotoshopとIllustratorをお使いの方は、ぜひ一度お試しください。
[Cyndy Cashmanは、自身の会社Breakaway InteractiveでFireworks、Dreamweaver、Flash、Photoshop、Illustratorの講師を務めています。オンラインおよび印刷媒体で多数のチュートリアルやソフトウェアレビューを執筆しています。]
