◆まいむ流CGの描き方  Photoshop 5.5 背景透過GIFの作成-1

舞夢★ざぶのCGの描き方を公開しています。
私が素材作成の時によく使う『背景透過GIF』です。

背景透過前
1.背景の色を抜きたい!!
ますは左の絵をご覧下さい。
アイコンとして作成したのですが

なぜか白いバックが・・・

とてもみっともない感じです。

なんとか背景を抜けないか?

そんなわけでここではそんなときに便利な
背景透過GIFの作成の解説をしたいと思います。

背景用レイヤー準備
2.背景用レイヤーを準備

まず背景を透過したいイラストを準備します。

次にそのイラストの下の層に
背景用レイヤーバック赤を作成します
(名前や色は適当でかまいません)

色は明るい系かつ濃いめの色
そしてイラスト部分で使用していない色
作成して下さい。

使用している色をつかってしまうと
最後とんでもないことになるので注意!

自動選択ツールの設定
3.自動選択ツールの設定其の壱
自動選択ツールをクリックして
自動選択ツールオプションを開きます。

その中の設定を変更します。

選択する色の範囲→50

アンチエイリアス,隣接のチェックボックスに
チェックが入っている場合は
両方ともチェックを外して下さい。

範囲指定
4.範囲指定

レイヤーがイラストのレイヤーになっていることを
確認してから

自動選択ツールでバックの赤い部分をクリックすると
左図のように赤い部分だけ範囲が選択されます。

点々がうねうねした感じになります。


選択範囲の反転
5.選択範囲の反転


選択範囲ができたら次は
選択範囲→選択範囲の反転を選んで

選択範囲の反転をします。

すると先ほどまでとは逆に
イラスト部分が選択された状態になります。



6.下地のレイヤー準備



次に透過の下地用レイヤーを作成します。

今回は『範囲黒塗りつぶし』という

レイヤーを作成しました。




7.選択範囲内を塗りつぶす


『範囲黒塗りつぶし』レイヤーの
選択範囲内を黒で塗りつぶします。

塗りつぶしツールを選択し
選択範囲内をクリックして塗りつぶします。



8.下地用レイヤー完成
これで『範囲黒塗りつぶし』こと
下地用レイヤーの完成です。

作り終わったらイラストの下の層に
レイヤーを移動させておきましょう。

ちなみに何故下地を作ったのかというと
作らなくても透過することは出来るのですが
仕上がりが汚くなってしまうのです。
綺麗に透過するためには下地レイヤーは欠かせません。

参考までに作った場合と作らなかった場合の検証が
あります→コチラ

9.自動選択ツールの設定其の弐

自動選択ツールをクリックして
自動選択ツールオプションを開きます。

設定を変更します。さっきとは違うので注意。

選択する色の範囲→50

アンチエイリアス,隣接のチェックボックスに
両方ともチェックを入れて下さい。

透過部分の範囲選択
10.透過部分の範囲指定
イラストのレイヤーが選択されているのを
確認してから

自動選択ツール
バックの赤い部分をクリックして下さい。

バックの赤い部分のみが選択されます。

<(2ページ目)に続く>

2ページ目へ

CG講座TOP