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

このQ&Aのポイント
  • 小さい画像の背景を透明化したGIFイメージを綺麗に作るにはどうしたらいいのでしょうか?
  • lightboxの画像と私が作成した画像の差を見ると、真直ぐでない斜めの線が多いことが影響しているかもしれません。綺麗なGIFイメージを作る特殊な方法を教えてください。
  • 小画像の背景を透明化したGIFイメージを綺麗に作るためには、イラストレーターで四角い枠を作り、フォトショップで透明化する方法が効果的です。しかし、真直ぐでない斜めの線が多い場合には特殊な方法が必要かもしれません。
回答を見る
  • ベストアンサー

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

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

この投稿のマルチメディアは削除されているためご覧いただけません。

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

  • ベストアンサー
  • kokubosino
  • ベストアンサー率19% (697/3530)
回答No.2

私って字がボケていませんよね NEXTって文字は拡大してスクリーンショットを撮っていませんか? http://www.detarame.jp/bbs/qabbs/es_bbs.php ここの掲示板で聞いてみて。 okwabe系(goo)は添付すると画像がボケるので(^_^;

tekkenman7
質問者

お礼

有難うございます。 >私って字がボケていませんよね >NEXTって文字は拡大してスクリーンショットを撮っていませんか? 私という字はイラストレーターで書いた字です。 NEXTはブラウザ上に表示されたものを拡大しスクリーンショット それでもLIghtboxと私の画質の差だけは分かるかな…と思いまして >http://www.detarame.jp/bbs/qabbs/es_bbs.php こういう掲示板もあったんですね。

その他の回答 (1)

回答No.1

画像の解像度はどうしているのでしょうか? ちなみに、印刷で綺麗に出力(プリント)されるくらいの画像を作りたい時は、最低でも300以上の解像度に設定します。

tekkenman7
質問者

お礼

>画像の解像度はどうしているのでしょうか? 100でやっていました、 300と250で再度試しましたが 画像の容量が大きくなるだけで 汚さがあまり改善されません。 作成手順に問題があるのでしょうか。 イラストレーター10で絵を作成。 次に上記をフォトショップ5.0.2Jで透明化。 「画像モードをRGBで、解像度を300」で開く→ 「インデックスカラー」へ変更 →  「寸法を85×38」へ変更(バイリニア法を選択)→ 「GIF89a」へ書き出し →  透明にしたい色を選択し保存 こんな感じですが、問題がありますか?

関連するQ&A

  • gif画像の背景

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

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

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

  • イラストレータ8でGIF形式保存

    お世話になります。 イラストレータ初心者です。 作成した画像を、サイズを指定してGIF形式で保存したいのですがどうしたら良いでしょうか。 ファイルの保存ではイラストレータ形式か、PDFか、イラストレータEPS形式かしかファイルの種類が選択できません。 よろしくお願いします。

  • フォトショップで背景透明にすると画像が荒れてしまう

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

  • Fireworksを使ったGIF画像の保存について

    DreamweaverとFireworksを使ってHomePageを作っています。 その途中、88×31ピクセルのリンクバナーをFireworksで 作っていたのですが、これをGIF形式で保存したところ、 ファイルサイズが13.2KBとなりました。 ファイルサイズが大きすぎるのではないかと思い いろいろ試しましたが、Fireworksでは結局うまくいかず、 最終的にFireworksで作ったGIF画像をWindowsのペイントを使って再度 GIF形式で保存しなおしたところ、サイズが1.2KBまで激減しました。 なぜこのようなことがおきるのかと、Fireworks上での対処法が あるのなら、わかる方がいればお教えください。 P.S.ペイント利用の方法では、アニメーションGIFが作れず困っております。

  • illustratorからWEB用にGIFデータを保存するとき

    illustrator(cs2を使っています)からWEB用にGIFデータを保存するとき、ファイルサイズを極力軽くしたいと思っています。一つのGIFファイルを5KB以下にしたいのです。「WEB用に保存」を押して色々といじっているのですが、なかなかファイルサイズが下がりません(20KB程度です)。この場合に、ファイルサイズを下げるいい方法はあるのでしょうか。また、illustratorでのデータ作成の段階で、その後作成するGIFファイルを軽くするために意識してやっておいたほうがいいことがあるのでしょうか。教えてください!お願いします。

  • GIF画像の容量

    TwitterでアイコンをGIFにして動くようにしようと思ったのですが、ファイルサイズが大きすぎるようで設定することができませんでした。 画像サイズは1067x720で、容量は1.50Mなのですが、どうにか700KB以下にできないでしょうか? 一応リサイズする方法は試してみたのですが、設定してみたところなぜか横幅が極端に狭く表示されてしまったので、画像サイズがをある程度大きいまま、容量を落としたいと思っています。 Twitterで表示されるプロフ画像は小さく表示されますしそこまで悪くない限り画質は気にしなくてもいいとはおもっているのですが、しっかりと何が写っているのか把握できるくらいの画像サイズで容量を落としたいと思っています。 何かいい方法などを知っている方がいれば、どうかご教授お願いいたします。 参考に一応画像を載せておきます。 http://livedoor.blogimg.jp/img3/imgs/d/b/dba80cc3.gif

  • 画像形式のGIFについて教えてください。

    画像形式のGIFについて教えてください。 GIFには、GIF32、GIF64、GIF128 と言うのがありますが、この中で、一番高画質なのは、どの形式ですが。 あと、イラストレーターで保存する場合、 ディザあり、なし、を選択できますが、 高画質で保存する場合、あり、なし、どちらを選択すればよいのでしょうか。

  • GIFの画像を開くとなくなっている。どうして?

    GIFの画像をIEで開くと画像がないのはなぜなのでしょうか? ウェブページを初作成していて貼り付けていた画像が なくなったので変だと思い、気づきました。 色々試してみたのですがどうしてもIEで開くと画像がないのです。 GIFを開くアプリケーションは最新のIEをつかっています。フォルダオプションのファイルの関連付けの中の何かがお かしいのでしょうか?ちなみにJPG画像はIEでちゃんと開けて画像が表示されます。 また、適当なウェブページを丸ごとダウンロードしてGIFを開いてもダメでした。 フォトショップでウェブ用にGIFで保存した画像も開くと画像がないです。 本当に不思議でなりません。どなたかわかる方よろしくお願いします。

  • Corel DRAW でGIF、JPG画像を

    Corel DRAW ESSENTIAL 4 を私用しています。 画像を作成し、GIF形式のファイルを作成したいのですが、上手くいきません。 説明書やHELPでは、[ファイル]→[webイメージの最適化]、とあるのですが ファイル内には[webイメージの最適化]、は表示されません。 ”エクスポート”で試みるのですが、何かいまいち上手くいきません。 Corel DRAW ESSENTIAL 4、あるいは3、 を使用して、gif画像の制作が分かる方 アドバイスをお願いできませんでしょうか よろしくお願いいたします。