透過

[新着] Webテンプレートを仮オープンしました



0   名前: ラナ : 2004/09/08 17:14
初めまして。
透過についてお聞きしたいのですが、間違っていたらごめんなさい。
フォントで白抜き?(ふちが黒く中が白い)のフォントあるじゃないですか?
あれを、画像の上にうつと、白い部分が透過?してしまうんです。
つまり背景の柄などがそのまま白い部分に映ります。
これを避けて、白い部分は白いままにするにはタグで出来るのでしょうか?
それともまた別の問題でしょうか?

1   名前: きーまま : 2004/09/08 20:45
求めている回答とは違うと思いますが…

特殊なフォントは、プラウザによってはそのフォントで表示されないことがあります。
文字を画像にすることをお勧めします。
文字の外側を違う色で塗りつぶして、その色を背景色にすれば、文字の中が白で透けません。

2   名前: ラナ : 2004/09/10 17:11
返事ありがとうございます。
私は画像の上に置きたいんですよ。。
それの場合は
白い部分という言い方が悪かったんですが、ふちが黒で中は透過してしまうんです。
だから画像の上に文字を打つと、文字が見にくくなります。
これをふせぎたいのですが・・
ふちを黒く、中を透過せずに、白くしたいんです。
言い方がややこしくてごめんなさい。

3   名前: きーまま : 2004/09/10 17:52
ページを作成してみました。http://www7.plala.or.jp/kiymama/mozi_touka.html

多分、ラナさんが仰っている状態が上のやつだと思います。

で、下のほうが、文字を画像にしたものです。

こんなんで参考になりますでしょうか。

4   名前: ラナ : 2004/09/15 17:37
返事くれてごめんなさい。。

凄い!!これです!ありがとうございます。
これはどうやっているのですか?
きーままさんが1で言われてるとおりにするのでしょうか?

”文字の外側を違う色で塗りつぶして、その色を背景色にすれば、文字の中が白で透けません”
というところが少しわかりにくいのですが(すみません。)詳しく言っていただけますか?


5   名前: きーまま : 2004/09/15 21:56
白抜きの文字の部分で右クリックして保存していただければわかるかと思いますが、
文字の部分が背景とは別のが画像になっています。
更にその画像をペイントで開くとわかりますが、周りが赤く塗りつぶされています。
この赤を透過色に設定しています。

背景色はカラーパレットのところで色を右クリックで選択します。
ツールボックスから塗りつぶしを選択して、全体を右クリックで、背景に色がつきます。
そしてツールボックスでテキストを選択し、使いたいフォントを選び、文字を入れます。
このとき、文字の中身と背景の色が同じになってしまうので、
文字の中身を白く塗りつぶします。

さて、その背景を透過色にする手段ですが、
ペイントでは出来上がった画像をGIFで保存はできるのですが、
透過色は指定できないようですので、画像変換ソフトを使用します。

私が使っているのは、(特許の関係で)有料でないと手に入れられなかった時代のものですので、
有料の変換ソフトになってしまいますが、Image Filerというものです。
今は、フリーソフトがたくさん出てますので、フリーのものが手に入りやすいでしょう。

それで、GIFに変換する際に、透過色を先ほど塗りつぶした背景色に指定します。
すると、白は透けなくなり、背景に指定した色が透けるわけです。

そのGIF画像が出来上がったら、ソースを見て真似してみてください。
このソースでは、テーブルタグを使っています。
テーブルの背景にどんぐりの壁紙を使って、テーブルの中に文字の画像を入れました。

また、ラナさんが仰っている「画像の上に文字を」の画像が加工可能な素材であれば、
テーブルタグを使わずに、その画像に文字の画像を貼り付けて、
文字が入った画像を作るのもいいですね。
素材屋さんの素材であれば、加工可能かどうかを確認する必要がありますが…。

6   名前: ラナ : 2004/09/16 18:34
難しいですね・・
まずは文字だけを作るのですか?
それを許可の取れた画像の上にはりつける方法がいいですが、

まずペイントに張り付けても周りの赤色、というのが見られませんでした。

そして、フリーソフトに透過があるのですが使い方がイマイチわからず・・
ヘルプも作動しません。。

私がいまやったのは。。
 ペイント開き、背景色を赤にし、その上に黒で文字入れ。その際に文字の中を
白色に塗りつぶす。までです。
これはあってますか?画像の方もいじるんでしょうか。

7   名前: きーまま : 2004/09/16 20:34
>まずペイントに張り付けても周りの赤色、というのが見られませんでした。
あれれ…私もページからダウンロードしてペイントで開きましたが、
こちらでは周りが赤になってますよ。
まぁ、保存方法は置いといて…。

>ペイント開き、背景色を赤にし、その上に黒で文字入れ。その際に文字の中を
白色に塗りつぶす。
はい、合ってます。
フリーソフトは変換ソフトでしょうか?
実際そのソフトを見てみないと、透過の仕方は説明しにくいのですが、
変換の際に透過色を指定するところがあると思います。
そこで、透過色を赤にします。

>画像の方もいじるんでしょうか。
いいえ、文字の入った画像にするにしても、元の画像はいじる必要はありません。
文字の画像ができたら、元の画像をペイントで開いて、そこに貼り付ければいいです。

8   名前: A* : 2004/11/19 22:46
はじめまして。
私はちょっと面倒だけど、簡単な方法で白の部分の透過をふせいでます。

まずは普通に作成。
そして、透過させたくないところを使わない色で塗りつぶし。
最後にまた白で塗りつぶせば完成です。

9   名前: 匿名希望 : 2004/11/20 10:54
>8
一ヶ月以上前のスレを上げなくても・・・

一覧へ戻る