• 締切済み

FW(MX)でのGIF透過処理について

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

みんなの回答

  • stanta
  • ベストアンサー率50% (12/24)
回答No.3

>どうしても背景を濃い色に設定すると、アイコンの周りに白い点々… 私の場合、背景色になる(htmlファイルの背景)に近い色をFWの背景にしてその色の上にイラストを書いています。 これで、周りの背景色を透過すれば、回りのギザギザがhtmlの背景と区別がつきにくくなり、ギザギザなどは全然きになりません。 こういう方法はいかがでしょう?

itigonotane
質問者

お礼

自分のHPで使用する時、そのようにやってみようと思います。 ありがとうございました。

回答No.2

#1です。 まずは参考URLをご覧ください。 図形が2つ並んでいると思います。 おそらくitigonotaneさんは上の図のようになるってことですよね? そこで下の図の作り方を説明します。 まずペンツールで枠線を作ります。 このとき回答1でも書きましたがストロークの種類は「鉛筆」→「硬い線」にしてください。 枠線が出来たら次にその枠線を右クリックして「選択範囲の統合」を行います。 これでベクターデータからビットマップデータに変換されます。 これを行わないと上の図のようになってしまいます。 バケツツールでプロパティの選択する色の範囲を0にしてから枠線の中を塗りつぶします。 これを透過すれば下の画像ができますよ。 がんばってくださいね。

参考URL:
http://www.geocities.jp/okaka_0088/index.html
itigonotane
質問者

お礼

二度にわたっての質問にも関わらず、丁寧に教えていただいてありがとうございました。 もう少し頑張ってみます。

回答No.1

一応、FireWorksの方で説明します。 >どうしても背景を濃い色に設定すると、アイコンの周りに白い点々… 白の上から描いて周りの色を透過指定して濃い色の背景に置くってことですよね? まず一番周りの線はブラシでかかれていますか? その場合、ブラシのストロークの種類を「鉛筆」→「硬い線」にしてください。 そのあと、サイズを適当にして描いてみてください。 これでうまくいくと思いますよ。 詳しい解説が必要でしたらまた補足説明致しますので。

itigonotane
質問者

補足

早速の回答、ありがとうございます。 すいません、「白い点々」という表現があまり適切ではなかったです…。 仰る通りにしてみたのですが、サイズを小さくすると 周りがギザギザ(これも適切とはいえないのですが:涙)になります。 透過してきれいな螺旋(?)はでないのでしょうか? 再度質問になってしまってすいません。

関連するQ&A

  • Photoshop7.0での透過GIF保存

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

  • 透過gifができません

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

  • photoshopでの透過GIF

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

  • Photoshop6で透過画像作成

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

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

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

    • ベストアンサー
    • CSS
  • 透過GIFを簡単に作成できるソフトを教えてください。

    こんにちは。 透過GIFを簡単に作成できるソフト を教えてください。 Windowsのペイントでは、不十分です( もともとGIFに適したインデックスモードが ないので、GIF保存の際に、 どうしても、色が乱れてしまいます。 透過もできない)。 はじめから、GIF用のインデックス モードがあり、透過できるものが 望ましいです。 また、単純に暇なときにアイコンを 作りたいだけなので、 インストール不要のソフトが、 便利です。 ありそうで、この条件を満たすソフトが、 みつかりません。 それでは、 よろしくお願いします。

  • GIF透明化/Photoshop6

    Photoshop6でGIFの透明化をしたいのですが、[GIF89a書き出し]が見つかりません。 今までPhotoshop5を使ってましたが、その時は、[ファイル]→[データ書き出し]→[GIF89a書き出し]で、+印のついたスポイトで透過したい色をクリックして [OK] 。の手順で透明化をしてました。 で、Photoshop6では、この[GIF89a書き出し]が見つからないのです。([illustratorへパス出力]しかない) どうしたらPhotoshop6でGIFの透明化が出来るのでしょう?

  • 透過処理をしたまではいいけど

    アイコンの背景の透過処理(元からあった白い背景を消した)をしたまではよかったのですが、アイコンの服の色に白色が混じっていたため、アイコンの服の一部が透けてしまいました。 処理はパソコンに元からあった Microsoft Photo Editor で、おこないました。 アイコンの服を不透明にするにはどうすればいいのですか?PC初心者なので、手順も教えてください。

  • Fireworksで8bitの透過PNGの書出し

    Fireworksで、8bitの透過PNGの書き出しをしたいのですが、 透過させたくない白い部分まで透過してしまい、うまくいきません。 かなりのFireworks初心者で、きれいに書き出す方法をネットで調べてみたのですが、 分からず困っております。 作業詳細 ---------------- 最終的に欲しいデータ : Fireworks形式のPNG(8bit) 作業環境:Windows XP、Fireworks CS3、Photoshop CS3 作業手順: (1)Photoshopにて複数の画像を作成  ドロップシャドウなどを適用している透過画像もあるので、  「Webおよびデバイス用に保存」でPNG-24で書き出します。 (2)作成した画像をFireworksで、ある決まったテンプレート(PNG)にレイアウトします。 (3)書き出し設定  「最適化」WindowにてPNG 8 を選択。    (3)「書き出し」からスライスの書き出しを行います。 ---------------- すると、PNG32では問題なく書き出せるのですが、 PNG 8 の場合は、透過させたくない白い部分まで色が抜けて透過してしまいました。 試しにPNG24で書き出そうとしたところ、今度は透過させたい部分まで透過されなくなり、 スライスの範囲通りに四角い形になってしまいました。 PhotoshopのPNG8ではドロップシャドウの部分などがきれいに透過されないことと、 最終的にFireworkのテンプレートも必要なので、 Photoshopだけで作業は完結できません。 説明が下手で恐縮ですが、 8bitの透過PNG(Fireworks)の書き出し方をお教えいただけますでしょうか。 よろしくお願いいたします。

  • FireworksのPNG書き出しについて

    Fireworks MXを使用しております。 書き出し時に「PNG32」として その画質で、背景を透過状態で書き出したいのですが、 プレビューの段階では異常はないのですが いざアップして見てみると、背景(マット)に色が付いてしまいます。 (もちろん、プレビュー前のマットは透明にしてあります) PNG8やGIFで保存の場合は背景に問題ないのですが、 この場合ですと画質が劣ってしまいます。 (具体的には「バー」の「グラデーション」に階層ができてしまうので  これをPNG32のグラフィックにして保ちたいのです) これはIEなどに原因があるのでしょうか? もしくはFireworksの設定に問題があるのでしょうか? よろしくお願い致します。