コンポジットする方法 (Compositing) [Blender]

コンポジット

参考：

コンポジット | Blender Manual [公式]

使い方

参考：

コンポジットノード | CG 制作

ノードとノードネットワークについて | Blender 入門 (blender3d.biz)

コンポジットを使用する 基本編 | reincarnation Tech

Compositing – Wikibooks

How to disconnect a light path node – Blender Stack Exchange

導入

参考：

コンポジット | まじかる AYANA の動画編集講座

レンダリング結果を保存する

参考：

Saving image file AFTER render and compositing – Blender Artists Community

How do I save a composite image? – Blender Artists Community

Save/Export image from compositing tab in Blender 2.81 – Blender Stack Exchange

How to save a rendered image that I have added a vignette to in Compositing? – Blender Stack Exchange

プレビュー

Shift + H：ノードのプレビュー表示の有無を切り替える

参考：

Can I shut off the auto-rendering in the compositor? – Blender Artists Community

No more previews in compositor – Blender Stack Exchange

ビューアーノード／背景 (Viewer Node / Backdrop)

参考：

コンポジター (Compositor) にレンダリングした結果の画像を表示する方法 | reflectorange.net

Viewer Node | Blender Manual [Official]

How to preview nodes in 2.8 – Blender Artists Community

画像をリサイズする

参考：

Resize image and canvas during compositing? – Blender Artists Community

How can I resize/move the “canvas” of an image in the compositor? – Blender Stack Exchange

How the resize the scene to fit the matte? – Blender Stack Exchange

画像をリピートする／タイリング

手順

1. Translate ノードで Wrapping を Both Axes に設定する。
2. Transform ノードまたは Scale ノードで Scale を調整する。

（出典：Blender Artists Community ）

参考：

node to tile/repeat an image? – Blender Artists Community

Map UV node, extend image? – Blender Artists Community

Is there a way to create a seamless image in the compositor? – Blender Stack Exchange

Is it possible to make a video texture repeat in the compositor? – Blender Stack Exchange

背景と合成する

参考：

背景用写真の設定とコンポジットでの合成 | GRAPH 3D

Blender で静止画像の合成写真を作る | Unity と Blender とムービー制作

Blender で背景と動くオブジェクトとを合成する | dskjal

背景をぼかす

参考：

背景画像と被写界深度 | GRAPH 3D

背景をグラデーションにする

参考：

How to create a gradient backround in the compositor? – Blender Stack Exchange

フォグ／霧の効果を追加する

参考：

コンポジットノードで背景を霧にする方法 | TomoG のごちゃまぜ倉庫

コンポジットノードを駆使する！ホラー調 | TomoG のごちゃまぜ倉庫

コンポジットノードネットワークで霧を表現する | Blender 入門 (blender3d.biz)

コンポジットノードネットワークで霧を表現する その2 | Blender 入門 (blender3d.biz)

ぼかし (Blur Node)

フィルタータイプ (Filter Type)

• フラット (Flat)
• テント (Tent)
• 二次式 (Quadratic)
• 三次式 (Cubic)
• ガウシアン (Gaussian)
• 高速ガウシアン (Fast Gaussian)
• キャットロム (Catrom)：キャットムル・ロム (Catmull-Rom)
• ミッチ (Mitch)：ミッチェル・ネトラヴァリ・フィルター (Mitchell–Netravali)

参考：

Blur Node | Blender Manual [Official]

How to partially blur an image in the compositor? – Blender Stack Exchange

ボケブラー (Bokeh Blur Node)

参考：

Bokeh Blur Node | Blender Manual [Official]

Bokeh Blur Node problems – Blender Artists Community

輪郭抽出

• フィルターノード (Filter Node)
  • ソーベル (Sobel)
  • プルウィット (Prewitt)
  • ラプラス (Laplace)
  • キルシュ (Kirsch)
• Edge Node

参考：

Blender のコンポジットノードを使った線画の作り方 | 3DCG school

輪郭の抽出 | dskjal

ラフ画のような荒れた輪郭線を描画する Edge Node | プチ 3DCG モデラーの毎日モデリング (archive)

Filter Node | Blender Manual [Official]

Edge Node v1.2.4 | Blender NPR

ドット絵風に出力する

参考：

コンポジットノードを使って画像をドット絵風にしてみた | 室蘭在住 ganmin のブログ

アニメ背景風に加工する

参考：

Blender で写真をアニメ風に加工する | dskjal

周辺ぼかし／ビネット (Vignette)

参考：

Applying ellipse mask and feathering to transparency – Blender Artists Community

What is the fastest and easiest way to add a vignette in the compositer for Cycles? – Blender Stack Exchange

Compositor clipping blurred matte nodes – Blender Stack Exchange

Radial gradient to black from center of image in compositing – Blender Stack Exchange

Rotated Gradient Blur in Compositor – Blender Stack Exchange

粒状ノイズ (Film Grain)

1. プロパティエディターの「テクスチャ」パネルでテクスチャを作成し、タイプを「ノイズ」 (Noise) にする。
2. コンポジットでテクスチャノードを追加し、作成したノイズテクスチャを選択する。
3. レンダリングした画像にミックスノードの「スクリーン」 (Screen) 、「ソフトライト」 (Soft Light)、あるいは「オーバーレイ」 (Overlay) で合成する。

参考：

How to add artistic film garin? – Blender Artists Community

Eevee film grain type filter? – Blender Stack Exchange

実例

参考：

コンポジットノードを駆使する！ホラー調 | TomoG のごちゃまぜ倉庫

最終調整 | TomoG のごちゃまぜ倉庫

Blender でコンポジット！ | CGcompo

レンダーレイヤー (Render Layers Node)

参考：

Render Layers Node | Blender Manual [Official]

画像ノード (Image Node)

参考：

Image Node | Blender Manual [Official]

Use composite nodes in blender video sequence editor – Blender Stack Exchange

Applying animated compositor to pre-rendered animation frames – Blender Stack Exchange

動画クリップ (Movie Clip Node)

参考：

Movie Clip Node | Blender Manual [Official]

How can I make a “Movie Clip” node start at a certain frame of the scene? – Blender Stack Exchange

Can’t view rendered Image Sequence over movie clip in compositor or VSE – Blender Stack Exchange

マスクノード (Mask Node)

参考：

Mask Node | Blender Manual [Official]

Best practices for masking image layers for compositing? – Blender Stack Exchange

アルファオーバー (Alpha Over Node)

参考：

Alpha Over Node | Blender Manual [Official]

Problem with alpha-over node – Blender Artists Community

Alpha Over does not work – Blender Artists Community

Why should I never ever use “Convert Premul” on Cycles renders? – Blender Stack Exchange

Alpha-Over Node Not Working – Blender Stack Exchange

Compositing Transparency / Layer Masking Problem – Blender Stack Exchange

Alpha over compositor problem – Blender Stack Exchange

トランスフォーム

• Transform Node：平行移動／回転／拡大縮小
• Translate Node：平行移動
• Rotate Node：回転
• Scale Node：拡大縮小

参考：

Distort Nodes | Blender Manual [Official]

How can I resize/move the “canvas” of an image in the compositor? – Blender Stack Exchange

マットノード (Matte Nodes)

• ボックスマスク (Box Mask)
• チャンネルキー (Channel Key)
• クロマキー (Chroma Key)
• カラーキー (Color Key)
• カラースピル (Color Spill)
• Cryptomatte
• Cryptomatte 旧式 (Legacy)
• 差分キー (Difference Key)
• 距離キー (Distance Key)
• ダブルエッジマスク (Double Edge Mask)
• 楕円マスク (Ellipse Mask)
• キーイング (Keying)
• キーイングスクリーン (Keying Screen)
• ルミナンスキー (Luminance Key)

参考：

Matte Nodes | Blender Manual [Official]

How do I “mask” out certain areas of a photo? – Blender Stack Exchange

クロマキー (Chroma Key Node)

参考：

Chroma Key Node | Blender Manual [Official]

キーイング (Keying Node)

参考：

Blender 2.8 でグリーンバックの合成 | ソースに絡まるエスカルゴ

Blender 2.8 によるクロマキー合成の作成 | ナマケモノにも分かるまなぶろぐ

Blender でクロマキー合成したい | takeda_san’s blog

Keying | wiki.blender.jp

How to use chroma key with a green screen in Blender | Graphics and Programming

Keying Node | Blender Manual [Official]

Chroma key, translate forground, retrieve video from sequence editor – Blender Stack Exchange

フィルターノード (Filter Node)

• ぼかし (Soften)
• シャープ化 (Sharpen)
• ラプラス (Laplace)
• ソーベル (Sobel)
• プルウィット (Prewitt)
• キルシュ (Kirsch)
• 影 (Shadow)

参考：

フィルターいろいろ | Blender っていいよね (blender_p01)

Filter Node | Blender Manual [Official]

グレア (Glare)

参考：

Blender 2.9 の Cycles のレンダーエンジンでグロー効果を設定する | MR が楽しい

Cycles で放射 (Emission) を使用する方法 | reflectorange.net

グローを表現する方法 | Blender Cycles memo

Cycles でグローをかける方法 | Amethyst3D

How to Use Bloom with Cycles in Blender | Artisticrender.com

Glare Node | Blender Manual [Official]

Eevee-like Bloom using Compositor | Blender Artists Community

Bloom possible with transparency? | Blender Artists Community

glare/bloom isn’t working? – Blender Stack Exchange

サンビーム (Sun Beams)

参考：

Sun Beams Node | Blender Manual [Official]

カラーバランス (Color Balance / ASC-CDL)

参考：

Color Balance Node | Blender Manual [Official]

What is the the ASC-CDL node? – Blender Stack Exchange

Add a LUT to Color Management Setting – Blender Artists Community

コンバーター (Converter)

• Blackbody Node
• Clamp Node
• Color Ramp Node
• Combine / Separate Nodes
• Map Range Node
• Math Node
• RGB to BW Node
• Shader To RGB  (※ Eevee 専用)
• Vector Math Node
• Wavelength Node  (※ Cycles 専用)

参考：

Convertor | wiki.blender.jp

Converter | Blender Manual [Official]

カラーランプ (Color Ramp)

参考：

コンポジットの「白より白い白」問題 | tomo＠web

Color Ramp Node | Blender Manual [Official]

数式ノード (Math Node)

• 加算 (Add)
• 減算 (Subtract)
• 乗算 (Multiply)
• 除算 (Divide)
• 積和算 (Multiply Add)
• 累乗 (Power)
• 対数 (Logarithm)
• 平方根 (Square Root)
• 逆平方根 (Inverse Square Root)
• 絶対値 (Absolute)
• 指数 (Exponent)
• 最小 (Minimum)
• 最大 (Maximum)
• 小さい (Less Than)
• 大きい (Greater Than)
• 符号 (Sign)
• 比較 (Compare)
• スムーズ最小 (Smooth Minimum)
• スムーズ最大 (Smooth Maximum)
• 丸め (Round)
• 床関数 (Floor)
• 天井関数 (Ceil)
• 切り捨て (Truncate)
• 小数部 (Fraction)
• 剰余 (Modulo)
• ラップ (Wrap)
• スナップ (Snap)
• ピンポン (Ping-pong)
• サイン (Sine)
• コサイン (Cosine)
• タンジェント (Tangent)
• アークサイン (Arcsine)
• アークコサイン (Arccosine)
• アークタンジェント (Arctangent)
• アークタンジェント2 (Arctan2)
• ハイパボリックサイン (Hyperbolic Sine)
• ハイパボリックコサイン (Hyperbolic Cosine)
• ハイパボリックタンジェント (Hyperbolic Tangent)
• ラジアンへ (To Radians)
• 度へ (To Degrees)

参考：

Math | Blender Cycles memo (cycles.wiki.fc2.com)

Math Node | Blender Manual [Official]

RGB から BW (RGB to BW)

参考：

RGB to BW Node | Blender Manual [Official]

how does cycles calculate RGB to BW – Blender Stack Exchange

ピンボケ (Defocus)

参考：

Defocus ノード | Blender.jp

Defocus Node | Blender Manual [Official]

Tips for doing rack focus with defocus in compositor? – Blender Artists Community

Blur issues when either reversing, or adjusting the Z pass – Blender Artists Community

How can I get a Depth of Field render pass? – Blender Stack Exchange

How to get rid of defocus node artifacts? – Blender Stack Exchange

レンズ歪み (Lens Distortion)

参考：

レンズ効果 | Blender Cycles memo (cycles.wiki.fc2.com)

Lens Distortion Node | Blender Manual [Official]

歪み除去 (Undistortion)

参考：

Movie Distortion Node | Blender Manual [Official]

How to determine lens undistortion values for motion tracking? – Blender Stack Exchange

デノイズ (Denoise)

参考：

Blender 2.81 で Intel Open Image Denoise を使う | NegativeMindException

新しいデノイザー Intel Open Image Denoiser を試す | 美味しい焼き鳥屋さん

Denoise Node | Blender Manual [Official]

クリプトマット (Cryptomatte)

参考：

Cryptomatte | Blender Manual [Official]

Object index pass in Eevee – Blender Stack Exchange

楕円マスク (Ellipse Mask)

参考：

Ellipse Mask Node | Blender Manual [Official]

ピクセル化 (Pixelate Node)

参考：

Pixelate Node | Blender Manual [Official]

Rendering a pixelated image – Blender Stack Exchange

How to get a pixelated image? – Blender Stack Exchange

How can I programatically evaluate each pixel before final composition? – Blender Stack Exchange

トリム (Crop Node)

画像を指定した範囲で切り取るノード (クロッピング)

参考：

Crop Node | Blender Manual [Official]

How to crop an image into multiple versions? – Blender Stack Exchange

トランスフォーム (Transform Node)

参考：

Transform Node | Blender Manual [Official]

split screen edit – Blender Stack Exchange

ファイル出力ノード (File Output Node)

レンダリング結果を出力するフォルダを指定するノード

参考：

コンポジットを使用する 基本編 | reincarnation+

File Output Node | Blender Manual [Official]

File Output Node – Flexible names for path and file name | Right-Click Select (Blender.Community)

How to save images using file output node? – Blender Artists Community

How to use the current file name as the the output name in the File Output Node and without the frame number at the end? – Blender Stack Exchange

分割ビューアー (Split Viewer Node)

参考：

Split Viewer Node | Blender Manual [Official]

ID マスク (ID Mask Node / Pass Index)

• オブジェクトインデックス (Object Index)
• マテリアルインデックス (Material Index)

参考：

ID マスク の使い方 | TomoG のごちゃまぜ倉庫

ID Mask Node | Blender Manual [Official]

Relations | Blender Manual [Official]

Pass Index – Materials | Blender Manual [Official]

Pass Index – Eevee | Blender Manual [Official]

シーケンス画像を読み込む

参考：

Opening an Image Sequence | Blender Manual [Official]

Image Sequence | Blender Manual [Official]

Can I change the speed of an image sequence? – Blender Stack Exchange

レイヤー情報を含む画像を読み込む (OpenEXR)

参考：

Vector Blur cutting off half way through the image | Blender Artists Community

Is it possible to save the render results with the .blend file? | Blender Artists Community

Applying animated compositor to pre-rendered animation frames – Blender Stack Exchange

LUT

参考：

How to make 3D LUTs and use them in Blender? – Blender Stack Exchange

How can Blender be augmented to display color critical and accurate results? – Blender Stack Exchange

Option to apply LUTs in compositing (or in color management tab.) | Right-Click Select (Blender.Community)

レンズフレア (Lens Flares)

参考：

Bloom in Cycles? | Blender Artists Community

パフォーマンス

• レンダー (Render)：レンダリング品質を指定する。(High / Medium / Low)
• 編集 (Edit)：プレビュー品質を指定する。(High / Medium / Low)
• チャンク長 (Chunksize)：チャンクの大きさを指定する。(チャンクが細かいほど多くのスレッドに分散して処理されるがオーバーヘッドは大きくなる。)
• OpenCL：GPU 上で OpenCL を使用して処理を実行する。
• バッファーグループ (Buffer Groups)：グループノードの出力をバッファする。
• 2パス (Two Pass)：プレビューの処理を2段階で行う。最初に高速なノードのみ処理を行い、次に全てのノードの処理を行う。
• ビューアー領域 (Viewer Border)：プレビュー境界を有効にする。
• 自動レンダリング (Auto Render)：自動的にプレビューを更新する。

参考：

Options | Blender Manual [Official]

Are there any ways to speed up blender compositor? – Blender Stack Exchange

自動レンダリング (Auto Render)

3D モデルに変更を加えた際に、自動的にシーンを再レンダリングしてコンポジット結果を更新する。

参考：

Options | Blender Manual [Official]

T56875 Compositor: Auto Render doesn’t work | Blender Developer [Official]

Can I shut off the auto-rendering in the compositor? – Blender Artists Community

スクリーンを分割する

参考：

Split Viewer Node | Blender Manual [Official]

Splitscreen Video – Blender Artists Community

split screen render – Blender Stack Exchange

コンポジットを適用したアニメーションを再生する

シーンをシーケンサー (VSE) に追加する。VSE はコンポジット結果のアニメーションをキャッシュして再生することができる。

参考：

No playback for image sequence node? How to composite animated FX? – Blender Artists Community

Realtime playback of composite – Blender Artists Community

Use composite nodes in blender video sequence editor – Blender Stack Exchange

Tips

参考：

Compositor ノードエディタでの小ネタ・小技集 – Qiita

ドキュメント

参考：

Compositing | Blender Manual [Official]

まとめ

参考：

Blender でポストエフェクト | dskjal