バックが柄の時のgif画像ってどうしたらいいの？

ゆきちゃん 1999/10/10(日) 01:50:59
フォトショップでgif画像を作ってます。
バックに何も色を入れないと汚い画像になってしまうので、
bgcolorと同じ色を入れて作ってます。

ただ後ろが柄の時はどうすればいいのでしょうか？？

例えばバックが青と白のチェックでそこにgif画像をのせたい・・・
という場合gif画像を作る際、何色を後ろにひけば汚い画像にならないでしょうか？？

あとブラックを使った画像（文字を画像扱いにした時）だと何故ぎざぎざしてしまうのでしょうか？？？

もう全然分かりません。色々なHPの画像をフォトショップで開いて
みたり、本で調べたりしてるんですけど・・・・？？？？？？
すみません、初心者な質問で・・・
どなたかアドバイスをお願いします。

Ｓ [E-Mail] [HomePage] 1999/10/10(日) 04:39:34
GIF 画像には、透明色というものがあって、壁紙の模様などを透か
してくれるので、わざわざ背景色や壁紙と同じ背景を描く必要はな
いと思います（例外あり）。

また、文字を画像にすると汚くなるのは、仕方ありません。綺麗な
文字はベクタ情報で書かれていますが、画像に変換するとラスタ情
報になるのだと思います。合ってますか？＞識者の方

フォトショップはまともに使ったことがないので分かりませんが、
透明色はおまけソフトの類でも使えます。

HIROPON [E-Mail] [HomePage] 1999/10/11(月) 21:39:58
ゆきちゃんの言っている「汚くなる」というのは、恐らく画像の
境界部分のことですよね？背景が一色の場合はゆきちゃんのその方法で
ＯＫだと思います。

しかし、背景がチェック模様なんかだとそうもいきません。チェック模様を
下にひいて描けば・・・と思われるかもしれませんが、ブラウザで
表示した場合、画像と背景の相対位置は常に一定というわけでは
ないので、これで境界部分をきれいに見せるのは難しいでしょう。

チェックの色が白と水色みたいに近い色なのであれば、どちらかの色を
下にしいて描けば、そこそこきれいに出来ると思います。また、これは
万能な方法ではないですが、画像に白い縁取りをつけると、境界部分の
汚さは割と目立たなくなります。

一応、こちらに参考例を置いておきますのでよろしかったらどうぞ。
http://www.edit.ne.jp/~hiropon/trans/

文字のギザギザは、文字ツールでの入力時に「アンチエイリアス」に
チェックを入れておくと比較的きれいになります。ただ、基本的に
フォトショップなどのソフトはドットの集合でものの形を表しているので、
多少のギザギザが出るのは避けられませんが・・・

蜜 1999/10/13(水) 03:35:52
はじめまして。
フォトショップでＧＩＦ画像を作っているとのコトですが
画像はアンチエイリアスがかかっているので
背景画像を透明で作った場合、ＧＩＦ画像の周りはエッジが残ってしまいます。（白で作っていらない部分を透明化しても同じ）
これはアンチエイリアスでオブジェクトと背景の境界を滑らかにするために
たくさんの色を使って境界にグラデーションをかけているためです。
しかしアンチエイリアスがかかっていないと、境界線はぎざぎざになります。
そこで、画像の背景にバックグラウンドで使用する色、もしくは
使用する色に近い色（チェックの場合は色の濃い方）を使用して
保存する時に「ＲＧＢカラー」から「インデックスカラー」に変換し
背景色を透明化させます。
エッジの部分は少し残りますが
ページに乗せた時、さほど目立たないはずです。
（ＨＩＲＯＰＯＮサンのおっしゃっているやり方です）

複雑なオブジェクトを透明化したい場合には
マスクを使えばいいですよ。
オブジェクトの統合（インデックスカラーで減色）→オブジェクトの選択→クイックマスクモードＯＮ→イメージ→色調補正→２階調化→
しきい値の設定→マスクを塗りつぶし→ＧＩＦ書き出し→
塗りつぶした色を透明化→保存
しきい値の設定がポイントなのですが、プレヴューしながら設定してください。
オブジェクトに少しマスク部分を食い込ませると、透明化した時綺麗に見えます。

[上に] [前に] [次に]