読者です 読者をやめる 読者になる 読者になる

ここにタイトルが入ります

デザイン&プログラミングのことも書くし、それ以外のことも書く。

【Fireworks】透過画像の境界線がギザギザになる(ぼやける?)のを防ぐ。

web design Fireworks

ボタン用画像として角丸の画像(透過画像)を作った際、スライスしていざサイトに使ってみると
境界線がギザギザしてなんか汚い…


※ちなみにFireworksでの透過画像の切り出し方
〜参考になりました!〜
Fireworksで画像を透過gif(透過png)として書き出す際のチュートリアル | FireWorks.20


わかるかな?
f:id:blog_711fumi:20131231163243p:plain
gifやjpgでスライスしてみたのですが、白い枠線がギザギザして見える。


調べてみると、スライスするときに少し気をつけてあげれば良いみたいですね!

〜参考になりました!〜
写真を角丸長方形にし四隅を透過処理 Fireworks CS5 の使い方 - カフィネット


画像をスライスする際、「最適化」メニューの「マット」に背景色と同じ色を設定します。
境界部分をうまく塗ってくれるみたいですね。
f:id:blog_711fumi:20131231163258j:plain


設定した画像を配置してみると…
f:id:blog_711fumi:20131231163252p:plain
よく見ると違いが…


滑らかになりました(・∀・)