ｇｉｆのボタンの周囲を透明にしたい

質問

ｇｉｆでボタンやイラストを作成し、ＨＴＭＬLのテキストにはめ込むと、そのｇｉｆの絵は表示するのですが、周囲も表示され違和感があります。
（例えば、○のボタンを作成すると、その４隅の部分がブラウザの背景色とならずにｇｉｆのボタンの背景色となる）
ＰＯＷＥＲ　ＰＯＩＮＴかＰＨＯＴＯＳＨＯＰかＰＡＩＮＴを使って、このｇｉｆの背景色を透明にして、ブラウザの背景色となるようにできませんか？
それとも別のソフトが必要ですか？
分かる方がおられたら教えてください。

回答No.3

chanpu · ベストアンサー

こんにちは。
ペイントでgifを扱えるのならOffice2000がインストールされていると思いますので、Officeツールの『Microsoft Photo Editor』を使った簡単なやり方も出来ると思います。

『プログラム』→『Microsoft Office ツール』→『Microsoft Photo Editor』を起動して、そこに透過処理したいgifファイルを開きます。

上部にメニューアイコンがあると思いますが、右端の画像サイズのパーセンテージを表示するボックスの左がわに、３つアイコンが並んでいると思います。
その真ん中の青いペンのようなアイコン（マウスカーソルを合わせると『透過色に変更』という説明ポップアップが出ます）をクリックしたあと、gif画像の透明にしたい場所をクリックすればOKです。

ただしその場所と同じ色を他にも使っていると、そこまで透明になってしまいます。
予め、絵に使っていない色で透明にしたい場所を塗りつぶしておきましょう♪

……でもせっかくPhotoshopという素晴らしいソフトをお持ちなのなら、そちらでのやり方をマスターされたほうが、良いかな～～っとは思います（汗/笑）。

お礼

さっそくのアドバイスの通り行ってみました。確かに極めて簡単に透明になりました。たいへんありがとうございました。

回答No.4

kenkenkent

私のところでは未だにPhotoshop5.0なので、
Mac版の5.0で説明しますが、まず、GIFにするところ
まではできているんですよね？
そうしましたらまず、四隅の透明にしたい部分を、
ボタンなど、必要な部分で使っていない色にします
（ボタンに白を使っていなければ白でも可）。
次に、『ファイル』＞『別名で保存』でGIFにする・・・
のではなくて、『ファイル』＞『データ書き出し』＞
『GIF89a書き出し』にしてやります。
すると、さらにいくつかの設定項目が出て来ますので、
そこから『透明』と言うのをチェックしてやります。
すると、任意の1色を透明として扱う、選択ができる
様になりますので、四隅に使った色を選択してやります。
これでオッケーです。もし、間違ってボタンに使って
いる色を四隅に使ってしまうと、ボタンの中のその色
の部分も、一緒に透明になってしまいます。

お礼

さっそくのアドバイスありがとうございます。Ｐｈｏｔｏｓｈｏｐにそのような便利な機能があるのですね。活用させていただきます。

回答No.2

eub55

photoshopはいくつのバージョンを使っていますか？
5.5ならば、自分がやっている方法を紹介します。

１）新規作成で、背景色をなしにしてキャンバスをだします。
２）絵を書きます。
３）ファイル(F)→Web用に保存→自分の希望のサイズになるように減色したり。

ってカンジでしょうか。
よかったら試してみてください。

お礼

さっそくのアドバイスありがとうございます。Ｐｈｏｔｏｓｈｏｐにそのような便利な機能があるのですね。活用させていただきます。

回答No.1

sesame

Photoshopを使った方法を紹介します。

1.レイヤーを作り、そこに絵を描く。
2.背景を不可視に。
3.ファイル(F)→データ書き出し(R)→GIF89a書き出し