Distort
Distort creates a distortion effect where you can control the strength, rotation, and more.
![properties](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/distort_properties-c0360d819e43de34b6ad8aa06777f54a.png)
Add Distort
To add a Distort 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 Distort.
Properties
Property | Description |
---|---|
Barrel Power | The strength of the distortion. The positive and negative values represent different styles of distortion. Values range between -1.00 and 1.00. See the demonstration below. |
Rotation | The rotation of the screen. Values range between -360.00 and 360.00. See the demonstration below. |
Zoom | The zoom level of the screen. Values range between -1.00 and 1.00. |
Amplitude | Controls the amplitude of dynamic distortion in x and y directions. See the demonstration below. |
Frequency | Controls the frequency of a dynamic distortion in x and y directions. |
Speed | Controls the speed of dynamic distortion in x and y directions. See the demonstration below. |
Offset | Controls the offset to the distortion center (screen center) in x and y directions for a dynamic distortion. |
tip
You must set up non-zero x or y values for Amplitude to see the results of Speed and Frequency values.
Demonstrations
Barrel Power
![barrel demo](https://sf16-va.tiktokcdn.com/obj/eden-va2/uhpzvyalweh7ullsyhj/Large Files/barrel_demo.gif)
Rotation
![rotation demo](https://sf16-va.tiktokcdn.com/obj/eden-va2/uhpzvyalweh7ullsyhj/Large Files/rotation_demo.gif)
Amplitude
![image-0](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/amplitude_y_neg_.25-b05c234a058b2926dee81a709190abea.gif)
![image-1](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/amplitude_y_.35-f764f26960f481ca6c0433ffc4ec0423.gif)
Amplitude Y = -0.25
Amplitude Y = 0.35
Speed
![image-0](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/speed_1-76dc12347d2368caccaf0c3355b7a1a7.gif)
![image-1](http://lf16-tiktok-common.tiktokcdn-us.com/obj/tiktok-web-common-tx/effect/learn/assets/images/speed_3-4894bd153c87831d561a307b0ddf8325.gif)
Speed = 1.00
Speed = 3.00