Blender で輪郭抽出する方法まとめ
目次
背面法
厚みつけモディフィア
ディスプレイスモディフィア
ベベルモディフィア
フリースタイル
ノード
UV
マテリアルオーバーライドを使って透過 UV をレンダリングする
レンダラー依存
マテリアルの Ambient Occlusion を使う（Cycles のみ）
応用編
外部リンク
概要
Blender で輪郭抽出する方法は大きく分けて３つある。厚みつけモディフィア・ノードを使う方法・フリースタイルだ。
厚みつけモディフィア（背面法）
背面法の利点は以下の３つ。
- リアルタイムで表示できる
- 入り抜きを調整できる
- オブジェクト単位で輪郭の色を塗りわけられる
欠点は以下の２つ。
- 任意の場所に線を出すのが難しい
- メッシュのセットアップが必要なので使い回しができない
厚みつけモディフィアのほかにベベルモディフィアも使える。こちらはリアルタイムで任意の辺に線を描画できる。
ノードを使う方法
ノードを使う方法はリアルタイムで表示できず入り抜きも入れられない。加えて線の塗りわけも手間がかかる。しかし任意の場所に線を出せる。ノードの使い回しができる利点もある。
深度と法線とを使う方法はメッシュのセットアップが不要で手軽だ。しかし線のコントロールが難しく、法線を使って線を出すとノイズが乗る。UV を使う方法は追加の UV のセットアップが必要だが、法線や深度を使う方法よりコントロールが効き、ノイズも比較的少ない。
フリースタイル
フリースタイルは破線や深度を使った入り抜きなど他の方法では実現できない機能を持つ。しかしフリースタイルには最大の欠点がある。入り抜きを入れると視点によっては途中で線が途切れる問題だ。これは動画では線のちらつきとして問題になる。現状（Blender 2.79）では避ける方法がないが、動画で使うときは入り抜きを使わないことで避けられる。スチルならばフリースタイルは有力な選択肢になる。
LANPR
LANPR は Blender に線画抽出機能を追加するプロジェクトだ。リアルタイムフリースタイルと言える DPIX（とその CPU 実装）と、法線と深度とを利用したリアルタイムソーベル輪郭抽出の Snake とがある。2018 年 10 月の時点ではいまだアルファバージョンですらないが、soc-2018-npr ブランチをソースからビルドすれば、その線画抽出機能はテストできる。
LANPR の DPIX は辺を構成するポリゴンを２枚取得し、視点から見て１枚が裏を向きもう１枚が表を向いているとき、その辺に線を引く。
アンチエイリアスをかける
Blender Render では Render > Anti-Aliasing > Full Sample にチェックを入れる。ただしレンダリング時間は長くなる。
ブラーを使った AA
カラーランプをつなぐ前にブラーをかける方法もある。ブラーの量が大きいと輪郭が太くなる。
背面法で輪郭抽出
背面法はモディフィアでメッシュの法線を反転させたポリゴンを生成し、裏面を描画しないマテリアルをそのポリゴンに設定することで、輪郭を描画する。メッシュの生成に厚みつけモディフィアとディスプレイスモディフィアとが使える。厚みつけモディフィアを使う方が単純だが、線の入り抜きは頂点グループで行うことになる。それに対してディスプレイスモディフィアを使う利点は、線の入り抜きにテクスチャが使えることだ。
厚みつけモディフィア
Eevee
マテリアルの Blend Mode を Alpha Blend にしないと透過しないことに注意。
Cycles
Solidify modifier Contour/Outline（英語）
Cycles の背面法も基本的には Eevee と同じだ。厚みつけモディフィアで輪郭用ポリゴンを作り、マテリアルを割り当て、シェーダで不要な部分を透明にする。
Blender Render
厚みつけモディフィアの線の太さを調整する
板ポリゴンで背面法を使う
厚みつけモディフィアは板ポリゴンではうまく機能しない。これは前髪などで問題になることがある。
板ポリゴンで背面法の輪郭検出をする場合は追加の厚み付け（Solidify）モディフィアをつけることで輪郭を表示させられる。このとき輪郭抽出用の厚み付けが下になるようにする。
ポリゴン貫通時に出るアウトラインの処理
ポリゴンの分割はこんな感じ。 pic.twitter.com/exGghsZNXC
— まじかる☆しげぽん@VRoid (@m_sigepon) 2018年11月4日
ベベルモディフィアで任意の辺に線を出す
ベベルモディフィアは頂点グループや辺ベベルでベベルをかける場所を選択でき、ベベル部分のマテリアルを指定できる。辺にベベルを設定するにはエディットモードのプロパティパネルで平均ベベルウェイトを設定する。ベベルモディフィアの線描画はリアルタイムに表示できる利点がある。
ディスプレイスモディフィアを使う
Line art flip normal thecnique but with more details, procedural thickness.#blender #b3d #lineart #anime #cellshading pic.twitter.com/PLiYqtwfDJ
— EriS (@Erisdraw3D) 2018年12月15日
背面法でディスプレイスモディフィアを使う場合の設定手順は以下のようになる。
- オブジェクトをリンク複製（Alt + D）する
- リンク複製したオブジェクトにディスプレイスモディフィアをつける
- リンク複製したオブジェクトに裏を描画しないマテリアルを設定する
- ディスプレイスモディフィアの強さで線の厚みを設定する
設定するマテリアルは基本的には厚みつけモディフィアと同じだが、放射ノードと透過ノードとの位置が違っている。
マテリアルはデフォルトではメッシュに適用される。同一メッシュに別マテリアルを設定するには、マテリアルのリンクをオブジェクトに変更する必要がある。
アーマチュアで変形する場合は、ディスプレイスモディフィアの上にアーマチュアを配置する必要がある。
ノードを使った輪郭抽出
ノードを使った輪郭抽出法はフィルターノードのラプラス・ソーベル・キルシュ・プルウィットを使って輪郭抽出する。これらのノードは色に差があればそこに線を出せるので、設定を工夫すれば任意の場所に線を出せる。
法線/深度を使う
法線のみを使う
フィルターのラプラス（Laplace）やソーベル（Sobel）を使えば法線を線画に変換できる。
以下のように 3 つの直交するベクトルとの内積をそれぞれ RGB として解釈させると、法線の検出力を調整できる。
単純な深度を使った輪郭抽出
深度は値が [0, 1] の範囲に収まらないので正規化が必要になる。正規化によって深度を [0, 1] の範囲に変換することで深度を色として解釈できるようになる。 エッジノードでは深度を対数に変換することで、カメラから見て手前にある深度の精度を上げている。
深度に色をつける
エッジノードは深度に色を付けることで深度の検出力をあげている。深度を正規化した後にカラーランプで色を付けると深度差が微妙な部分にも線が出せる。カラーランプのカラーモードを HSL にして、補間モードを時計回りにすると簡単に深度に虹色をマップできる。
ふたつを合成
明度差/色を使う
明度差
カラーランプで線の出る範囲を調節できる。
色
上のカラーランプは明度差をコントロールし、下の方は他の色を引き算する強さを調整する。
Cryptomatte
Blender 2.80 以降の Cycles では Cryptomatte が使えるので、オブジェクトやマテリアルに ID を設定する必要はない。
Cryptomatte を使うには、「プロパティパネル > ビューレイヤー > パス」にあるオブジェクトまたはマテリアルにチェックを入れ、コンポジットで Cryptomatte ノードにつなぐ。特定の色だけ取得したい場合は、オブジェクト名を入力するか、スポイトで色を取得する。
Object/Material ID を使う
輪郭抽出したいオブジェクトに Object > Pass Index を設定。 マテリアルの場合 Material > Options > Pass Index。
オブジェクトのみを表示したいので、Render > Shading > Alpha を Transparent にする。 Render Layer > Passes > Object Index にチェックを入れる。 マテリアルの場合は Material Index。
以下のようにノードをつなぐ。ID Mask の Index に設定した ID を指定する。
UV を直接使う方法
UV 座標を使って線を出すこともできる。この方法は以下の利点がある。
- セットアップの手間が小さい
- 同時に深度も検出できる
- 辺のある場所ならば自由に線が描ける
欠点は以下の４つ。
- 透過マテリアルがあると使えない
- 任意の場所に線を出せない
- テクスチャを使う場合は２回レンダリングが必要
UV を直接使う方法の一番の欠点は透過マテリアルを使えない点だ。透過マテリアルがあると UV パスは何も出力しない。透過マテリアルごと UV をレンダリングする場合は、マテリアルオーバーライドを使って UV をレンダリングすることで UV を使って輪郭を抽出できる。
UV を使う方法では深度によっても線を抽出する。深度が異なる場所は UV 座標も異なる可能性が高いからだ。深度を使う方法で精度が不足する場合は UV を使うことで疑似的に深度を使った線を抽出できる。
手順
手順は簡単で線画抽出用UVを作成し「UVマッピング（U）> プロジェクション」でUV展開するだけだ。後は線が出てほしい部分のUVを縮小するか、移動するかする。
超簡単！blender 3d 輪郭線を抽出方法の『node』アニメ調に最適
三次元 UV を出力する
正面と横とから線画出力用のUVを作成し、色として出力する。３次元UVはマテリアルオーバーライドを使って色として出力する。
マテリアルオーバーライドを使って透過 UV をレンダリングする
マテリアルオーバーライドを使う場合、マテリアルは透過なしか UV ごと透過するかになる。透過無しマテリアルでオーバーライドする場合は UV パスがそのまま使える。UV を色としてレンダリングする場合のマテリアルは以下のようになる。
覆い焼きを使う方法
覆い焼きでは明暗差のある場所に線を出せる。ソーベルやラプラスの代わりに使うこともできる。
レンダラー依存
ポストプロセスの辺（Blender レンダーのみ）
マテリアルの Ambient Occlusion を使う
OSL で輪郭抽出
toon edges along the boundaries of vertex colors also can be drawn with OSL #b3d #OpenShadingLanguage pic.twitter.com/uEnP09n5aM
— irieぐぬー (@iRi_E) 2018年10月31日
OSL で getmessage("trace", "geom:uv",...) や getattribute("geom:uv", uv) で UV 座標を取得する際に、Image Texture ノードを配置しておく必要がある。そうしないと OSL 上で UV 座標を取得できない。
フリースタイル
輪郭の太さを変更する
拡張/浸食（Dilate/Erode）
拡張/浸食（Dilate/Erode）を使えば輪郭の太さを変更できる。
ブラーをかける ことで、輪郭を太くできる。
インペイント（Inpaint）
線でない部分をカラーキー（Color Key）ノードでアルファ抜きすると、インペイントノードで輪郭線を太くできる。
頂点色を使ってソーベルの輪郭抽出をコントロールする
頂点色を使ってレンダリングしてフィルタで輪郭抽出する。頂点色を変更することで輪郭をコントロールできる。
Blender レンダーで頂点色を使ってレンダリングするには、マテリアルの「陰影なし」と「頂点カラーペイント」にチェックを入れて頂点色を使ってレンダリングする。 Eevee では放射（Emission）ノードを使う。
頂点ペイント tips
マスクして塗るとエッジの効かせて色を塗れる。 マスクする面は左クリックモードでは Shift + 左クリックで選択できる。
Blender 2.78a では頂点ペイントでテクスチャペイントのようにグラデーションをかけられない。 グラデーションをかけたいときはステンシルテクスチャを作る。 ステンシルテクスチャはマウス右ドラッグで平行移動。Shift + マウス右ドラッグで拡大縮小できる。
レンダリング設定
頂点ペイント用のレンダーレイヤーを作成し、マテリアルオーバーライドを使ってレンダリングする。 マテリアルオーバーライドを使うとレンダリングするオブジェクトすべてに、指定したマテリアルを適用してレンダリングされる。 マテリアルオーバーライドを使わない場合はオブジェクトを複製しなければならず、管理が面倒になる。
ノード設定
フィルタを使って輪郭を抽出する。
オブジェクトの交差する部分に線を出す
フリースタイルとブーリアンを使う方法は交差した部分に線が出ないんですけど…を参照。
フィルタのキルシュを使う方法はセルアニメ風輪郭線の生成方法を参照。
レンダーレイヤーのマスクを適用してレンダリングすれば、ソーベルなどのフィルターで輪郭抽出できる。
ノードで余計な線を消す方法
穴にできた線を消す方法（Blender Render）
深度や法線で線を出す場合、眼窩に線が出やすい。このような穴にできる線は透明なポリゴンを張ることで防ぐことができる。
透明なポリゴンはレイトレース透過にし、影を生成しないよう設定する。Z値透過は精度の問題でフリンジが発生することがある。
外部リンク
Blenderのコンポジット処理のみで手書き風のセルシェーディングを実現するノードを作成しました．
— 大城 (@Magryllia) 2018年6月9日
一応データを置いとくので欲しい人はどうぞ．(https://t.co/jNSRjiqPZv)#Blender #b3d pic.twitter.com/2OO8vZJjPe
運動と同期して輪郭線の歪みとスピード線を生成するコンポジット処理を作ってみました．
— 大城🐈 (@Magryllia) 2018年11月3日
データ置いとくので（不完全ですが…）見たい人どうぞ．https://t.co/qb7y51FN0k#b3d #bnpr pic.twitter.com/iJJi3rNqZq
イラスト風画像加工アプリ " Olli " を模倣したコンポジット処理です．
— 大城🐈 (@Magryllia) 2018年11月10日
シンプルな画像に限ればそれっぽく見える気がします．ザリガニ画像はBoxsuiさんよりお借りしました
1枚目：オリジナル 2枚目：Olli 3枚目：コンポジット
↓データです（実用性はあまりないです）https://t.co/1KAaEojh4P #b3d pic.twitter.com/GoZqvqXc0L