GIMP2でアルファチャンネルを使ってみる

自機の周りにゲージを表示させたいと思って、ゲージグラフィックを作ろうと思ったのですが
折角ボヤけた感じのグラフィックが作れるようになったのだからと思って、ちょっとボヤけた
感じのゲージ画像を作ってみました。
こんな感じ↓　作り方はこの辺やこの辺で書いています。

ここまでは良かったのですが、コレを実際に表示させると・・・

こんな感じで、完全な黒色以外の色は透けないので、ボヤけた部分の表示が変になってしまいます。

で、なんとかならんもんかと調べてみたらαチャンネルを使えば良いと言う事がわかりました。
αチャンネルってのは画像の透ける部分を指定する方法のようで、GIMP2を使えば簡単に指定
出来るみたいだったので、早速やってみました。

まずは、画像をGIMP2で開きます。
この時、レイヤーパネルのチャンネル部分にはアルファ値がないと思います。

（もしも、アルファ値が表示されてて真っ白だったら、一度メニューのレイヤー＞透明部分＞
アルファ値を削除で削除して下さい。）

次にメニューのレイヤー＞透明部分＞色を透明度にをクリックします。

今回は黒色を透明にしたいので、黒色を指定します。

すると、レイヤーパネルにアルファ値が出来ます。

これでアルファ値の追加が完了です。


こんな感じで背景部分が透明になっていると思います。ブラウザなどで画像を開いて
透明になっていれば上手く出来たと思って良いと思います。

で、これをpng形式で保存して実際に表示させてみると・・・

綺麗に背景色だけ透けて表示されました＾＾

半透明や加算合成を使っても同じような感じには出来るとは思うのですが、見にくくなったりするので
自機ゲージなんかの認識性を良くしたい部分には良い方法なのではないかと思いました。
ちゅうか、普通はアルファチャンネル指定するのが常識なのかもしれません（汗）
とりあえず、この画像を使って自機ゲージを作ってみようかと思っています。