• ベストアンサー
  • すぐに回答を!

Photoshop7.0での透過GIF保存

いくつかネット上で調べても駄目なので改めて教えていただきたくて投稿します。 ネット上のゲームに使う画像ということで、依頼されてGIFの画像を作りました。 背景透過にして欲しいと頼まれました。 もともとはPhotoshop7.0を使って彩色し、 背景部分はなしで製作していました。 見えやすいように、レイヤーで白い背景はおいていましたが、 直前に捨てました。(ブルーのチェックが見えている状態) その後、Web用に保存→GIF形式を選択→透明のチェックボックスにチェック というように保存しました。 自分でPhotoshopで見る限りは透明に見えているので (Web用に保存のプレビューでもそう見えます。) てっきりできていると思い、 依頼主に送ったところ 背景が透過できていない、と言われました。 確かに試しにIrfanViewを使ってみたところ 確かに背景が白いまま残って見えます。 これはなぜなのでしょうか? ちなみに、ネット上で 「Photoshopで透過GIFを…」という項目で 検索をかけたところ、インデックスカラーに変更した後、書き出し→GIF98aを選んで保存、と書いてありましたが 私のPhotoshopでは、書き出しのところには Illustrator用の書き出ししか選択できません。 一般的にネットゲームなどで使用する画像の背景透過と Photoshopの背景透過は意味が違うのですか? それとも背景透過のやり方が違っていますか? 教えてください。

共感・応援の気持ちを伝えよう!

  • 回答数4
  • 閲覧数700
  • ありがとう数3

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

  • ベストアンサー
  • 回答No.4
  • yasupie
  • ベストアンサー率66% (14/21)

ということは、PSでの保存方法に問題アリなんですねぇ~。 いまのところ「マット」の設定しか思いつかないです。 それもhepochiさんが丁寧に伝えてくれたからなんですけどね(^^) なんとか解決したいですね!およばずながらですが、一緒に考えて解決できればと思います。 マットを変更した結果の報告を楽しみにしています。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

いろいろとありがとうございます。 今日は残念?なお知らせが…。。 実は、思い切って 「イラストレーターで作ったGIFのマットなし・マット白・マット黒」と「フォトショップで作ったGIFのマットなし・マット白・マット黒」の6種の画像を依頼主にテストしてもらいました。 私はきっと「マットなし」だけ「透過して見えたよ」といわれると思っていました…。 しかし、なんと! 「全部透過して見えたよ♪」と言われてしまったのです! ???? もう…わからなくなってしまいました。。ううう。 なぜ始めに私が作った画像がそう見えないのかまたわからなくなってしまいました!! それでもIrfanViewについては、 背景透過して見えるようにするためには マットなしの指定が有効であることはわかりました★ 今回はスッキリした結果が出なかったのですが 本当にGIFについて色々と調べる良い機会をあたえてもらえて皆様には 感謝しています♪ (もしかしたら「依頼主の何か確認ミスなどがあったかも?」とも思うようになりました。) 今後もし、本当の理由が見えたときに、回答してくださった方に報告できないのは少し残念ですが、質問してから時間も経過してしまい、新規回答はあまり期待できないこともあるので、質問を閉めさせていただきます。本当にありがとうございました!!!

関連するQ&A

  • 透過gifができません

    調べたのですが分からないので質問させていただきます。 photshop elements2.0を使っているのですが透過できません。 ヘルプを見たのですが、同じようにできません。 ちがう種類のphotoshopのやり方で、やってみたのですが、 イメージ→モード→インデックスカラー→背景を塗る →ファイル→データーの書き出し、としていくのですがデーターの書き出しがクリックできないようになっているので先に進めません。 絵はcorel painterでかいたのを開いています。 うまくgifできないのではなくそこまでも進みません。 どなたかご存知の方がいましたら、宜しくお願いします。

  • photoshopでの透過GIF

    はじめて質問させていただきます。 透過GIFを作る時どうしても周りにギザギザ が出来てしまい困っています。 普段は過去ログにあるとうり背景色に合わせて 透過しているので見苦しくないのですが...。 問題は 素材屋さんをやろうと思っているのです。 ギザギザある透過GIFだとユーザーさんの好みの 背景色にできないですよね(>_<) できればユーザーさんの好きな背景色が選べる透過GIFを作りたいのですが、無理なんでしょうか? アイコンがきれいに透過されている素材屋さんもたくさんありますよね。 (そんな素材屋さんを作りたいのです) 又、photoshopで無理なようでしたら他にオススメのソフトはないでしょうか?シェアウェアでもOKです。 わがままな質問ですみません。宜しくお願いします。 環境はphotoshop6.0でWIN98です。

  • Photoshopで画像をgif保存すると崩れる

    背景を透過させ、文字のみの画像をPhotoshop7.0で作成し gifで保存したものを、 ブラウザで確認すると文字がかなり崩れて表示されてしまいます。 何かの設定が悪いのでしょうか? 分かる方いらっしゃったら教えてください。 jpgではそんなことないのですが、 透過ができないので意味がありません。

その他の回答 (3)

  • 回答No.3
  • yasupie
  • ベストアンサー率66% (14/21)

>まず、GIFの透過の設定をするときに、背景に溶け込むための縁取り部分 →「マット」ですか? >PSでそのカラーを指定して背景透過のものを作った後に、Irfanviewで ああ、本当だ! 解りましたぁ~。マットの横っちょの下向き三角のボタンをクリックすると「なし」というのがあると思います。「なし」にして保存して、依頼主に見てもらってください。 だんだん透過されて行く効果はなくなり、透明/不透明のくっきりした画像になりますが、きっと透過されてると思いますよ。 rentonさんのおっしゃる「Gifの仕様が違う」とはこのことなのでしょうか。 なんだか、こちらも勉強になりました。

共感・感謝の気持ちを伝えよう!

質問者からの補足

途中経過を報告します。 まず、依頼主にたずねたところ、「ゲームでUPしても背景透過になっていなかった」とのことです~(泣) ますますナゾは深まります。 今度は、マットの条件を変えた画像で いろいろ試してもらおうと思っています。 それまでしばらく質問を締め切りませんので よろしくお願い致します。

  • 回答No.2
  • yasupie
  • ベストアンサー率66% (14/21)

Photoshop6.0でGIF透過処理した画像をIrfanViewで見たみたら、透過してないように見えますねぇ。Windowsのアクセサリのペイントも透過されてないように見えてしまいます。 フォトエディターやXPの「画像FAXビューワー」なら透過されているのが見て取れます。 (MACユーザーだったらごめんなさい) 思うに、透過GIFに対応していないソフトで閲覧すると(背景が透過していても)透過しているように見えないので、(本当は透過されているのに)依頼主の方が透過されていないと思い込まれているだけの可能性もあるような・・・気がします。 hepochiさんの「背景透過のGIF」作成手順は間違ってないと思います。 もし、依頼主の方が、他のGIFは透過が確認できて、hepochiさんGIFだけ透過が確認できないのであれば話は別だと思います。 依頼主の方に、何で画像を閲覧されているのか?他の透過GIFを閲覧するとどうなのか?確認してもらったら如何でしょう。 それから、そのGIF画像をまた何かに画像加工が必要で触らなければならないのなら(WEB用に保存は自動的にインデックスカラーにするので)、インデックスカラーになったGIF画像をRGBカラーに変更しないで作業したりすると透過が透過でなくなってしまったりもあります。 なんだか、ややこしいこと書いてますが・・・相手が何をされているのか確認して見てください。解決方法が見つかるかもしれません。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

回答ありがとうございます。 確かに、依頼者にもう一度どのような状況だったのか確認するのがまず始めの作業ですね。 もう一度きちんとそこから確認したいとおもいます。 確認はこれからなので、現状の推理だけさせてください。 ちなみに、依頼者は、他の背景透過は「透過してるよ」と言っており、サンプルを私に送ってきました。 確かにIrfanViewで見たところ、背景透過しているように見えました。この違いは…?? ここで推理すると…。 まず、GIFの透過の設定をするときに、背景に溶け込むための縁取り部分の色の指定をしますよね?(正式名称がわかりません) PSでそのカラーを指定して背景透過のものを作った後に、Irfanviewで見ると、その指定色がそのままベタな背景として見えるように思います。 なので、縁取り部分を黒で作ればIrfanviewで見ても、もともとバックが黒ということもあって、「透過しているように見える」のではないかと思います。 つまり、その依頼主が送ってきた背景透過と名うったものは、縁取り部分が黒で、同条件なGIFであったのかな、と思っています。 一度、縁取り部分を黒で作ったGIFを送って「これで透過してますか?」とも聞いてみたいとおもいます。 いずれにしても画像の閲覧ソフトがなんであるかを確認するのがはじめですね。ありがとうございました。 それと、後半のインデックスカラー云々は、ちょっと難しいです…が、ゆっくり考えて読んでみます。ありがとうございました。

  • 回答No.1
  • renton
  • ベストアンサー率34% (1720/4934)

一般的にネットゲームでGIFは使わないというのが、普通だと思うのですが・・・ 色を抜くなら、抜き色かアルファを使うのが一般的な気がします。 というのはおいといて、PSで作成したGIFが向こう側のソフトやプログラムが対応していない場合もあるかもしれません。 PSにWeb用に保存の機能がついたあたりで、Gifの仕様が違うからこういった事がおきることがあるっていうのを聞いた記憶があります。 依頼主にどういったツールで吐き出したGIFなら問題なく読み込めるのかというのを聞いみてはどうですか?

共感・感謝の気持ちを伝えよう!

質問者からのお礼

早速のお返事ありがとうございます。 ゲームはキングダムオブカオスというものだそうです。http://www.if-kingdom.com/ 私が会員ではなくて中に入れない上、もともと画像などに詳しくない方から頼まれたので「どういったツールで…」等の詳細はまだ不明です。(申し訳ありません) ただ、全然わからないながら、「背景透過のGIFで」という言葉で依頼されており、かつサンプルでは確かに背景透過のものを見せてもらったので、どうやらこちらのゲームでは確かにGIFは使っているようです。 フォトショップのGIFの仕様が違う、というケースはあるんですか?それは初めて聞きました。 確かに、自己のHPに画像を使う際は、上記の手順で作った画像を背景透過画像としてホームページビルダーに使っていたので、ある一定条件では「背景透過」と認識はされるようですね…。 ただ、PSというソフトのメジャー具合からいっても、PSで作ったGIFに対応していないというのがもし本当だとしたら少し納得がいかなかったりもします。。 ところで、根本的な話に戻りますが、上記のPS上の「背景透過のGIF」を作る手順自体は間違っていないということでよろしいでしょうか? どこかチェックし忘れると透過にならない、とかいうポイントがあれば教えていただけると幸いです。 どうもありがとうございました。

関連するQ&A

  • gifの透明の書き出し方?

    こんばんは。 今、フォトショップを使ってweb画像を作っています。 ただ、できた画像をGIFで保存してその画像を HPの素材として使おうとすると画像の背景が 透明化されていなく画像が浮いてみえて困っています。 フォトショップで背景を透明化する方法、 5.5では、 メインメニュー→ファイル→データ書き出し→Gif89a とやって出来たのですが、 現在の私のふだん使っている6.0ではGif89aという項目がありません。 イメージレディか、フォトショップ6.0での透明の指定の仕方、教えてください。 よろしくお願い致します。

  • Photoshop6で透過画像作成

    すでにレイヤーを統合されている画像の背景を透過させる場合、どのようにすればよいですか? photoshop5ではファイル/データ書き出し/GIF...を選択し、スポイトで透過させたい色を選んで作成していたのですが、photoshop6で同じことをしようとするとファイル/データ書き出し/Illustratorへのパス書き出ししか選択することができません。 ちなみにモードはインデックスカラーでもRGBでもです。

  • gif ってぼかしは効かないのでしたっけ?

    Photoshop でロゴを作成しようとしています。 ページの背景にパターンを使用しているため、ロゴの背景を透明にしてページ背景のパターンが見えるようにしたいのです。 ロゴは、gif で作ろうとしています。 Photoshop のテキストでロゴを入力し、ラスタライズし、gif で保存するためインデックスカラーに変換します。 すると、ロゴの輪郭がカクカクしてしまって、うまくぼやけてくれません。 gif は、輪郭のぼかしは出来ないのでしたっけ? 別のソフトでは、出来たような気がするのですが、Photoshop での 透過gif の作り方を教えてください。

    • ベストアンサー
    • CSS
  • FW(MX)でのGIF透過処理について

    初めまして。 いろんな素材を見ているうちに自分も作ってみたくなった初心者です。 FireWorksで作っているのですが、GIFの透過をするために「書き出しのプレビュー」で 「透明カラーの選択」をしてプレビュー画面で操作し、一応は透過されるのですが、 どうしても背景を濃い色に設定すると、アイコンの周りに白い点々…というか もう少しなのに、完全に透過できません。 自分のHPに貼るだけならば、「インデックス透明カラー」を設定すれば ある程度きれいに出来るのですが、どんな背景色でもきれいに表示させたい、 というのは無理な事なのでしょうか? FireWorks以外にPhotoShop7も持ってはいますが、 Photo~の方でも色々試したのですが、あまり上手くいきません。 こちらの以前の質問等でも調べてみたのですが、 なかなかはっきりとした回答がなかったもので。 すいません。。。 どなたかご教授いただけませんか? 宜しくお願い致します。

  • 画像を透過してEXCELに貼り付けたい

    背景色付きの画像(BMP形式)に透過処理をして、背景色のあるEXCELに貼り付けて使用したいです。 一応色々な事はやってみたのですが... 詰まってしまったので教えてください。 (1)MS-PAINTで背景についた画像を貼り付ける (2)貼り付けた画像の透過したい部分を使用していない色で塗り潰し、保存する。 (3)フォトエディターでBMP形式の画像を開き、塗りつぶした場所を透過さる。   (透過した部分の背景がチェックで表示される=透過されている?) (4)編集した内容をGIF形式で保存する (5)画像をコピーしてEXCELに貼り付ける。 この作業を行っているのですが、EXCELに貼り付ける時に黒い枠線が付いていまい、透過されません。 又、形式を変換して貼り付けを選択しても、GIF形式は選択できません。 何かやり方が間違っているのでしょうか?

  • Photoshop jpg→gifに保存の際。。。

    PhotoShopでjpg形式からgif形式にしたいとき、 ファイルの「データ書き出し」→「GIF89a書き出し」と 選択すると、どうしても容量が増えてしまいます。 gif=jpgよりも軽い、というイメージがあるので どうしてもjpgからgifにおとして軽くしたいのですができません。 どうやったらなるのでしょう? 他のグラフィックソフトでなければできないのでしょうか?

  • IrfanView・透過GIFの使い方

    先日、このコーナーで円形切抜きの件で回答いただき早速お教えいただいたIrfanViewで試行いたしましたが(インストール済み)、最後のところで目的を達することが出来ずにいますので、是非ともお教えいただけませんでしょうか(JAVAスクリプトは有効になっております)。 ペイントで円形に切り抜いた画像(この場合当然に選択された四角の枠内に円形画像があります)を説明の手順に従い、最後の透過する色を選択する場面で、円形画像外の枠内の白の部分を選択して保存した画像(B)を、別の保存画像(A)にフアイルから添付より添付しますと、円形画像外の白枠部分が透過されておらず白く囲まれた状態になっております。「透過GIF確認スクリプト」で確認しますと、透過GIF画像でないと表示されてしまいますので、どうも透過するGIF画像になってないようです。 どの辺りに注意し、可能にするポイントなどお教えいただきたいと思います。円形画像以外の白枠部分は透過できないのでしたら諦めざるを得ませんが。今回の目的は、集合写真などで欠席者を円形で囲み添付するのを目的にしております。

  • photoshop7.0でレイヤースタイル「ドロップシャドウ」にした画

    photoshop7.0でレイヤースタイル「ドロップシャドウ」にした画像で透過gifを作ろうとしているのですが、「Webで保存」、「gif」、「透明部分にチェック」をしているのですが、微妙に透過にはなるのですが、がたがたで完璧な透過という形になりません。 色々Googleで調べたりしてるのですが、「アンチエイリアスがオンしてるから」とか書いてたり、では完全には無理とか書いてあったりよくわかりません。 PNG-24で保存するとうまくいくのですが・・。 教えて下さい。 画像のようになります。

  • フォトショップでの透過画像についてです。

    フォトショップでの透過画像についてです。 まず何をしたいかというと、背景が透過で文字をちょっと入れたいだけなんですが 今までは、ファイルから新規作成をし、カンバスカラーで透明を選び そこで文字を入れてtga形式で保存するとちゃんと背景が透過になっていたと思うのですが それと同じ事をしても背景が白になってしまいます。 特に他をいじった記憶がなかったので困っています。 考えられる理由として何かありませんでしょうか。 よろしくお願いいたします。

  • GIF保存の、画像が粗くなってしまいます。

    はじめまして!よろしくお願いします。 目指しているのは、自作ホームページ上に(すごくシンプルな黒単色)ロゴを綺麗に貼ることです。 何度も踏んでいる失敗の手順は下記の通りです。 イラレでフォントtimes new romanを用いて文字を打ちます。 ファイル-データ書き出し-Gif89a-パレット/web用選択-インターレースにチェックをします。 このGIF保存したファイルを再度開くと(もちろんアップロードを済ませWeb画面上で確認しても同様に)画像がひどく粗くなっています。 ちなみに<img src="~.gif" width="257"height="60"> この幅と高さが目指しているロゴ配置枠なのです。 イラレの書類設定などはいじるべきでしょうか? 環境はMacOs9/IEを使用しています。 フォトショップもあります。 どなたか、教えてください。 お願いします。