舞夢★ざぶのＣＧの描き方を公開しています。
私が素材作成の時によく使う『背景透過GIF』です。
 |
11．余分な部分をカット |
|
続いて 編集→カットで イラストの縁の余分な部分をカットします。 イラストの周囲がカットされ 下層のレイヤーの黒い部分がはみ出してきて 周囲に黒いギザギザが見えるようになります。 | |
 |
12．フチの部分の補修 |
|
フチの部分の黒いギザギザが みっともないので補修します。 まず『範囲黒塗りつぶし』レイヤーを選択し レイヤーウィンドウ内の左上 透明部分の保護をクリックします。 こうすることで透明部分が保護され，色を塗る際に はみ出しの心配がなくなります。 上の層のイラストと同じ色を塗り 補修します。 | |
 |
13．画像の統合 |
|
レイヤーウィンドウの 右上の矢印をクリックすると メニューが表示されるので 画像を統合をクリックし 画像を統合します。 | |
 |
14．インデックスカラーに変換 |
|
次にPSD形式をGIF形式に変換するため まずはインデックスカラーに変換します。 イメージ→モード→インデックスカラー を選択して下さい。 | |
 |
15．インデックスカラー設定 |
|
インデックスカラーのメニューが表示されますので 設定します。 今回は左図の用に設定しました。 表示色の数値は画像で実際に使用している 色数によって違うので 各自で調整して設定して下さい(256色までです） 尚，色数が多ければ多いほど画像が重くなりますので 注意が必要です。 | |
 |
16．GIFに書き出し |
|
次に ファイル→データ書き出し→ GIF89a書き出し を選択します。 | |
 |
17．背景透過処理-1 |
|
『GIF89a書き出しオプション』が開くので まずはインターレースのチェックを外します。 （チェックをつけたままでもOKですが インターレースGIFというやや重いGIFになってしまいます） 次に背景の赤い部分（透過する部分）を クリックします。 | |
 |
18．背景透過処理-2 |
|
すると左図の用に赤い部分のみが抜き出されました。 前の項目で行ったのは画像の中から 特定の色を抜き出し，その部分を透明にする処理です。 つまりもし背景の赤い色と同じ色を イラスト部分でも使用していると イラスト部分でその色を使っている部分も 色が抜き出されて透明になってしまうのです！！ そんなわけで背景の色設定は慎重に。 ありえない色がオススメです（爆） 処理が終わったらOKをクリックして名前を付けて 画像を保存しましょう。 これで背景透過GIFの完成です。 | |
 |
19．背景透過GIF完成 |
|
こんな感じで 背景が透過されました。 バンザイーーーーー！！！！！ 因みに左のアイコンは素材コーナーで 実際に配布しているものです よかったら見てね（と，さりげなくCMしてみる） ＜終了♪＞ | |
|
| |
|
以上，背景透過GIF作成はこんな流れです。最初はめんどくさいですが慣れれば簡単です。 HP作成の時などにはかなり役に立つ技なので利用してみてはいかがでしょうか？ ちなみに何故今回の講座を作ったのかというと・・・真の理由は 自分が処理方法を忘れないためだったりします。自分忘れすぎ＿|￣|○ | |
前にモドル
ＣＧ講座ＴＯＰ