Loading article…
 | |
 Windows 7 上の Fireworks CS6 | |
| 開発者 | アドビシステムズ |
|---|---|
| 最終リリース | CS6 (12) / 2012年5月7日 |
| オペレーティング·システム | Windows、macOS |
| タイプ | ラスターグラフィックエディター、ベクターグラフィックエディター |
| ライセンス | 独自の |
| Webサイト | www.adobe.com/products/fireworks/ |
Adobe Fireworks（旧称Macromedia Fireworks）は、ビットマップおよびベクターグラフィックエディタで、2005年にAdobeが買収しました。Fireworksは、WebデザイナーがWebサイトのプロトタイプやアプリケーションインターフェイスを迅速に作成できるようにするために作られました。その機能には、 HTML要素に変換される画像の一部であるスライスや、ハイパーリンクに変換される画像の一部であるホットスポットを追加する機能が含まれていました。Adobe DreamweaverやAdobe Flashなどの他のAdobe製品と統合するように設計されています。スタンドアロン製品として、またはAdobe Creative Suiteにバンドルされて提供されていました。古いバージョンはMacromedia Studioにバンドルされていました。Adobeは、 Adobe Photoshop、Adobe Illustrator、Adobe Edgeなどの他の製品と機能の重複が増えていることを理由に、2013年にFireworksの製造を中止しました。[ 1]
ユーザーインターフェース
Fireworks のユーザー インターフェイスは、 Adobe Photoshopと同様に、Adobe Creative Suite の他の部分と一致しています。macOS では、アプリケーションを複数のドキュメント インターフェイスモードまたはすべてのツールバーが画面上で自由にフローティングする標準表示モードで表示できます。
特徴
階層レイヤー
すべてのレイヤーは、レイヤー パネルからアクセスできます。レイヤーは、画像自体よりも幅が広くなったり、高さが増したりすることがあります。ただし、最終的な画像は、画像の境界を越える領域を非表示にして生成されます。
スマートガイド
Fireworks は、描画、コンテンツの配置、および画像の構成に役立つ、現実世界の定規のような役割を果たす水平または垂直の線であるガイドをサポートしています。ユーザーは、いつでも 1 つ以上のガイドを画像上に配置して、視覚的な補助として使用できます。たとえば、テキストを別のグラフィック アイテムと並べて配置する必要がある場合は、ガイドが便利です。さらに、ユーザーはFireworks のスナップ機能を有効にして、オブジェクト (画像の一部、テキスト、またはレイヤー) をガイドの近くにドラッグすると、ガイドにスナップされるようにすることができます。
ただし、スマートガイドはユーザーが配置するものではありません。スマート ガイドは、画像の境界、画像の中央、または他のオブジェクトの大まかな境界など、ユーザーが関心を持つ可能性のある画像領域です。ユーザーがオブジェクトをドラッグすると、Fireworks はユーザーがそのオブジェクトに対して何をしようとしているかを推測し、一時的な視覚的補助と配置補助を描画します。この機能は CS4 のリリースで追加されました。[2]
シンボル
再利用可能な要素はシンボルとして指定し、複数のページまたは同じページに配置できます。マスター シンボルを編集すると、Fireworks はそのシンボルのすべてのインスタンスに変更を伝播します。
9スライススケーリング
この機能により、ガイドの配置場所に応じて、角丸長方形が変形されたときに丸みが維持されます。CS4 では、この機能はツールとして公開されています。CS3 バージョンで導入されたこの機能は、シンボルのみでの使用に限定されていました。
画像の最適化
FireworksはWeb制作用に特別に作られました。[3]すべてのユーザーが高速インターネット接続を利用できるわけではないので、Web開発者にとってデジタルコンテンツのサイズを最適化することが最善の利益となります。画像圧縮に関しては、FireworksはJPEG、PNG、GIF画像でPhotoshopよりも優れた圧縮率を誇ります。[4]
Adobe Creative Suite の統合
Fireworks は、Adobe PhotoshopおよびAdobe Illustratorファイル形式 (.psdおよび.aiファイル) とEncapsulated PostScript形式 (.epsファイル) を理解します。
輸出
Fireworksは、PNG、JPEG、GIF、アニメーションGIF、TIFF、SWF、BMP、WBMP、PDFなど、複数のファイル形式で画像をエクスポートできます。また、SVG（無料のエクスポート拡張機能[5]を使用）やFXG 2.0にエクスポートすることもできます。Fireworksは、スライスをHTML要素に変換することでHTMLにエクスポートできます。
州
以前はフレームと呼ばれていた状態は、アニメーションの目的で使用されます。また、Up、Down、Over などのシンボル ボタンの場合の動作を定義するためにも使用されます (マウスでクリック、リリース、ホバーしたときにボタンの視覚スタイルが変更されます)。
バージョン履歴
- 1998: マクロメディア ファイアワークス
- 1999: マクロメディア ファイアワークス 2
- 2000: マクロメディア ファイアワークス 3
- 2001: マクロメディア ファイアワークス 4
- 2002: Macromedia Fireworks MX (v6.0)
- 2003: Macromedia Fireworks MX 2004 (v7.0)
- 2005: マクロメディア ファイアワークス 8
- 2007: Adobe Fireworks CS3 (v9.0)
- 2008: Adobe Fireworks CS4 (v10.0)
- 2010: Adobe Fireworks CS5 (v11.0)
- 2011: Adobe Fireworks CS5.1 (v11.1)
- 2012: Adobe Fireworks CS6 (v12.0)
参照
参考文献
- ^ 「Adobe Fireworks の将来」。Adobe。2013 年 5 月 6 日。2017 年 6 月 30 日時点のオリジナルよりアーカイブ。2020年 3 月 12 日閲覧。
- ^ West, Tommi (2007-03-01). 「Fireworks のデザイン学習ガイド: スマートガイドとツールチップを使用した正確な配置とレイアウト」。2009-06-11 にオリジナルからアーカイブ。2009-12-03に取得。
- ^ 「JPEG 最適化: Fireworks の利点」。雑多なゴミ。2009 年 10 月 9 日。2009 年 12 月 4 日閲覧。
- ^ 「Fireworks vs Photoshop 圧縮」Web Designer wall 2009-10-30 . 2009-12-04閲覧。
- ^ 「エクスポート」、拡張機能、Abe all。
さらに読む
- Bullock, Joshua (2012 年 6 月 11 日)。「Adobe Fireworks でデザイン ワークフローを開発する」。smashingmagazine.com。2012年7月 15 日閲覧。
- De Cock, Benjamin (2012-05-07). 「Adobe Fireworks でデザインを洗練する」Smashing 誌。2012 年7 月 15 日閲覧。
- Howells, Leigh (2009 年 9 月 29 日)。「Web デザインに Photoshop よりも Fireworks を好む 10 の理由」。Boag world。2012年7 月 15 日閲覧。
- Reinegger, André. 「Web デザインに Photoshop を使用しない 50 の理由」。2012 年 3 月 16 日時点のオリジナルよりアーカイブ。2012年3 月 13 日閲覧。
- Reinegger, André (2012 年 6 月 25 日)。「Adobe Fireworks でインタラクティブなプロトタイプを作成する」。Smashing誌。2012 年7 月 15 日閲覧。
- Rana, Sunalini. 「27 Finest Adobe Fireworks Tutorials」. SloDive. 2011 年 8 月 22 日時点のオリジナルよりアーカイブ。2012年3 月 13 日閲覧。