キャラクターアイコンを作る（透過GIF/PNG作成）その６

６．「透過GIF/PNG」にチェックを入れ，５．でありえない色を透明色として指定してGIFまたはPNG形式で保存する

（１）<名前をつけて保存>アイコンをクリックする

（２）ファイルの保存先とファイル名を指定し，「ファイルの種類」をPNGファイル（*.PNG）にする

　GIFでもいいんだけど，GIFだと画像に利用できる色が256色までになってしまうので，PNGをお勧めします。ただし，PNGだと参照できないことが多いかも・・・？（今は無いかｗ）

　どう違うのか，なぜPNGなのかは

　http://www1.ocn.ne.jp/~nao2/png/png.html　や

　http://www.animegif.net/animegif/format.html

　をどうぞ。

（３）透過GIF/PNGにチェックを入れる

　これ忘れると悲惨なことになるよｗ

（４）保存ボタンをクリックする

（５）表示倍率変更を行う（必要により行う。ここでは４倍拡大表示にしている）

（６）透過色とする色（ここでは緑）にマウスカーソル（スポイト）をあわせてクリックする

（７）透過色とする色が５で指定した色（赤(R)要素０，緑(G)要素２５５，青(B)要素０）になっていることを確認して<OK>ボタンをクリックする

完成！！！

キャラクターアイコンを作る（透過GIF/PNG作成）その５

５．４．の画像で不要な背景を，その画像にはありえない色で塗りつぶす（ここ重要）

　みなさんは，CG合成の映画の作成過程を見たことがあるでしょうか？。背景を青（ブルーバック）または緑（グリーンバック）にして背景と合成するアレです。クロマキー合成っていうんですが，透過も似たようなことをします。

　クロマキー合成については

　http://image-d.isp.jp/commentary/chromakey/index.html

　がよくわかると思います。

　透過は，透明な色になる色を使うということです。ここでポイントとなるのは，アイコン化したいキャラクタには無いような色を使いましょうということです。透明にする色を緑色だとすると，キャラの髪の毛などに同じ色（ここでは緑色）が含まれていると，髪の毛まで透明になってしまうからです。先のクロマキー合成の話で，ブルーをつかうのは，肌色の補色（反対の色）がブルーだからです。今回のサンプル映像では黄色・茶色がメインです。後は白とかでしょうか。緑色は大丈夫どこにも使われてなさげです。これが緑色の紙だったら青色を使うようになります。

　とはいうものの，パソコンの色は「三原色」である赤・青・緑が256階調あり，256*256*256=16,777,216色があるわけで，真緑色なんてのはあんまり使われていません(笑)。まぁ「めっちゃ明るい緑色があるなぁ」と思えば別の色にしてしまえばよいわけで，同じ色を偶然使う確率なんて低いものです(笑)

　では，早速手順説明(笑)

●描画色を真緑（赤要素０，緑要素２５５，青要素０）にする

（１）描画色をクリックする

（２）赤要素（R）を０までドラッグする

（３）青要素（B）を０までドラッグする

（４）緑要素（G）を２５５までドラッグする

●背景を描画色で塗る

（１）ツールボックスの<鉛筆>をクリックする

（２）ツールボックスの<自由線>をクリックする

（３）形状を右クリックして，<四角>をクリックする

（４）ブラシサイズを１〜２にする

（５）背景になるところを注意深く塗りつぶす。大きく塗りつぶす場合は，（４）のブラシサイズを大きくする。

　「うわ！塗りすぎ！」とおもったらあわてずCTRLキーを押しながらZキーを押す。やり直しができます。

　塗るときは，輪郭をまず小さいブラシサイズで塗って，残りを大きいブラシサイズで塗るようにすれば早く塗れます。

　必要によりツールボックスの<拡大><縮小>をクリックして，画像を大きくしたり小さくしたりして見やすくすると細かい部分を塗りやすいです。

　今回のサンプルは単純ですが，複雑な髪型，服装，装備（武器）になると根気が必要です。チマチマとやっていきましょう。なれるとサクサクできるんですが。

　背景も重要です。真っ暗な場所に黒い服装，装備をもっていくとまさに闇夜のカラスで，「どこが輪郭線なんじゃぁ」とキレる結果になります。背景が明るいオルビスなんかがGoodで，マガティアとか，スリーピーは非常に悲しくなります。ようはキャラクタと背景のコントラストがはっきりしているところで撮影しましょう。（やってみればわかるよｗどんだけつらいかｗ）

これで透過色となる色（ここでは緑）で背景を塗りつぶすことができました。後は透過色指定するだけだよ〜

キャラクターアイコンを作る（透過GIF/PNG作成）その４

４．３．の元画像をGIF画像サイズにトリミングする（切り出す）

（１）ツールボックスの<選択>をクリックする

（２）大まかに画像を囲む

（３）[選択範囲]メニューをクリックして[トリミング］をクリックする

（４）ツールボックスの<拡大>をクリックして画像を拡大する

（５）（２）〜（４）を繰り返してきれいに画像をトリミングする

　ここでのポイントは，輪郭線（黒い線）を残しておくこと。透明化したときに黒い線が残るようにしないと大変なことにｗ輪郭線がないと次のステップでも面倒だよん。

これでキャラの切り出しは完了〜。次は透過作業だよ〜

キャラクターアイコンを作る（透過GIF/PNG作成）その３

３．元画像を開く

　ここからが本題ですｗｗｗ。

（１）[ファイル]メニューをクリックして，[開く]をクリックします。

（２）メイポの元画像をクリックして開きます。

これで準備完了〜。いよいよ編集よ〜ｗ

キャラクターアイコンを作る（透過GIF/PNG作成）その２

２．AzPainterを起動する

　１（２）でインストールしたフォルダ内にある「AzPainter」をダブルクリックして起動する。

　すると，AzPainterが起動します。

これでAzPainterを起動することができました。