18

08月2009年

Fireworks と Photoshop 、gif の書き出しっぷりを比べてみた

toyama 17:10 PM

  • はてなブックマークに登録
  • livedoorクリップに登録
  • Yahoo!ブックマークに登録
  • deliciousに追加

イメージ

お盆時期を終えて、電車の中がいつも通りの混雑具合になってきました。
まだ夏休み取ってない toyama です。

サイトに使う画像パーツを書き出すときは、スピードと扱いやすさで Fireworks を主に使用しているのですが、どうしてもきれいに書き出せないパーツがありました。jpg で書き出すとサイズの割りに容量が多くなるし、gif ファイルで書き出してもなんだか荒れた感じ。
グラデーションを使ったパーツなんかによくあります。

そこでふと、同じファイルを Photoshop で書き出すとどうなるだろう?と思いついてやってみました。
結論から言うと Photoshop の方がキレイです。

比べてみる

作ったオレンジのグラデーションを使ったボタンっぽいものを Fireworks と Photoshop で 書き出します。
結果は以下です。

090818_toyama_01.gif

Fireworks で書き出したものは横に入って欲しくないラインがうっすら見えます。色ムラというか、劣化というか、元の画像を作った人がしょんぼりしてしまうデキです。
Photoshop で書き出したものは、なんの欠損もみられません。あくまでツヤツヤした感じで書き出されています。

設定はこんな感じ

設定は以下の通り、なんの変哲もありません。「gif」で「ディザ 100% 」を設定しました。

090818_toyama_02.gif

…という画像を Fireworks でつくって gif で書き出すときの「これで検証になるんだろうか」感がたまりません。
Fireworks、 Photoshop ともに CS3 で作成しました。

バシャログスタッフによるWebサイト制作サービス

トラックバック

このエントリーのトラックバックURL
http://c-brains.jp/cgi-bin/mt/###/1976
###はmt-tb.cgiに変更してください。

コメントを投稿

ページの先頭へ

POPULAR TAGS
  • バシャログスタッフによるWebサイト制作サービス

ARCHIVE

RECENT COMMENTS

toyama on 【Fireworks】あなたのワークスペース、どんなレイアウト?
> maki さん コメントありがとうございます。 レイヤー
maki on 【Fireworks】あなたのワークスペース、どんなレイアウト?
初期設定のまま、パネル1列で作業してました。。 今までレイヤ
tomo on [使える CSS テクニック] CSSで実現するプルダウンメニュー
sakai様 早速ご返答ありがとうございます。 子供がho
sakai on [使える CSS テクニック] CSSで実現するプルダウンメニュー
>RodMond さん コメントありがとうございます。 自
RodMond on [使える CSS テクニック] CSSで実現するプルダウンメニュー
すみません解決しました(汗) ゴーストを覚えられていたみた