JTrim 017 / GIF画像の透過 簡単なアンケートです。ご協力ください。

Enjoy JTrim > JTrim Lab > 透過 >
<2008.10.16 修正/追加記載>  関連項目を見る >>   次のページへ >>
ご質問は 画像加工質問掲示板/Help Forum へどうぞ!

ここではGIF画像を透過するメニューをご紹介します。
「イメージ」→「透過色設定」で起動するこのメニューは、WEBページの背景に影響されることなく、 画像を自然に表現するような場合に役立つでしょう。
※2005.02.05配布されたVersion 1.41 では、デフォルトで GIF に対応しています。
※2005.12.28配布されたVersion 1.52 では、透過処理すると格子模様に表示されます。


<透過GIF作成の際のトラブル>
GIF以外の画像(JPG,BMP,PNG など)を JTrim で開き、透過処理した後に GIF形式で保存すると、 保存に失敗したり、透過されない場合があります。 そんなときは、透過処理する前の元画像を一旦 JTrim で開いて何もしないで GIF形式で保存し、 その保存した GIF画像を JTrim で開いて透過処理するとうまくいくと思います。
簡単に言えば、「透過GIF を作るときは、元画像を一旦 GIF形式にしてから透過処理」ということです。





■透過の考え方
GIF画像の透過は単一色またはそれに極めて近い色を対象としています。 上段左の画像は黒(#000000)の背景に赤(#FF0000)で文字を書いたものです。 ここで 黒(#000000)を透過したものが その右の画像です。きれいに透過されますね。

下段左の画像は 下半分の背景色は黒(#000000)で、上半分は黒に見えますが(#464646)です。 これで 黒(#000000)を透過したものが その右の画像です。デジタル的に #000000と#464646は異なっているので #464646の部分は透過されません。 つまり 画像といえどもパソコン上ではデジタルで扱われますから、見た目で同じ色でもデジタル的に異なって いれば透過されません。

#いくらデジタル的に異なっていても,かなり近い黒 #050505と #000000をいっしょに処理したら JTrimではどちらも透過されました。 JTrimに限らず、その辺の微妙なところはソフトを開発なさる方のさじ加減といったところでしょうか。。。

  

  


<No.1>
同じように見えるでしょう。






<No.2>
実は、このように上が透過されていないGIF画像、下が背景の「白」を透過した画像です。







<No.3>
それでは背景をJTrimで透過してみましょう。「透過したいGIF画像」をJTrimに読み込みます。
右上のペンのようなアイコンをクリックします。


<No.4>
このように「イメージ」→「透過色設定」からでもOKです。


<No.5>
マウスカーソルはペンの形に変わりましたね。このペン先を透過したい部分(色)のところでクリックします。
2006年12月28日リリースされたversion1.52以降では、透過部分が格子模様で表示されるようになりました。 格子模様に表示されない場合は「イメージ」→「透過状態を表示」にチェックを入れてください。




<No.6>
「ファイル」→「名前を付けて保存」でお好きなところに保存してください。(GIF形式で保存してください。)


<No.7>
透過したい部分と透過したくない部分が同じ色(たとえば「白」、この画像では、周囲の色と帽子の色が同じ「白」です。) の場合、どちらも透過されてしまいます。そんなときは、「カラー」→「色解像度の変更」でフルカラーにしてから、 透過したい部分を画像に使われていない色(この場合は「赤」)で一旦塗りつぶします。 その後に「赤」の部分を透過すれば解決します。
   


<No.8>
こんなJPG画像を用意してみました。この画像の背景を透過してみましょう。


<No.9>
JPGやBMPなどのGIF画像ではない画像を透過処理してGIFで保存すると、 透過処理されていないケースがあるようですので、まずJPG画像をGIF画像に変換します。
画像をJTrimで開き、何もしないで「メニュー」→「名前を付けて保存」でGIF形式で保存します。


<No.10>
その画像を単に透過処理すると、こんなふうに画像の周囲に色が残ります。 これは、一見すると背景のすべてが同じ色のようですが、画像の周囲がデジタル的には同一でないために透過処理の際に色が残るのです。 デジタル写真に使われるJPG形式によく見られる現象です。(写真の場合は、自然な感じに見せるためにもこの曖昧さが必要なんですけど。。)


<No.11>
これを防ぐには、まず背景を同一色で「塗りつぶし」してから透過する方法があります。
「編集」→「塗りつぶし」で、「許容範囲」を「50」程度に指定して塗りつぶします。(画像に使われていない色が望ましい)


<No.12>
その後に透過処理すると、このようにうまくいきます。


<No.13>
でも、透過処理した画像をこのような濃いグレーの背景で使うと、画像の周囲に白っぽい部分が残ってしまいます。


<No.14>
で、どうすればいいか。。。というと、「透過処理した画像を使う背景と同じような色で、許容範囲を広くして塗りつぶす」 ということでうまくいきます。
この場合は、塗りつぶしの色を「濃いグレー」とし、塗りつぶしの許容範囲を「80」としました。 元の背景色(ここでは明るい青緑)に対しての許容範囲なので、元の背景色は画像に使われている色と極端に違う色でないと、 画像部分に影響しますので注意が必要です。


<No.15>
こうしてから透過処理したものがこれです。


<No.16>
グレーの背景に使ってみましょう。画像の周囲もきれいになりましたね。
このように、GIF画像を透過処理する場合は、透過後の使い方で工夫することが大切です。



◆透過GIFは Office 標準の Microsoft Photo Editor でも簡単にできます。
■Microsoft Photo Editorがインストールされていない場合は こちら
■Office2003をお使いの方で Microsoft Photo Editorがインストールされていない場合は こちら


<No.11>
GIF画像をPhoto Editorで開いて、ペンの形のアイコンをクリックします。


<No.12>
このようにペン先が変わりますので、透過したい色の部分をクリックします。


<No.13>
「透過色に変更」ウィンドウが出ますので「類似度」を調節して「OK」です。
「類似度」は左100%でまったく同色を透過します。 右にスライドすると類似度が下がり、それに近い色も透過します。やってみて感覚をつかんでください。


<No.14>
このように「白」の部分が透過されました。「ファイル」→「名前を付けて保存」で保存して終わりです。


◆このページは Enjoy JTrim 内の「JTrim Laboratory 〜 初心者向け実験室」の一つです。

お立ち寄り記念に簡単なアンケートへご参加ください。 こちらからどうぞ!



to Page top