Fireworks Bros.

Fireworksで角丸の線がボケてしまう、どうしよう

Fireworksで、「角丸長方形ツール」を使うと、線がボケボケなんですよね。ホント、使えない。例えば下図は、左が角丸長方形なのですが、もう、ボケボケ。

Fireworksで角丸の線がボケてしまう、どうしよう

拡大してみましょう。

Fireworksで角丸の線がボケてしまう、どうしよう

全て真っ黒#000の1px線のハズなのですが、何故か、角丸長方形だけボケて2px&薄いグレーになってしまってます。そんな時は、いっそ角丸ではなく、普通の長方形ツールで一度描いた後に(上図中央)、「丸み」プロパティで調整してみてください(上図右)。これで、1px線がボケて2pxに見えてしまうことは防ぐことが出来ます! ただ、角のジャギーはやっぱり目立ってしまうので、線と面の色のコントラストを抑えることで誤摩化すくらいしか、対処法はありません。もし、イイ解決法を知ってる方がいらっしゃれば、教えてください!

「Fireworksで角丸の線がボケてしまう、どうしよう」へのコメント

  1. konitter

    フチの線をどうしてもきれいに出す必要がある場合は、背景にフチの色を設定した角丸長方形の上に2pxずつ幅と高さを小さくした角丸長方形を重ねています。

  2. シラサカショウ@管理人

    konitterさん
    なるほど、そんなやり方あるのですね、ありがとうございます!
    今度、試してみます。

  3. @akira_maru

    線で描くとダメダメなので最近はPhotoshop ライブエフェクトのストロークを使ってます。ブログに書きました。
    http://dwlog.net/2010/06/fw-cornerround.html

  4. シラサカショウ@管理人

    @akira_maru さん
    なるほど、とても参考になります!
    ご丁寧にありがとうございますー!

  5. fulman

    もう知っていると思いますが、ストロークを外側にすると角丸がキレイになりますよ。サイズの調整をしないといけないですが。。

コメントをどうぞ