Bokeh Blur
Bokeh Blur creates the loose blur effect for objects outside the depth of field.
![properties](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/bokeh_blur_properties-a7c7b43d700e922a1aa9872dce1d6115.png)
Add Bokeh Blur
To add a Bokeh Blur effect:
- Go to the Inspector panel.
- Click + Add Component.
- Go to Post Effect.
- Click Post Process.
- Under the Post Process property, click Add Effect.
- Click Bokeh Blur.
Properties
Property | Description |
---|---|
Iterations | The greater the number of Bokeh Blur iterations, the better the effect, and the worse the performance. Values range between 1.00 and 10.00. See the demo below. |
Shape | The shape of Bokeh Blur — either a Circle or Hexagon. |
Fast Circle | Quickly generates a Bokeh Blur circle. Only applicable if the Shape is set to Circle. |
Downsample | The greater the downsample rate, the better the performance, but it will cause a loss of details. Values range between 1.00 and 10.00. See the demo below. |
Demo
Iterations
![image-0](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/bokeh_blur_iteration_2-d16a1b689d73680ca83ee2933000ca82.gif)
![image-1](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/bokeh_blur_iteration_10-cd9cee0566bb60e16ea92f179ab96dc9.gif)
Iteration = 2.00
Iteration = 10.00
Downsample
![image-0](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/bokeh_blur_downsample_3-6c5ca55c336bb6b0e16cabc035284fa6.gif)
![image-1](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/bokeh_blur_downsample_8-03db446da14cd346288a86d052b3dd09.gif)
Downsample = 3.00
Downsample = 8.00