• ベストアンサー

photoshop cs3で web用の半透明画像を作りたい

web用の半透明画像を作りたいのですが、方法がわかりません。 具体的には、ただの塗りつぶした薄いグレーの長方形(少しテクスチャーを加えてあります)が半透明になってくれればよいのですが・・・。それをボックスの背景画像に使って、その下の背景が透けて見えるようにしたいのです。 しかし、透明度を半分にしてから「web用に保存」で保存しようとすると、gifでもpngでも透明にならないか、あるいはテクスチャーが非常に粗くつぶつぶ状になってしまいます。 方法をご存知の方、ぜひ教えてください! よろしくお願いします。

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

  • ベストアンサー
  • sandenn
  • ベストアンサー率67% (311/459)
回答No.2

png24で保存してください。 ただし古いブラウザは半透明に対応していませんし、Internet Explorerでは6でもちょっと対策が必要です。 この辺参考に http://cat.therese.name/index.php?categ=3&id=1138395537

cottonfeel
質問者

お礼

これは・・・普通できそうにないことができるという!?ことでしょうか?! 対応していない、ときにどう見えるのかちょっと不安ですが、IE6以下を使っている人にはあまりおめにかからないですし、但し書きをすることにして、まずはチャレンジします。 ありがとうございます。朝から元気でました。

cottonfeel
質問者

補足

「必要に応じてiepngfix.htcファイル内のパスを合わせる。」 というのがわけがわかりませんが、「パス」というのよく耳にしますし、調べれば多分克服できるはず。がんばります。

その他の回答 (2)

  • taikon3
  • ベストアンサー率22% (803/3613)
回答No.3

CS3が半透明を表現できないのでわなく、ブラウザが半透明を表現できないのです、その点をお間違えなく。 だからWeb用に保存では自動的に半透明にはならなくて、透明か不透明にしかなりません。 かといって別名保存で半透明にしてもブラウザで表現できないから一緒なんですけどね(^_^; □■□■□■ ■□■□■□ □■□■□■ このような透明、不透明のパターンをピクセル単位で作った物を背景とすれば、見た目上は半透明の効果があるように見せる事は可能です(ブラウザで半透明に見えます)

cottonfeel
質問者

お礼

あ、そうですよね。紙の上では普通に透けさせますし、ブラウザの問題ですよね。IEの問題でした。 仕事で使うようになり、とはいってもそれでご飯を食べているわけではないので今みようみまねなのですが、とにかく楽しい。奥が深くてとてもついていけていませんが、楽しいです。ご指摘ありがとうございました。

  • cubetaro
  • ベストアンサー率24% (1290/5172)
回答No.1

 半透明はおそらくムリかと思います。  基本は不透明か完全に透明なので、中間の設定は出来ません。  背景に重なる色が単色であれば、同じ色をブレンドして、擬似的に表現するコトは可能です。  レイヤーで画像を半透明にして、WEBで保存。  マット色の所で、重なるであろう背景と同じ色を指定してあげれば、背景とブレンドした画像を作るコトが出来ます。  それ以上のコトをしたければFLASHがオススメです。FLASH上でなら、半透明も扱えます。

cottonfeel
質問者

お礼

おはようございます。回答ありがとうございます。そうかーcs3にもできないことがまだまだあるんですね。いろんなことができるのに、なんだか不思議ですが、需要がないんでしょうか。 サイトはまた別のデザインを考えることにします。ご指摘どおり、背景が単色じゃないんです・・・ 調べてもわからなかった理由もわかり(できない、ということが)とにかくスッキリしました。ありがとうございました。 

関連するQ&A