adobe fireworksについて良く知ろう!
DESCRIPTION
Fireworksについて簡単にまとめたスライドです。 「Fireworksって何?」「Fireworksってどんな特徴があるの?」という方のお役に立てば幸いです。TRANSCRIPT
![Page 1: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/1.jpg)
Adobe Fireworksついて良く知ろう!
に
![Page 2: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/2.jpg)
もくじ
Fireworksってどんなソフト?
Fireworksの特徴
Fireworksの拡張機能紹介
Fireworksの歴史
Fireworksの今後
個人的オススメ
![Page 3: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/3.jpg)
Fireworksの歴史
元は が開発したソフトウェア
2005年4月 買収CS3時の アイコン。
Adobe Creative Suite CS3より Adobeのソフトとして生きることになる
![Page 4: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/4.jpg)
Fireworksってどんなソフト?
いいところを組み合わされて作られた感じの Web用デザインに特化されたソフト
と のPhotoshop Illustrator
![Page 5: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/5.jpg)
Fireworksの特徴
角丸図形を描いたり調整しやすい
画面下にある「プロパティ」部分で すぐにオブジェクトサイズが判別できる
パスで線がさっと描ける
拡張機能が豊富
ビュアーなしで制作ファイル確認可能(Windows)
スライスが簡単
(1/2)
制作ファイルがPhotoshopと比べて軽い
![Page 6: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/6.jpg)
Fireworksの特徴
ピクセルグリッドベースでのオブジェクトが作成できる
ベクター画像とビットマップ画像を等しく扱える
書きだした画像が軽量
ページ機能で複数ページを同時管理ができる
ソフトの値段が安い
オブジェクトの共有機能の充実(マスターページ、レイヤー共有、シンボル)
(アンチエイリアスがかからないものができる)
(2/2)
![Page 7: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/7.jpg)
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
個人的オススメ
![Page 8: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/8.jpg)
Fireworksの拡張機能紹介コーダーにオススメ
(スライスの機能をまとめられた拡張パネル)
http: //www.pixel image.jp/blog/2011/07/pi_slice .html
スライス名を つけやすくするだけでなく、 スライスコードまで 出力してくれる拡張パネル。
PI_Slice
個人的オススメ
![Page 9: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/9.jpg)
Fireworksの今後
Adobe Fireworks CSS3 Mobile Pack
・CSS3のコード抽出・独自のjQuery Mobile用画像とテーマCSS作成
※ただし、2012.2現在、使用できるのはCS5、CS5.1のみ
テキストのカーニング、グラデーションのクオリティ、Gif書き出しなど 新バージョンが出るごとに改良されてきているので、 今後も更なる機能向上が期待できる
ただいまいろいろ改良中
スマートフォンサイト&アプリ制作で大活躍
http ://labs .adobe.com/ technologies/f ireworks_css3mobile/
![Page 10: Adobe Fireworksについて良く知ろう!](https://reader033.vdocuments.net/reader033/viewer/2022052901/55660fabd8b42a06318b4b70/html5/thumbnails/10.jpg)
Special Thanks @akira_maru