綺麗に透過gif

透過gifを作ったら、作ってる時は綺麗だったのに、ページに載せてみたらどうも綺麗じゃないってことないですか?
Web用に保存するときに、マットを設定すると、見栄えが良くなりますよ。
これは、みんな同じフォントで同じポイントです。でも、なんか違いますよね。

その1 透明で新規作成して文字を書きWeb用に保存しました。背景は透過されてますが、まわりに白い縁取りみたいなものが(涙)。

その2 で、↓こっちをみてください。これはきれいでしょ?しかも背景は透過しています。

ここをクリックしてください。背景が白になると、その1は綺麗だけど、その2はさっきの背景色で縁取りになってますよね。
ここクリックで元に戻ります。

その3 上と同じみたいですが、ちょっとがたがたしてませんか?

何が違うのかというと、Web用に保存する時の、マットというところの設定です。

マットは、背景色に馴染ませるために、あらかじめまわりを背景と同じ色で囲んでくれます。
多分、ここの最初の設定は白になってると思います。
その1は、マットで白を選んでいます。
背景が白のときは良いんですけど、それ以外の色だと、こんなふうに白いギザギザっぽくなってしまって汚いですね。

その2は、その他から、今の背景色の#009999を選んでいます。
こんな風に、あらかじめマットのところで、ロゴを使うページの背景色を選んでおけば、綺麗に馴染んでくれます。

その3は、なしを選んでいます。
これでも良いかもしれませんが滑らかさが無くなっています。Eの字ががたついてるでしょ?

素材を作る時なんかに、コレを気にして作ると良いです。
よく、黒背景用と白っぽい背景用と素材が分かれてることがありますよね。それは、ここの違いなんですよ。
黒背景用の素材は、マットで黒を選んで作ってるわけです。



次へ>>