【Web用の透過画像】


グラフィックツールFireWorksで透過GIFを作っています。
ドロップシャドウで影をつけたり、線の周りを
アンチエイリアスにすると、背景の色が少しつきますね。
後からページの背景色を帰ると、ふちはギザギザになります。

「サイトの背景色をどのように変えてもきれいに透過するGIF」
は作れるのでしょうか。

それとも透過GIFは、ある程度背景色を意識したものなんでしょうか?

GIF形式にこだわっているわけではないので、関連情報何でもお願いします!

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/10/22 14:49:46
  • 終了:--

回答(4件)

id:Cypher No.1

Cypher回答回数5ベストアンサー獲得回数02004/10/22 14:57:48

ポイント20pt

http://support.microsoft.com/default.aspx?scid=kb;ja;878928

パソコン用語 - アンチ エイリアスとは

透過GIFは背景色を意識して作られるのが一般的です。

その際、フチの部分は中間色で作成しておくと、多少ですが目立たなくできます。

それ以外だと、ふちのギザギザはアンチエイリアスによるぼかし部分が原因ですので、アンチエイリアスをOFFにするぐらいしかありません。

id:MASHMASH

なるほど、ありがとうございます。

2004/10/22 14:58:43
id:fake234 No.2

fake234回答回数197ベストアンサー獲得回数02004/10/22 15:05:33

ポイント20pt

http://webmaster.hatena.ne.jp/1050641035

illustratorの画像からGIF画像にする処理で一番綺麗に出来る処理はどうするのですか?また、ホームページの制作で、backgroundの色と画像の色をそろえていますが、画像を挿.. - 人力検索はてな

私はフォトショップを5年ほど使用していますが、透過GIF画像を作る場合、背景色にあわせた処理(マット処理)が必要です。fireworksでも同様の処理ができるはずです。

過去のはてなに関連記事があったので、付け加えて置きます。

id:MASHMASH

マット処理ですね。試してみます

2004/10/22 15:08:13
id:occapie No.3

occapie回答回数78ベストアンサー獲得回数32004/10/22 15:06:20

ポイント20pt

そもそもアンチエイリアスは、文字など、縁のジャギーを目立たなくするために「背景色」の境をぼかすものですので、背景色とは切っても切れないものです。

従って、アンチエイリアシングを施している以上、背景色にかかわらずキレイに透過するGIFを作るのは不可能です。ドロップシャドウも同様です。ちなみにURLがもちろんダミーです。

id:MASHMASH

そうですね。「マット処理」も、「書き出し方の指定」なわけで、後から背景色を変えてもキレイになるというのはムリそうですね。

2004/10/22 15:10:49
id:indiana No.4

indiana回答回数59ベストアンサー獲得回数32004/10/22 15:07:42

ポイント20pt

もし背景色を問わないデザインにするなら、参考URLのように画像が全てアンチエイリアスのサイトならば問題なく透過できます。

id:MASHMASH

?? 全て「アンチエイリアスでない」サイトってことですか?

2004/10/22 15:21:20
  • id:indiana
    「4」の者です

    すいません。「アンチエイリアスでないサイト」です^_^;
  • id:andymente
    PNG

    フルカラー PNG なら画像にαチャンネルを持たせることができるので、背景色になじませることも可能です。
    ただ、InternetExplorer だとそのままではうまく表示できないので、AlphaImageLoader というフィルタを使うことになります。

    #回答したら「ご指定のページが見つかりません」と出てびっくりしました。終了してたんですね。

    #…といわしに書き込みしたら今度は「この質問には既にコメントツリーができています」言われてしまいました。とろすぎる、とろすぎるよ私。
    http://write-off.cside.com/scripts/css/alphapng.htm

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません