影のある写真を透過GIFで保存するには？

スラッシェ 2000/06/07(水) 19:34:35
影付きのロゴ画像のような、透明化したい部分と、
生かしたい部分の境界がグラデーション状になって
いる画像を透過GIF化することはできるのでしょうか？
もし出来ないのであれば、他にきれいにマスキング
出来る手段はありますか？アドバイスお願いします。

man 2000/06/07(水) 20:05:54
＞境界がグラデーション状になって
＞いる画像を透過GIF化することはできるのでしょうか？
出来ます。
ただし、GIF形式は最大２５６色までしか表現できないので
元々のイメージを完璧に再現は出来ないかもしれません。
GIFで保存するときにパレットを調整したり、減色したりして
一番忠実に再現されるものを採用されたら良いと思います。

画像を作るとき、「透明化したい部分」を「生かしたい部分」で
使っていない色で塗りつぶしておいて、その色を透過色に指定して
保存すれば、透過できます。

ミニュー 2000/06/07(水) 20:21:16
ロゴを描く際に、画像を表示するページの背景色と同じ色を
バックにして描き、その色を透過させることで
エッジが目立たない透過GIFを作れます。

もし、写真などを元にした画像を利用するならば、
上と同様、ページの背景色と同じ色を透過する部分に
丁寧に塗って（アンチエイリアスの状態で）、
その後、塗った色を透過させればいいと思います。
透過色と同色が画像に含まれている場合は、
そのGIF画像を単体で表示した際、部分的に色ヌケした
感じになりますが、背景色の上に表示することでキレイに見えます。

スラッシェ 2000/06/08(木) 00:39:43
manさん、ミニューさん、
早速の御返答ありがとうございました！
うまくいきました！
...で、せっかくなので、もう一つ質問。
例えば、バックグラウンドに画像を貼ってたとします
(back.gif)。その上に、透明度が例えば50％（半調？）
の画像(photo.gif)をのせた時に、photo.gifを透かし
てback.gifが見えるようにすることは可能でしょうか？
Photoshopなどで合成すればいいのでしょうが、バッ
クグラウンドを頻繁に差し換えたいので、出来れば別々
の画像として使いたいんです。是非教えて下さい！

ミニュー 2000/06/08(木) 01:21:51
これは上のロゴ画像とは別の話ですよね。
色々な色の背景にマッチするような透過GIF画像は、
manさんの方式で作る必要があります。
（但し、エッジのギザギザが目立つ）

半透明画像については、PNGで過去ログを検索すれば
何か出てくるかもしれません。
下記のページも参考にしてください。
このフィルタを使えば、Jpegでも半透明表示できます。
（IE4以降限定ですが）
http://www.tohoho-web.com/wwwcss2.htm#Filter

また、基本的な話として、
なだらかな階調を重視するならば、GIFではなく
PNG、Jpegでロゴを作った方がいいと思います。

HIROPON [E-Mail] [HomePage] 2000/06/08(木) 02:41:26
背景がある場合の半透明画像ですが、手前の画像の透過させたい部分に

　■□■□■□
　□■□■□■
　■□■□■□
　□■□■□■
　■□■□■□

・・・といった感じで、透明色をメッシュ状に配置してやれば、とりあえず
ＧＩＦでも半透明に近い効果を出すことはできます。手間がかかる上に、
色使いによっては見苦しくなる場合もありますが、一応、参考までに・・・

スラッシェ 2000/06/08(木) 09:13:24
[[解決]]
なるほど。
とても参考になりました！
ありがとうございます！

[上に] [前に] [次に]