OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

カラーの背景に透過GIFを貼り付けると周りが白くなります

  • すぐに回答を!
  • 質問No.234262
  • 閲覧数1278
  • ありがとう数3
  • 気になる数0
  • 回答数3
  • コメント数0

お礼率 83% (10/12)

タイトルのとおりの状況です。
基本的な質問でスミマセン。ここでつまずいています。
HPのページ背景を赤に指定します。
作成したGIF(例えば、黒の丸●)(透過済み)をそのページに貼り付けると、そのGIFの外側が一回り白くなります。これはどうしてこうなるのでしょうか?使用しているソフト(フォトショップ、イラストレータ、ビルダー)で何とか直りますか?
よろしくお願いします。
通報する
  • 回答数3
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.3
レベル11

ベストアンサー率 53% (199/370)

GIFは透過フォーマットをサポートしていますが、あくまでON、OFFの
情報しかもつことができません。

一方、PNGはフォーマットとしては256段階の透明化をサポートしていますが、
編集・表示をサポートするソフトがまだ少ない(今後増えるかどうかも謎)

ですので、#1の方がおっしゃるように、PhotoShopを始め、複数色を透明色
にすることはできますが、表示するかしないかしかの2択なので、エッジ部分
が不自然になってしまうのは仕方がないことだと思います。
(また、複数色を選択するのは面倒ですし、エッジでない部分まで透明化
されてしまう可能性があります。)

エッジの不自然さを回避するのには、画像作成時に背景色を使用するページの
背景色、背景画像に近い色で作成すること。
たとえばページの背景が青、で、表示するのが黒丸の画像でしたら、白地に
黒い丸の画像を描いて、白を透明色として透過GIFにすると、黒丸の画像の
周辺部はグレーの部分が残って、不自然。
しかし、画像作成時、青地に黒い丸の画像を描いて、青を透明色として透過
GIFにすると、周辺部はグレーではなくて青みがかったグレーになっている
ので不自然に感じません。
もちろん、ページの配色を変えたら、もう一度画像を作り直す必要があります。
作成時に背景色をレイヤにしておけば簡単、とはいえ、手間がかかることには
違いがありませんが、惜しむことのできない手間です。(もっとも、配色をかえ
たら素材も作り直すのが本当でしょうが)

それか、多少ギザギザになることを覚悟してはじめからエッジ部分はアンチ
エイリアシングしない。

そんなところでしょうか。
お礼コメント
yumicott

お礼率 83% (10/12)

どうもありがとうございました。
sightさんをはじめ皆さんの意見は大変参考になりました。
結局、イラストレーターでロゴを作る→フォトショップのレイヤーの背景をHPの背景色と同じにするということで解決しました。さっき自分が作ったのより、全然満足しています。せっかく思うようにデザインしたものが、あのギザギザ(エッジ)によって、暗い気持ちになっていたので、今は晴れ晴れと次の作業に取り掛かろうと思います。本当にありがとうございました。
投稿日時 - 2002-03-13 13:41:54
-PR-
-PR-

その他の回答 (全2件)

  • 回答No.1
レベル12

ベストアンサー率 27% (194/717)

これは、縁のほうは、円滑に縁取りをするために拡大するとわかりますが、濃淡があって、ぎざぎざにならず、きれいに丸が描かれるのです。 透明化するときに、1色だけしか透明にしていないのです。 フォトショップ5.0では、gifを透明化するときに、スポイトで、何色かを透明に設定できるようになっています。これで、白く見える部分を透明色に指定していきます。 ...続きを読む
これは、縁のほうは、円滑に縁取りをするために拡大するとわかりますが、濃淡があって、ぎざぎざにならず、きれいに丸が描かれるのです。
透明化するときに、1色だけしか透明にしていないのです。
フォトショップ5.0では、gifを透明化するときに、スポイトで、何色かを透明に設定できるようになっています。これで、白く見える部分を透明色に指定していきます。
お礼コメント
yumicott

お礼率 83% (10/12)

ありがとうございました。
まだまだはじめたばかりで、フォトショップで何色かを透明にできることすら知りませんでした。とても参考になりました。
投稿日時 - 2002-03-13 13:28:57
  • 回答No.2
レベル9

ベストアンサー率 18% (17/93)

 私も素人なので的をはずしたお答えになるかも知れないと心配ですが。  その透明GIF画像を作ったときに白い地色の上に作られ、その白色を透明にされたとおもいます。ところが画像の周囲が本当の白でなかったら、当然そこは透明にならないですね。  対策は、黒い地色でGIF画像を作ってみて、その黒を透明にしてみるのですね、このときも画像の周囲には本当の黒でない黒が残りますが、白よりは目立たないのではないかと思いま ...続きを読む
 私も素人なので的をはずしたお答えになるかも知れないと心配ですが。
 その透明GIF画像を作ったときに白い地色の上に作られ、その白色を透明にされたとおもいます。ところが画像の周囲が本当の白でなかったら、当然そこは透明にならないですね。
 対策は、黒い地色でGIF画像を作ってみて、その黒を透明にしてみるのですね、このときも画像の周囲には本当の黒でない黒が残りますが、白よりは目立たないのではないかと思います。
 一番よいのはHP上で背景にしたいなあと思っていらっしゃる色を地色にすることです。これですと透明にしなくてもいいわけですが、模様のある背景には乗せられませんね。
 とにかく白か黒かどちらかの地色の透明GIF画像を作って、感じのよい方を使うのが実用的ですね。
 フリーの素材集などを提供してくださっているサイトなどでは、黒と白の両方の地色で同じ模様の画像を用意してくださってますね。
お礼コメント
yumicott

お礼率 83% (10/12)

ありがとうございまいした。とても参考になりました。
投稿日時 - 2002-03-13 13:30:19
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ