作成したボタンの一部分だけ透過させたいんですが。。

質問

フォトショップエレメンツとウェブアートデザイナー、ペイントを持っています。

WEB用ボタン（gif）の一部だけを透過させ、スタイルシートでクリックしたとき背景の色を表示させるようにしたいと思っています。
例えば、四角い白いボタンの真ん中に★型に透過させてみたいと思います。
私が持っているソフトで一部透過は可能でしょうか。
可能な場合、どのように操作したらよいか教えてください。
過去ログをみたのですが、背景の透過の質問が多く、一部分だけ透過させる方法がいまひとつよくわかりませんでした。
ご存知の方よろしくお願いします

回答No.2

noname#20371 · ベストアンサー

ウェブアートデザイナーでは
他に使われていない色で★を塗りつぶします
（★を文字で作るときは文字のアンチエイリアスを外す）
Web用保存ウィザードで保存形式：GIF、
プロパティ：透明化にチェックを入れて、スポイトで★の色を選択
（文字にアンチエイリアスがかかっていると★の縁に色が残ります）

お礼

ふぅおぅ！
できました！すっごくうれしいです。
ありがとうございました！

回答No.3

indigo_sea

フォトショップエレメンツとウェブアートデザイナーで、できると思います。ペイントだけでは透過はできません。ウェブアートデザイナーは使っていないので
フォトショップエレメンツでの作り方です。
フォトショップエレメンツでは
[切り抜きツール]と[塗りつぶしツール]と[自動選択ツール]を使います。
1）新規ファイル（作りたい大きさで）カンバスカラーは白（ボタンにする色）以外にします。
2）切抜きツールで☆（又は違う形）で切り抜きます。
3）切り抜かれた周りに白を[塗りつぶしツール]で。
4）[自動選択ツール]で白の部分を選択します。
5）コピーして貼り付け（新しいレイヤーができます）
6）レイヤースタイルで、ベベルで立体化します。
7）下のレイヤー（レイヤー０）の目を消し
8）Web用に保存。GIFを選び透明部分にチェックを入れます。
お試し下さい。

お礼

できました！どうもありがとうございました

回答No.1

myeyesonly

こんにちは。
このご質問って、つまるところ、「Web のボタンに使う小さい透過型のGIF画像を作りたい」って事ですよね？

おそらくそれらのソフト（ペイントは確かダメ）で出来るのだろうと思いますが、私がそのソフトを所持してないので、私の判るソフトで説明いたします。

http://www.woodybells.com/jtrim.html

このソフトは、Jtrim といいまして、本来写真いじり用ですが、大変高機能で軽く動き、無料配布されているフリーソフトという物です。
小さいソフトですので入れておいて損はないと思います。
セットアップ版というのを拾ってきてください。

ダブルクリックだけでインストールできます。

さて、肝心の透過のやり方ですが、
ボタンならば、「ファイル」→「新規作成」
で、縦横のサイズと色を決めます。
「加工」→「立体枠をつける」で立体的になります。
（ツールバーに立体ボタンもあります。これをクリックでもOK）

で、星型の透過ですが、まず、星型を書き込みます。
ツールバーの「Ａ」というのが文字書き込みツールです。
クリックすると、ボックスが出るので、大きい所が文字入力場所ですので「★」を書き込み、フォントサイズで大きさを調整、画像部分に出てきた文字をマウスでつまんで動かして場所を合わせます。
「文字色」で使ってない色を指定して、「OK」します。
ツールバーのスポイトみたいな絵が「透過ツール」で、これをクリックして、★の部分をクリックすると、★の部分が透過できます。
あとは、「ファイル」→「名前を指定して保存」で、「GIF」画像を指定して名前を付けて保存でＯＫです。

どうしてもお手持ちのソフトでやりたい場合は別な方の回答を参考にしてください。m(__)m

お礼

早速ダウンロードしました。
結局別な形で利用しましたｗｗ
ありがとうございました