Adobe Fireworksついて良く知ろう！

に

もくじ

Fireworksってどんなソフト？

Fireworksの特徴

Fireworksの拡張機能紹介

Fireworksの歴史

Fireworksの今後

個人的オススメ

Fireworksの歴史

元は が開発したソフトウェア

2005年4月 買収CS3時の アイコン。

Adobe Creative Suite CS3より Adobeのソフトとして生きることになる

Fireworksってどんなソフト？

いいところを組み合わされて作られた感じの Web用デザインに特化されたソフト

と のPhotoshop Illustrator

Fireworksの特徴

角丸図形を描いたり調整しやすい

画面下にある「プロパティ」部分で すぐにオブジェクトサイズが判別できる

パスで線がさっと描ける

拡張機能が豊富

ビュアーなしで制作ファイル確認可能（Windows）

スライスが簡単

（1/2）

制作ファイルがPhotoshopと比べて軽い

Fireworksの特徴

ピクセルグリッドベースでのオブジェクトが作成できる

ベクター画像とビットマップ画像を等しく扱える

書きだした画像が軽量

ページ機能で複数ページを同時管理ができる

ソフトの値段が安い

オブジェクトの共有機能の充実（マスターページ、レイヤー共有、シンボル）

（アンチエイリアスがかからないものができる）

（2/2）

Fireworksの拡張機能紹介デザイナーにオススメ

（テキストオブジェクト作成パネル） （テーブル作成パネル）http ://www.pixe limage.jp/blog / 2011/02/ fireworksp i_textgenerator .html

http ://j ohndunn ing .com/fireworks/ abou t/Tables

パネルの入力エリアにテキストをペースト・実行すると、 個々のセルのテキストが個々のテキストオブジェクトとして キャンバスに作成される。

選択したオブジェクトをテーブル配置に してくれるパネル。テーブルヘッダー＆ フッター装飾、枠線のON・OFFも可能。

PI_TextGenerator + Tables

個人的オススメ

Fireworksの拡張機能紹介コーダーにオススメ

（スライスの機能をまとめられた拡張パネル）

http: //www.pixel image.jp/blog/2011/07/pi_slice .html

スライス名を つけやすくするだけでなく、 スライスコードまで 出力してくれる拡張パネル。

PI_Slice

個人的オススメ

Fireworksの今後

Adobe Fireworks CSS3 Mobile Pack

・CSS3のコード抽出・独自のjQuery Mobile用画像とテーマCSS作成

※ただし、2012.2現在、使用できるのはCS5、CS5.1のみ

テキストのカーニング、グラデーションのクオリティ、Gif書き出しなど 新バージョンが出るごとに改良されてきているので、 今後も更なる機能向上が期待できる

ただいまいろいろ改良中

スマートフォンサイト＆アプリ制作で大活躍

http ://labs .adobe.com/ technologies/f ireworks_css3mobile/

Special Thanks @akira_maru