「Web系の人がFireworksで作った図版が来ちゃった」ときの対処法

この記事は鷹野雅弘によって執筆されました。
公開日:2011年7月21日、更新日:2015年6月11日

Fireworksというアプリでは、ネイティブ形式にPNGを使っています。これをFireworksを開いて、囲みや文字を入力して保存すると、再編集可能なPNGファイルとして保存できます。 といっても、これをこのままDTPで使えるわけはないため、正直、これで支給されてもな〜というのが本音ですが、量が量というときの裏技をご紹介します。

結論

Fireworks CS5からFXGに書き出せば、ビットマップ画像を保持したまま、Illustratorで開くことができる。後はIllustratorでがんばる。

fw2fxg2ai-13.jpg

注意点は次の通り。

  • Fireworks CS5.1からのFXG書き出しは、Illustratorで読めないことがある
  • Fireworksのテキストはすべてエリア内文字(テキストボックス内に入っている文字)になり、稀に(リフローのため)文字が欠けてしまうことがある
  • 必要に応じてポイントテキストに変更(「エリアからテキスト抜き出し」スクリプトが重宝します)
  • Fireworksのライブエフェクト(ドロップシャドウ)などは削除しておいた方が無難

fw2fxg2ai-2.jpg

NGの例

Fireworksの別名保存では形式に「Illustrator 8」を選択できます。

fw2fxg2ai-3-s.jpg

しかし、これをIllustratorで開くと、次のようにビットマップ画像がすべて抜けおちてしまいます。つまり、このコマンドはあくまでもベクトル形式のロゴなどをIllustrator形式に変更したいときに利用するものです。

fw2fxg2ai-4.jpg

FXG書き出し

Fireworks CS5では[ファイル]→[書き出し]で[書き出し]に「FXGと画像」を選択することができます。

fw2fxg2ai-5-s.jpg

書き出しを実行すると、fxgファイルと「assets」フォルダが書き出されます。「assets」フォルダ内には使用しているビットマップファイルが格納されます。

fw2fxg2ai-6-s.jpg

FXGファイルをIllustrator CS5にドラッグ&ドロップします。[ファイル形式を選択]ダイアログボックスが表示されたら、[Adobe FXG]を選択して[OK]ボタンをクリックします。

fw2fxg2ai-7-s.jpg

IllustratorでほぼFireworksのレイアウトが再現されます。若干ずれてしまう箇所もあるので、目視で確認しましょう。

fw2fxg2ai-1.jpg

ご参考

FXGはFlash XML Graphics formatの略です。

追記(2011年8月2日):Web系の方へ

Fireworksでなく、Photoshopなら、という話ではなく、両方とも、DTPの原稿としては使えません。解像度やスタイルの統一のため、ビットマップ画像上の文字や囲みなどは、InDesign上で行うためです。

執筆者から「この画面のここに○をつけて」などの指示を行う場合には、やはり、FireworksなりPhotoshop上で行っていただくのはアリですが、その場合、文字や囲みを消す作業が発生しますので、「キャプチャしたビットマップ画像」と「それに対して指示を与えたデータ」は、別物としてご用意いただけるのがベストです。

完成度高く作り込んでいただいても最終的な原稿としては使いませんので、その点を知っておいてください。

追記(2013年12月7日):

FXGというフォーマットそのものが終了。Illustrator CCで使う方法をjdash2000さんが解説されています。

追記(2015年6月11日):

FireworksからIllustratorに変換すると、テキストはすべて「エリア内テキスト」(テキストボックス)になってしまいます。ポイントテキストにするには、スクリプトを利用するのがオススメです。

『10倍ラクするIllustrator仕事術』(増強改訂版[CS5/CS6/CC/CC 2014対応])

2014年10月に発売。新しいバージョンを使いながらも、古いやり方のまま作業されている中級以上のユーザー向けの書籍。ツールやコマンドなどの基本的な使い方の解説はありません。

2015年3月、8月、2016年7月、11月、2017年9月に増刷(現在「6刷」)。前書(2011年版)と合算すると38,000部のロングセラーとなっています。

改訂版に関する情報

2011年に発売した書籍の改訂版です。

  • 対応バージョンは、CS5/CS5.1/CS6/CC/CC 2014
  • 178ページから78ページ増量の256ページ
  • 改訂版にありがちな「焼き直し」は69ページのみ
  • 金額は180円(だけ)アップの2,380円(税別)

書籍リリース後の追加情報は、サポートページにて公開しています。

最新版への対応

Illustrator CC 2018(2017年10月リリース)への対応版準備中です。全ページ書き換えますので、2017年版を待たずに、2014年版を(も)ご購入ください。

お知らせメールへの登録はこちら

全都道府県縦断セミナーツアー

2014年10月に技術評論社から発売された『10倍ラクするIllustrator仕事術』(増強改訂版)のプロモーションのために、全国47都道県にて実施。

47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

2005年11月にスタートしたDTP Transitは満12歳になりました。

Twitter

本サイトの記事以外に、小ネタなどをツイートしています。また、マンスリーでまとめています。

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。

2014年に技術評論社から発売、現在6刷。2011年版と合わせて38,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

Illustrator CC 2018(2017年10月リリース)への対応版準備中です。全ページ書き換えますので、2017年版を待たずに、2014年版を(も)ご購入ください。

お知らせメールへの登録はこちら

セミナー開催情報

セミナー開催情報をこちらにまとめています。

DTP Transitと無関係のものも掲載しています。お問い合わせは、それぞれのイベントの主催者までお願いします。

5つの「く」

画像:『10倍ラクするIllustrator仕事術』改訂版

DTP Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。

オススメ外部リンク

Adobe Creative Stationで「知ってるようで、知らずに損してるAcrobatとPDFのアレコレ」と題して連載しています。

Adobe Creative Stationで「ベテランほど知らずに損してるIllustratorの新常識」と題して連載しました。

Adobe Creative Stationで「ベテランほど知らずに損してるPhotoshopの新常識」と題して連載しました。

オススメのスライド

お問い合わせ

リンク

このページの上部に戻る