Post processing · 4 / 10

Depth of Field / Bokeh

焦点以外をぼかして視線を誘導する。

Compare in motion

焦点が移る場面

Synchronized comparison
AReference
すべての距離にピントが合う

すべての距離にピントが合う

BDepth of Field / Bokeh100%
ボケの移動で視線を誘導できる

ボケの移動で視線を誘導できる

Loading demo…

Scrub to pause and inspect. At 0%, B matches A; at 100%, B shows the effect. The scene repeats every 8 seconds.

Look for: 焦点距離を奥へ移す → 背景が鮮明になる。

A small visual example of a game use case. Games combine these techniques with assets and other effects.

Read the storyboard

例: 焦点が移る場面

  1. 1. Start

    手前にピント

  2. 2. Change

    焦点距離を奥へ移す

  3. 3. Result

    背景が鮮明になる

ボケの移動で視線を誘導できる。時間変化を示す模式図です。実際の描画結果や処理速度を再現したものではありません。

How it works

  1. 1. Input

    深度と焦点距離

  2. 2. Process

    焦点外をぼかす

  3. 3. Result

    注目点の周囲のボケ

A schematic of Depth of Field / Bokeh. It shows the relationship between input, process, and result; exact values and rendering depend on the implementation.

Further reading

Unreal Engine Post Process Effects ↗

A general reference for this subcategory.