◆まいむ流CGの描き方  Photoshop 5.5 背景透過GIFの作成改良版

今回は背景透過講座の改良版です。
前回の講座紹介後に当サイトの掲示板にてよりよい方法があるとのご意見を頂き
そちらを元に作成致しました。大変簡単なのでオススメです^^


1.画像を準備

とりあえず

背景を透過したい!!!!

という画像を準備します。
なんでもいいですヽ(´ー`)ノ

今回はFF11よりマンドラたんです。


2.インデックスカラーに変換



いきなりインデックスカラーに変換します。

イメージ→モード→インデックスカラー

を選択して下さい。




3.インデックスカラーオプション

インデックスカラーのメニューが表示されますので
設定します。

今回は左図の用に設定しました。

表示色の数値は画像で実際に使用している
色数によって違うので
各自で調整して設定して下さい(256色までです)

尚,色数が多ければ多いほど画像が重くなりますので
注意が必要です。


4.背景を塗りつぶす
次に背景部分を塗りつぶします。
塗りつぶしツールを使用します。

必ずイラスト部分に使用していない色で
塗りつぶすこと!!!

気をつけないととんでもないことに
なります。

何故気をつけなくてはいけないのかは
『7.背景透過処理-2』で説明します。

5.GIFに書き出し


次に

ファイル→データ書き出し→
GIF89a書き出し

を選択します。




6.背景透過処理-1

『GIF89a書き出しオプション』が開くので
まずはインターレースのチェックを外します。
(チェックをつけたままでもOKですが
インターレースGIFというやや重いGIFになってしまいます)

次に背景部分(透過する部分)を
クリックします。



7.背景透過処理-2
すると左図の用に背景部分のみが抜き出されました。
前の項目で行ったのは画像の中から
特定の色を抜き出し,その部分を透明にする処理です。

もし背景の緑色と同じ色を
イラスト部分でも使用していると
イラスト部分でその色を使っている部分も
色が抜き出されて透明になってしまうのでご注意を。

処理が終わったらOKをクリックして名前を付けて
画像を保存しましょう。
これで背景透過GIFの完成です。

8.背景透過GIF完成

これで
背景が透過されました。

早。

いや簡単ですね♪



<終了♪>
◆ 最後に ◆

以上,背景透過GIF作成はこんなに簡単だったんですね!!と感動しました。
お手軽な方法の提供に大感謝です^^ありがとうございました。
他にもみなさんの凄い便利な技等ありましたら掲示板の方にお知らせ頂ければ幸いです(*^_^*)

前にモドル

CG講座TOP