![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
古いソフトで申し訳ありません。現在fireworks3でwebに載せる画像を作っています。背景が単色の場合インデックスカラーを指定して書き出しすれば透明化した際、問題ないのですが、今回背景が迷彩柄になったため単色のインデックスカラーで指定した場合、画像の周りが浮いた感じになってしまいます。そこで背景を透明にして、インデックスカラーも無しで指定したところ最初の画像はうまくいきましたが、二つ目は白が含まれている画像で、インデックスカラー白にしていなくて無しに指定しているにも関わらず白い部分まで透明に抜かれてしまいます。どうすれば周りのインデックスカラー無して白い部分が透明化されないように設定できるのでしょうか。すみませんが教えてください。
No.2ベストアンサー
- 回答日時:
状況が分かりました。
透明キャンバスを透明化するのは、書き出しのプレビューで「インデックスカラー」となっているポップアップを「アルファチャネル」に変更します。ただし、透明な背景に対してGIF化した場合、エッジのカラーがだんだん薄くなる処理がされるので、結局希望通りにならない(迷彩色の背景上ではエッジが目立つ)可能性があります。このあたりの意味がよく分からない場合は、背景透明、背景白、背景青などでGIF化した画像を800倍あたりに拡大してエッジ部分を観察してみてください。
通常は、背景画像(紫色ベースの迷彩柄)を下に敷いて、書き出しを行います。Fireworksでは書き出したい画像の輪郭を指定して書き出すことができないようなので(確かPhotoshopなどではできたのでは…)、画像の形状によっては、さらに加工が必要かもしれませんね。
ただ、迷彩柄の具合によっては、どう透明化してもエッジの違和感はぬぐえない可能性もあるかと思います。いろいろ試行錯誤してみてください。
今試してみました。うまくいきました。どうもありがとうございました。今まで、アルファチャンネルの意味がわからなくてつかったこと無かったので大変勉強になりました。
やはりエッジの周りの違和感はありますが、やり方がわかってよかったです。かなり悩んでいたので、聞いてみたよかったです。親切に教えて下さってありがとうございました。
No.1
- 回答日時:
申し訳ないですが、質問の内容がよく分かりません。
作ろうとしているのはウェブ用の画像で、その画像が配置されるHTMLにおける「背景色」と、GIFの内部の図柄と「背景」という意味での「背景色」が混乱していて、どこでつまづいているのか理解できませんでした。「今回背景が迷彩柄になったため」というのは、画像の背景なのか、HTMLの背景なのか、など。
うまくいかないところだけで構わないので、もう少し分かりやすく説明してください。画像はどういう形で、それぞれの部分が何色で、何色を透明化しようとしているのか。
今、インストールしているのは4なので、同じかどうか覚えていませんが、基本的には書き出しのプレビューで、白が指定されない限り透明化はされません。目視しながら試してみてください。もし白が抜けていたら、下のマイナスつきのスポイドで白い部分を拾ってやれば透明化から除外されます。
この回答への補足
ご回答ありがとうございます。マイナススポイドやプラススポイドはあるなあとは思っていましたが使い方がわからずつかったことありませんでした。さっき試してみたのですが、マイナススポイドで白を吸い込んだら、プレビューしてみたら背景まで全部真っ白になってしまって、うまく行きませんでした。
私の質問がわかりにくくて申し訳なかったのですが、補足させていただきます。
webのページの背景
紫色ベースの迷彩柄のgif
今作っているfireworksの画像は、その背景の上に載せる画像です。
fireworksではキャンパスカラーは無しで透明にしてあります。
(画面上は白とグレーの格子柄)
絵は、紫、黄緑、白等を結構複雑に用いたものです。
仮にキャンバスを紫ベースで作ってインデックスカラーを紫に指定して書き出しすると黄色等の明るい部分が変に縁取りされたように浮いてしまうので、今回キャンバスカラーを透明にしました。
それでインデックスカラーを透明に指定して書き出ししているのですが、白い部分まで抜かれて透明で書き出しされてしまいます。
アドバイスいただいたようにマイナスのスポイドで白をすったところ、透明な背景まで白くなってしまい、うまくできませんでした。
再度アドバイスいただくようお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- Photoshop(フォトショップ) フォトショップで切り抜いた画像を透明にするには 3 2022/09/15 11:50
- Illustrator(イラストレーター) Illustratorで白い部分のみを透過させたいです。 2 2022/10/10 22:27
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- Illustrator(イラストレーター) Illustratorから印刷すると画像が白くなっててきれいに印刷出来ず、透明背景効果にしてみて確認 1 2022/06/14 17:26
- Word(ワード) オフィスのワードで背景の色を無くす方法 3 2022/12/04 13:34
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- Photoshop(フォトショップ) フォトショップで背景をくり抜く方法 2 2022/05/14 12:39
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
イラレで背景を透明にするやり...
-
背景画像がテーブルに透けてしまう
-
WORD 2010 透かし画像の濃さの調整
-
HPの真ん中を浮かせるようにす...
-
PDFの保存ボタンが表示されません
-
ロゴマークだけを抜き取って貼...
-
「縮小専用」で縮小した画像が...
-
アイコンの背景を透過させたい
-
【Webサイト】画像が小さく表示...
-
<hr>の縦バージョンはありますか?
-
IMGタグでTIFF画像を表示
-
photoshopで作った画像をillust...
-
フレーム/透過の際のギザギザを...
-
同じ画像 複数回使用
-
GIFで高画質保存できないの?
-
画像の大きさに合わせて文字の...
-
FC2ショッピングカートのカスタ...
-
IrfanView で画像のスクロール...
-
見出しの複数行の対応について
-
Photoshopで画像解像度が300dpi...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
イラレで背景を透明にするやり...
-
WORD 2010 透かし画像の濃さの調整
-
サイトを丸ごとダウンロードで...
-
Illustratorから印刷すると画像...
-
ピタット印刷
-
premiere CS3 背景色の変更
-
画像処理 白→透明化(色無し)
-
fireworks3で透明化gifを作る際...
-
素人で分りません、助けてくだ...
-
イラストの背景を純白の白にす...
-
GO LIVE5.0でレイアウトグリッ...
-
動画編集 Premiere Pro のテロ...
-
iTunes 8の背景色を変える方法...
-
動画の人物だけを消して背景だ...
-
背景画像を左下に固定+背景色...
-
ホームページの背景の入れ方を...
-
背景画像がテーブルに透けてしまう
-
ホームページビルダー6.5の背景...
-
添付画像のトイレットペーパー...
-
Excel2007で背景色を変更...
おすすめ情報