「Fireworks CS4」――プロトタイプ制作ツールの位置づけをより明確に
旧マクロメディア製品とアドビ製品の統合以降、FireworksはPhotoshopやIllustratorとの住み分けを進め、Webページ制作の実作業に入る前の「プロトタイプ制作ツール」としての位置づけを強めている。CS4でもその方向性をさらに明確にする機能が搭載された。
1つは、Fireworksで作ったプロトタイプをクライアントや他の制作メンバーと共有される際に便利な「PDF書き出し機能」だ。PDFにはFireworksのページ機能を使ってリンクを設定できるので、たとえば「トップページ」→「個別ページ」といった具合に、実際のサイト構造に則った形で確認が進められる。
もう1つは、プロトタイプデザイン後の制作実作業でうれしい、CSSサポートの強化だ。Fireworksには以前からHTMLを出力する機能があったが、最近では一般的なCSSレイアウトに対応しておらず、実際はそのままでは使えないケースも多かった。Fireworks CS4では構造化されたXHTML+CSSファイルを出力できるようになり、マークアップのベースにもFireworksが使えるようになった(ちなみに、従来からのテーブルレイアウトのファイルも書き出せる)。
細かいところでも、ガイドラインに自動的にピクセル数を表示してくれたり、他のオブジェクトとレイアウトを揃えるスマートガイドが使えるようになったりと、よりかゆいところに手が届くツールに仕上がっている。
「Flash CS4 Professional」――初心者にやさしく、新たな表現にも対応
Flash CS4は、「オブジェクトベースのアニメーション」機能によってアニメーション作成の方法がより手軽になり、Flash初心者にもとっつきやすくなった。オブジェクトをドラッグ&ドロップして簡単に動きをつけられるほか、メニューからあらかじめ用意されたアニメーションパターンを選ぶだけで動きをつけられる「モーションプリセット」も用意された。
新たな表現の幅を広げる新機能もある。Flash Player 10で搭載された3D効果(擬似3D表現)をマウス操作で簡単に適用できる機能や、「ボーンツール」と呼ばれる関節のような動きを設定できる機能が搭載された。
PhotoshopやIllustratorもパワーアップ
Web制作者も利用する機会が多いデザインツール「Photoshop CS4」「Illustrator CS4」もパワーアップした。Photoshop CS4の新機能のうち、Web関連で重宝しそうなのは、「コンテンツに応じた画像の拡大・縮小」機能だ。画像の一部、特定部分の縦横比を維持しながら、全体の比率を変更した拡大/縮小ができる。
Illustrator CS4では、複数のアートボードを作成できるようになった。“ページ”ではなくあくまでも“アートボード”なので、さまざまなサイズのアートボードを1つのファイルに混在させられる。たとえば印刷用のポスターから同じ絵素材を流用したWeb用のバナーまで、1つのファイルにまとめられる。