２１Ｆ　フォトショップ・ルーム


「透明を含むＧＩＦ画像を作りましょ」


　実はこんな質問が届いているんだけど、
　返信アドレスが間違っていて返事が出せないんです。
　ということで、ここで取り上げちゃいます。

　　ORG: ＧＩＦもしくはＪＰＧに変換する場合、
　　ORG: インデックスカラーに変えてあげると、
　　ORG: 全てバックがホワイトになってしまいます。
　　ORG: イラスト、もしくは文字をＷＥＢで使用する場合の
　　ORG: 透過ＧＩＦにしたい場合どうしたらよいでしょうか？


では、透明を含むＧＩＦ画像を作りましょう。

この場合、インデックスカラーに変えてはいけません。
Webということで、ＲＧＢカラーを使用します。
そして、レイヤーをつかって透明部分のある画像を作ります。

インデックスカラーにすると、レイヤーを結合しなければ
ならないので、透明部分が無くなってしまいます。
これは、あたりまえ。


ぼくの場合は、最終的にフォトショップで透過ＧＩＦに変換します。
RGBのまま、
「ファイル」→「データ書き出し」→「GIF89a書き出し」を使います。
元のファイルをレイヤーとして、背景は非表示にすると、
そのまま透過GIFとして保存できます。
このときに色数も落して、できる限り軽くするわけです。


ついでに、グラデーション等の半透明はどうしたらいいのか。
なんと、透過GIFって半透明が作れないんですよ。
だからこの画像が乗っかる予定の背景色と同じ色に
グラデーションしてやる訳です。

方法は、
半透明にぼかしやドロップシャドウがかかっているレイヤー画像を
GIF89a書き出しのときに、
透明インデックスカラーをクリックして
出てきたカラーピッカーでWebページの背景色と同じ色を
指定してやれば、
その半透明レイヤーから背景色のグラデーションができて
見かけ上の半透明GIFが出来上がります。

ほかの方法として、
ディザをかけて透過GIFをつくっちゃう裏技もアリなんですねえ。
ある程度大きいものならうまくいくはずです。
やりかたは色々ありますので、各自で考えてみてくださいね。