前回に予告したように使用画像ソフトは、Photoshop Elements 2.0です。
（他のソフトとかも探してみたんですけど、
MACとWIN共通で説明できるソフトってあまりないんですよね）
現在は4.0まででていますが、とりあえず操作性には
あまり違いはないと思われます。（たぶん
）
なので、本家本元の高価なPhotoshopでも大丈夫かと。
マスクをつける前に、回りが透過されている画像を用意しましょう。
画像の透過その1
で使った画像のように
こんなふうに回りが透過されていない状態では、
マスクを作るために、回りの白い部分を消していかなければならず
綺麗に背景となじませるためには、地道な作業が待っています。
今回も『[y]da's room
』さんに立ち絵の素材をお借りしています。
私のやり方としては、まず自動選択ツールで消したい場所をもれなく選択し、
でもってその選択範囲部分を消去やDeleteを使って削除。
ピンクと白の格子が透明な部分です。
この画像は自動選択だけで比較的綺麗に切り抜くことができましたが、
それでも拡大して、下に黒に塗りつぶしたレイヤーをおくと、
（イメージとしては切り絵を黒い紙の上に乗せた感じ）
耳部分とかに白いのが残っているのがわかります。
これをまた拡大してピクセル単位でちまちまと消したり色を加えたりしていきます。
というわけで、大雑把に修正してみました。
綺麗に馴染んでいるように見えるでしょうか？
もしかしたら、簡単にできる方法も世の中にはあるのかもしれませんが、
少なくても、私が使っているPhotoshop Elements 2.0では無理っぽい。
なので、PC上で線画から描く場合は、背景を透明にしてから、
アナログで描いた線画をスキャナーで取り込んで色をPC上で塗る場合は、
線画を抽出してからにしたほうが後々が楽です。
（線画の抽出についての詳細は『らくがき本舗
』さんで）
アナログで色まで塗ったのをPCに取り込む場合は…………、
が、頑張ってください。
さて、ではいよいよマスク作りなんですが、
詳細は『Famous Writerホームページ
』のTipsの中にある
マスクつき画像の作り方
や『R*U*T*A
』さんのゲーム制作豆知識、
及び『じゅえる☆ぼっくす
』さんの作成講座を
ご覧下さいというのは駄目ですかね？
使っているバージョンが違っているとはいえ、同じPhotoshop系なので
やることが変わらないというか、あちらのほうか絶対に分かりやすいというか。
Elements 2.0では、数値を入れて画像を横にずらすということができないけど、
『R*U*T*A
』さんの説明のように背景を赤や緑の目立つ色にしておけば、
手動でもなんとかできそうだし。
ざっと説明だけしますと、
キャラ画像のレイヤーをコピーし、透明部分の保持にチェックを入れた後、
コピーしたキャラ画像を黒で塗りつぶします。
そのレイヤーの下に白で塗りつぶしたレイヤーを作り、
２つを結合して↓のようなマスク画像を作ります。
後は、画像のカンバスサイズを横だけ２倍にし、
マスク画像だけを横にずらし、
元のキャラ画像のレイヤーの下に黒で塗りつぶしたレイヤーを作って
全部の画像を結合すればできあがり。
←こんなんできました～
では、さっそくこのマスクつき画像を使って立ち絵を表示させてみましょう。
“&Layer.Transparent”はちゃんと１にしてマスクに従うように設定。
（デフォルトでは、マスクに従うようになっているので、だいたいはそのままで問題ないです）
多少、線が消えている部分がありますが、
やっつけ仕事にしては綺麗にできたのではないかと自画自賛しておきます。
ちなみに、マスクが小さすぎたり大きすぎたりずれたりしたときは、
←マスクが小さい
←マスクが大きい
←位置がずれている
こんなふうに回りが切り取られたり、影がでたりしますので、
もし、ちゃんとマスクをつけたのに変に表示されてしまうというときは
マスクの位置がずれてないか大きさは合ってるか等、
確かめてみてください。
）
