Webデザイン キュポラボ

ホーム > Webの話とモブログ > Fireworks Tips まとめ

Fireworks Tips まとめ

普段Fireworksでデザインすることが多いので、自分用まとめ。

文字をきれいに書き出す

そこで便利なのが意外と知られていない Fireworksの「JPEGマスク」機能というものです。

（１）文字の部分を選択ツールで囲みます

（２）メニューの「修正」→「圧縮率によるJPEG」→
　　「選択範囲をJPEGマスクとして保存」（Alt+M+J+S）

（３）同メニューの「設定」（Alt+M+J+E）から
　　「テキストの画質を保持する」をチェック

あとはいつも通り書き出すだけで、
文字の部分もキレイに書き出すことができるのです。

[From FireworksでJPEG形式でも文字をキレイに書き出す方法/Fireworks - サイブリッジラボ]

グラデーションのかかったGIFをきれいに書き出す

グラデーションのかかったGIF画像を書き出すときは、『ディザ』を『100%』にすると綺麗に書き出せます。

[From Fireworksの画像の書き出し方法 - Arch]

書き出しの色合い

Fireworksで書き出した画像の色が微妙に違ったら、書き出し方法を「すべての色を割り付け」にすると良い

[From FireworksとPhotoshopで書き出した画像の色の違いを防ぐ方法 - Arch]

まだまだ書き出しが甘いので、グラデーション関係はPhotoshopに行って作り直して書き出してます。難しいなぁ。

"Fireworksレッスンブック―ステップ・バイ・ステップ形式でマスターできる CS4/CS3対応" (渥美 聡子)