Vignette
Vignette creates a darkening effect from the edges of the screen to the center.
![properties](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/vignette_properties-840611d491a3f0d35b7330286fa58ac9.png)
Add Vignette
To add a Vignette 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 Vignette.
Properties
Property | Description |
---|---|
Power | The range of the dark vignette area. See the demonstration below. |
Contrast | The softness of the vignette. The lower the value, the smoother the vignette border. Values range between 1.00 and 50.00. See the demonstration below. |
Demonstrations
Power
![image-0](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/vignette_power_1-06c9a0afa532e312c1e578e98adcd2b4.jpg)
![image-1](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/vignette_power_2-6c3e1dbbc0727247e4b5dfa10c2a93a0.jpg)
Power = 1.00
Power = 2.00
Contrast
![image-0](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/vignette_contrast_1.5-f870e049ad8f1ca6b3f4f3be422605d8.jpg)
![image-1](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/vignette_contrast_4-3717c54ba659c6092e8dd2d0784bcdc5.jpg)
Contrast = 1.50
Contrast = 4.00