• 締切済み
  • すぐに回答を!

gif画像の背景

イラストレーターでボタンを作り、フォトショップでウェイブ用に(gif)に変換してキャラクタを作成しました。 実際にHTMLに組み込む時に問題が発生しました。 1.背景が紫なのですが、gif画像を挿入時にgifの回りに白い線が出てしまう。 2.フォトショップでデェィザ処理を100%にして見ましたらあまり変りませんでした。 3.マットの色を同系の色にしたのですが、あまり変らない 4.四方八方にふさがれた状態です。 どうか教えて頂けないでしょうか ?

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

みんなの回答

  • 回答No.4
  • jakarta
  • ベストアンサー率38% (607/1597)

IllustratorとPhotoshopのバージョンがいくつかわかりませんが、 たぶんPhotoshopのキャンバスの方へコピペ(読み込み)したときにフチが残ると言うことではないかと思います。 編集>トリミング でフチがさくっととれるとはずです。

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

  • 回答No.3
noname#225520
noname#225520

Illustratorでボタンを制作する最初の時点で背景色をhtmlのバックグランド・カラーと(Ex.#FFFFFF→255,255,255)全く同一にします。もちろんRGBで制作してください。これをPhotoshopで読み込み、画像の統合、72dpiに変換してから「インデックスカラー」「使用中の色を全て割り付ける」で変換します。これをgif89aフォーマットで透明化して出力すればOKです。

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

  • 回答No.2
  • misoka
  • ベストアンサー率35% (56/160)

状況がよく見えないので何とも言えませんが... まず、gifというのは、基本的に256色までという制限があります。 そのため、白っぽい色(明度の高い色)は白に変換される 可能性はあるんじゃないかと思います。 この場合、pngなどの画像フォーマットにすれば、いちおう 解決されるはずです。(pngフォーマットで構わなければ) また、gifというのは、透過gifでしょうか? アンチエイリアスがかかっているために、透過gifの画像の周囲が 白くなってしまう、というケースは多いのですが... でも、これは、3.ですでに対処しているのでしょうか?

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

  • 回答No.1

 ボタンにするという事は<A>タグでボタンを挟んでいるって言う事ですよね?  そうすると、<img>タグにborder="0"という属性を付けてあげないと、<A>タグで挟まれた画像の周りに線が出てしまいます。  それが原因でない場合はちょっと解りません。一度確認してみてください。

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

質問者からのお礼

回答して頂き本当にありがとうございます。 回答内容を確認してみましたがどうやら違うようです。 また、HTMLのタグの問題ではなく画像作成時のコツがあるという事だと思われますが、謎が分かりません。 どうもありがとうございました。

関連するQ&A

  • GIF画像の背景を透明にする方法

    元は何で作られているかわかりませんが、GIF画像をWord2000に挿入して使用する時、周りに四角く白い部分があります。これを透明にする方法を教えて下さい。過去の履歴を調べましたがフォトショップでのやり方しか探せませんでした。フォトショップを持っていないのでそれらの方法はできません。Illustrator9なら家族が持っていますが、私は使用したことがないので全く使い方がわかりません。また、Illustratorにはそのような機能があるかないかもわかりません。良い方法があれば教えてください。

  • カラーの背景に透過GIFを貼り付けると周りが白くなります

    タイトルのとおりの状況です。 基本的な質問でスミマセン。ここでつまずいています。 HPのページ背景を赤に指定します。 作成したGIF(例えば、黒の丸●)(透過済み)をそのページに貼り付けると、そのGIFの外側が一回り白くなります。これはどうしてこうなるのでしょうか?使用しているソフト(フォトショップ、イラストレータ、ビルダー)で何とか直りますか? よろしくお願いします。

    • ベストアンサー
    • CSS
  • フォトショップで背景透明にすると画像が荒れてしまう

    似たような質問が多いなか恐縮ですが、教えてください。 イラストレーターで作ったライン(線のみ)を、フォトショップを使って背景を透明にしました。 GIF形式で保存したのですが、そのGIFファイルを開くとラインが荒くギザギザになっていました。 どうしてでしょうか? なめらかなラインのままGIFで保存する、なにかいい方法がありましたら教えてください。 イラストレーターは9、フォトショップはElementsです。 ほとんど初心者です。 どうかよろしくお願いします。

  • 小画像の背景を透明化したGIFを【綺麗に作る方法】

    小さい画像の背景を透明化したGIFイメージを 綺麗に作るにはどうしたらいいのでしょうか? lightboxというツールをダウンロードし、 その中に標準で用意されている画像があります。 その画像を自分好みに変えようと試みました。 その綺麗さの違いは添付しました画像 ~左側が~ 【lightboxの画像】 ファイル形式:GIFイメージ サイズ:63×32 容量:1.23KB ~右側が~ 【私が作成した画像】 ファイル形式:GIFイメージ サイズ:85×38 容量:464バイト です。 作成手順は、 イラストレーターで 63×32の四角い枠を作り、 その中にぴったり合うよう作成。 次に上記をフォトショップで透明化。 「インデックスカラー」へ変更 →  「GIF89a」へ書き出し →  透明にしたいところの色を選択 →  保存 →  完成 私の方は斜めが多いから余計に汚く見えるのかもしれませんが、 しかし、真直ぐでも差がでてしまうのは、特殊な方法があるのでしょうか。 お願いします。教えて下さい。

  • gifに書き出しをする際のマットのギザギザ

    イラストを描くアルバイトをしています。 主にイラストレーターCS・フォトショップCSを使っています。 イラストレーターで作った物をgifにする際に、 マットはグレー(100:100:100)で保存し、提出しなければならないの ですが、最近マットのグレーのギザギザが前よりも目立ってきた気が します。(マットの線が太くなった?) 提出先の方にも、マットの線が目立ちすぎます、と言われました。 これまでは特に目立ちすぎるということもなく、マットのグレーの おかげでイラストも見易くなっていたのですが、今はギザギザとして イラストの外枠がわかりにくくなっています。 マットの太さというのは、どこかの設定で変えれるのでしょうか? それともイラストの主線の太さや、色でも変わってくるのでしょうか? 初心者で申し訳ないのですが、どなたか教えて頂けますでしょうか? よろしくお願い致します。

  • イラストレーターからGIF保存する方法を教えてください。

    私は、今まではイラストレーターからフォトショップを使ってGIF保存をしていました。しかし、イラストレーターにも「ファイル→書き出し→GIFで保存」がありますよね。これを使っても「保存できません」となってしまいます。 なぜ出来ないのか、を知っている方がいましたら教えてください。 また、どうしたら、イラストレーターでGIF保存できるのかを教えてください。 お願いします。

  • GIFアニメの作り方

    こんばんわ。 現在HP作りに挑戦しています。 ツールはフォトショップとイラストレータとメモ帳を使ってます。 GIFアニメを作りたいのですが、フォトショップで作れるようなのですが 何からしたらよいのかわかりません。 そんなに難しい物を作ろうとは思ってなく、ちょっと文字が動いたり すればよいのですが、簡単に作れる方法はありますか? また、ファイアーワークスもあるのですが、フォトショップとファイアーワークスと ではどちらの方が簡単に作れるでしょうか?

  • gif画像を保存した時のエッジを目立たなくする方法

    gif画像を保存して黒背景に貼り付けるとエッジの部分の白い点々が気になると言う事で質問してマットの色を黒にする、マットなしにするという保存方法を教えていただきました。画像も貼り付ける場所の色により保存する時のマット色で調整するしかないということを聞いているのですが実はアイコン屋さんで作られてるアイコンは白背景でも黒背景でも全く問題なく貼り付けてもエッジの点々が目立たないのですが、どのような保存の仕方をしているのでしょうか?マットなしでの保存をしているのかと思ってみてたんですけど輪郭がギザギザになってないので不思議でした。当方フォトショップ6.0とイラストレター9.0を使っております。宜しくご指導お願いします。

  • gif画像をフォトショップで編集したいのですが・・・

    フォトショップ初心者です。 gifのロゴ画像の色味を変えて欲しいと要望があったのですが、フォトショップでgif画像を開くと「インデックス」と出て、まったく手を入れられない状態になります。 コツコツと「鉛筆」で色を上書きするしかないんでしょうか。 初心者的な質問ですいませんが、よい方法がありましたら回答よろしくお願いいたします。

  • フォトショップで背景透明化してイラストレーターへ

    WindowsXPでイラストレーター9、フォトショップ6を使っています、フォトショップで画像を切り抜き保存(GIF・PNG)やコピーをして配置やペーストしてみても背景が四角く残ってしまうのですが背景を透明化してイラストレーターに配置する方法を教えて下さい。