P-0001 線画だけのレイヤの作り方
- 1999/2/13
- 1999/3/29
- 1999/4/25
- 1999/4/27
- 1999/6/2
- 1999/6/6
- 1999/11/10
- 2000/4/29
Photoshop やウルトラキッドなどのレイヤ管理機能を持ったツールでは、線画レイヤの作成が必要になってきます。
こういう絵の場合なら、あらかじめ線画と色のレイヤを分けておくことで、
このように、各要素（ここでは線画・人物の色・背景）毎に自由に編集することができます。また、肌・髪・服といったパーツ毎にレイヤを作れば、後からそのパーツにだけ特殊効果を加える、といった使い方もできます。
こういう使い方をするのに必要なのが、線画レイヤです。上の例では3枚レイヤがありますが、一番上にあるのが「線画レイヤ」です。これを見るとわかるように、線画レイヤは線以外の余白部分が透明になっていて、下の色が透けて見えるようになっています。ちょうどアニメのセル画のような感じです。
キャラクターものに限った話かどうかは知りませんが、この線画レイヤを作れるかどうかが、レイヤ機能付きツールでうまくイラストを描くポイントになってくるといえます。
線画レイヤの作成
スキャナから取り込んだ下描きを元にパソコン上でタブレットを使って線画を描き起こしたり、パス機能を使って線画を作り直したりする場合は、それがそのまま線画レイヤとなります。しかし、前者はタブレットを持っていないとできませんし、後者はパスの扱いになれていないと難しい作業です。最も簡単な線画レイヤの作り方は、スキャナから取り込んだ線画を線画レイヤに変換することでしょう。
スキャナから取り込んだ線画は、白黒のグレースケールになっています。この画像から白い部分を消してしまえば、線画レイヤとなります。線だけを残してこの白い部分を消す方法には、以下のような方法があります。
「乗算」を使う方法
一番簡単で手っ取り早い方法です。
やり方は簡単、取り込んだ線画の表示されているレイヤの描画モードに「乗算」を指定する（合成方法に「乗算」を設定する）だけです。あとは、その下に「色専用のレイヤ」を重ねていけば、主線を保護しつつ色を塗ることができます。
「2値化」を使う方法
一度白黒の2値データに変換する方法です。普通、取り込んだ画像にはグレーの部分が多く含まれていますので、これをなくして白黒2色だけの単純な画像に変換してしまえば、白い部分を容易に取り除くことができます。
- できるだけ高い解像度で取り込む
- 白黒2値化する（ディザを使用しない単純2値）
- スキャン時にできた不要なゴミを消す
- 線の部分だけを選択し（「指定した色域を選択」などの機能を使う）、「コピー」でクリップボードに転送する
- 新規透明レイヤを作って「貼り付け」する
- 「解像度の変更」「拡大縮小」などの機能を使って、作業に支障のないサイズまで縮小する（このままのサイズで問題ない場合は、このまま後の作業を行う）
「アルファチャネル」を使う方法
取り込んだ画像は、白黒のグレー画像になっています。線画レイヤの作成とは「白い部分」を取り除くということですが、これは即ち、画像の明るさを透明度に変換するということです（白い部分ほど明るい→白い部分ほど透明になる）。
ウルトラキッドの場合は以下の通りです。他のツールでも、機能の名前が違うだけで、同様の操作で作業を行えるはずです。他のツールでの方法は、 CG 講座リンク集などで探してみて下さい。
- 「フィルタ」→「階調補正」で、画像をグレイスケールに変換する。
- 処理対象のレイヤの属性を「透明レイヤ」にする。
- レイヤの「透明部分の保護」をオフにする。
- （透明にしたい部分を白く塗りつぶす。（ゴミ取りをする））
- 画像を「全て選択」する。
- 「切り取り」でクリップボードに転送する。
- 「チャネル・表示マスクブック」に切り替え、「新規表示マスク」を作成する。※ Photoshop の場合は「アルファチャネル」。
- 「貼り付け」する。
- 「階調を反転」する。
- RGB プレーンに切り替えて、全体を黒で塗りつぶす。
- 「表示マスク」を削除する。※ Photoshop の場合は「アルファチャネル」。（この際、「表示マスクを適用するかどうか」と訊かれるので、「はい（ Y ）」を選択する）。
ウルトラキッド Ver.2.0 や Photoshop では、一連の工程をアクションレコーダーに記録することができますので、一度作っておくと次から便利です。ただし、「表示マスクを削除」の工程が記録できませんので、注意が必要です。
※この方法は、 HORNET 氏のサイトからの引用です。
ツール別の特別な方法・ Adobe Photoshop の場合
Adobe （アドビ）社の「 Photoshop 」では、 Ver.4.0 以降の場合、「フィルターファクトリー」内の「 Luminosity → Opacity 」フィルタ・あるいは「 EliminateWhite 」フィルタで、白い部分だけを透明化できるそうです（「アルファチャネル」と同じ効果が得られます）。
このフィルタは標準ではインストールされないそうですので、手動で組み込んで下さい。組み込み方は、インストール CD-ROM の [Goodist] フォルダ内、 [Plug_ins] フォルダにドキュメントファイルがあり、そこに記述してあるそうです。
ツール別の特別な方法・ Adobe PhotoshopLE の場合
Photoshop の廉価版である PhotoshopLE にはアルファチャネル機能が搭載されていませんが、プラグインを利用することで線画レイヤを作れます。
edesign で配布されている Eliminate White Filter を使うと白を透明に変換できるので、このフィルタを使った後で、透明保護を有効にして好きな色で「塗りつぶし」すれば OK だそうです。
ツール別の特別な方法・ FanfarePhotographer の場合
Photoshop 同様、画像の明度を透明度に変換する機能が標準でフィルタになっています。
「フィルタ」→「色調補正」→「白を透明に」 これで一発です。宣伝ではあまりプッシュされていなかったので、ご存じない方が多いかもしれません。
参考：各方法の利点と欠点
それぞれの方法の良いところ・悪いところです。どの方法を選ぶかの選択基準にして下さい。
| 方法 | 利点 | 欠点 |
|---|---|---|
| 「乗算」を使う方法 |
|
|
| 「2値化」を使う方法 |
|
|
| 「アルファチャネル」を使う方法 |
|
|
| AdobePhotoshop 、 FanfarePhotographer のフィルタ | ||
| タブレットによる描き起こし |
|
- ※1：主線の色を変える
専門用語では「イロトレス」と言う。
肌の部分の線を茶色にする、ブロンドの髪ならば髪の部分の線をオレンジにする（「機動戦士ガンダム F91 」のセシリーなどで実際に行われていた）、というふうに、その周囲の色に合わせて主線の色を変えてやることで、絵全体が柔らかいイメージとなる。
「主線が黒いままの TV アニメの絵」と「主線の色を変えてあるエロゲーの絵」を見比べてみると、違いがよくわかる。
- ※2：線の綺麗さ
スキャナで取り込んだ画像は、ぱっと見画面上で直接描いたものと変わらないように見えるが、実は様々な色が散らばっている。単一色で塗られた部分でも、拡大すると非常に汚くなっていて、時には画像を圧縮する際のネックとなることもある。自動選択ツール（マジックワンド）などで取り込んだ画像を選択するとうまくいかないのもこのため。
画面上ではほとんど見分けが付かないため、完成画像をモニタで見るのみの分にはこれでも構わないのだが、僕のように印刷用途で使う場合には、出力時に線の濃さにばらつきが出てしまうことがある。
- ※3：線が途切れる
コンピュータ上で表現できる線の細さは、ドット1つの太さまでである。これ以上の細い線は表現できないが、線の色を薄くすることで、細く「見せかける」ことは出来る。
白黒2値化の機能は、ある一定の濃さ（しきい値）を基準にそれ以上を全て黒、それ以下を全て白という風に変換するので、薄い色で作られた細い線は消えてしまう、または途切れてしまうことが多い。
基準となる濃さを変えてやることでこういった線を残すことも可能だが、今度は他の部分の線が太くなってしまうという現象が起こる。これは、線の周囲にある薄い部分までが線と見なされてしまうからである。
単純2値化のしきい値（基準値）は、プレビューを見ながら、あるいはアンドゥを繰り返しながら決めるのがベター。
- ※4：マウスやタブレットに対する反応速度
ウルトラキッドは、マウスやタブレットの追従性が非常に悪い。カーソルを動かしてから数秒後に描画される、などということもしばしばである。そのため、タブレットでサッサッと絵を描くには非常に使いづらくなってしまっている。