Skip to main content

Filter

Overview​

Filter which has the feature of toning can be used to adjust the color. It can render different scene atmospheres and improve the screen effects. Colors are mainly used to distinguish objects easily, which has been better reflected in games too. The elements in the game screen will naturally form important basic layers, and the color can visually distinguish these layers.

Before
After

Using the Filter​

Use the Filter effect in the global effects. Click Window (Menu Bar) -> Default Effect to open the Default Effect window, where Filter is the filter.

2022-12-19_164127

PropertyDescription
VisibleVisible or not.
Filter IntensityFilter adjustment intensity.
Linear GradientVertical color gradient effects.
AdjustColor adjustment effects.
Radial GradientCenter color gradient effects.
Color GradingColor grading effects.

Filter Enable​

2022-12-19_165308

PropertyDescription
VisibleWhether to enable the filter.
Filter IntensityAdjust the intensity of the filter effect, range: 0.0 ~ 100.0.

Linear Gradient​

Achieve the color gradient effect from top to bottom.

Before
After

The related properties below needed to be adjusted to use the Linear Gradient effect.

2022-12-19_165546

PropertyDescription
Linear Gradient EnableWhether to enable the vertical color gradient effects.
Linear StartAdjust the start position of the color linear gradient.
Linear EndAdjust the end position of the color linear gradient.
ScaleA transition exponential coefficient from the start to the end of the gradient.
ColorAdjust gradient colors.

Linear Gradient Enable​

It is used to enable the vertical color gradient effect.

Linear Start​

Linear Start is used to adjust the start position of the color gradient, range: -1.0 ~ 0.0.

Adjust the Linear Start position with the Linear End as 1 and the Scale as 2 respectively.

Start: -0.8
Start: -0.1

Linear End​

Linear End is used to adjust the end position of the color gradient, range: 0.01 ~ 1.0.

Adjust the Linear End position with the Linear Start as -0.5 and the Scale as 2 respectively.

End: 0.1
End: 0.8

Scale​

Scale is used to adjust the color attenuation coefficient, range: -2.0 ~ 2.0.

Scale: -1.2
Scale: 1.2

Color​

Color is used to adjust the gradient colors.

2022-12-19_170247

Adjust​

It is used to adjust the overall scene color.

Before
After

The related properties below needed to be adjusted to use the Adjust effect.

2022-12-19_170510

PropertyDescription
Color AdjustmentWhether to enable the color adjustment.
BrightnessAdjust the brightness of the color.
ContrastAdjust the contrast of the color.
SaturationAdjust the saturation of the color.
ColorAdjust colors.

Color Adjustment​

It is used to enable the color adjustment.

Brightness​

Brightness is used to adjust the brightness of the colors, range: 0.0 ~ 100.0.

Brightness: 20
Brightness: 80

Contrast​

Contrast is used to adjust the contrast of the colors, range: 0.0 ~ 100.0.

Contrast: 10
Contrast: 60

Saturation​

Saturation is used to adjust the saturation of the colors, range: 0.0 ~ 100.0.

Saturation: 30
Saturation: 60

Color​

Color is used to adjust the colors.

2022-12-19_170730

Radial Gradient​

Achieve a color gradient effect from the center to the perimeter.

Before
After

The related properties below needed to be adjusted to use the Radial Gradient effect.

2022-12-19_170949

PropertyDescription
Radial Gradient EnableWhether to enable the radial gradient.
Radial StartAdjust the start position of the color radial gradient.
Radial EndAdjust the end position of the color radial gradient.
ScaleA transition exponential coefficient from the start to the end of the gradient.
ColorAdjust gradient colors.

Radial Gradient Enable​

It is used to enable the center color gradient effect.

Radial Start​

Radial Start is used to adjust the start position of the color gradient, range: -1.0 ~ 1.0.

Adjust the Radial Start position with the Radial End as 1 and the Scale as 2 respectively.

Start: 0.25
Start: 0.5

Radial End​

Radial End is used to adjust the end position of the color gradient, range: -1.0 ~ 1.0.

Adjust the Radial End position with the Radial Start as 0.45 and the Scale as 2 respectively.

End: 0.1
End: 0.7

Scale​

Scale is used to adjust the transition exponential coefficient from the start to the end of the gradient, range: -2.0 ~ 2.0.

Scale: 0.2
Scale: 0.6

Color​

Color is used to adjust gradient colors.

2022-12-19_171152

Color Grading​

Color correction using post-processing volume is achieved through LUTs to provide finer color transformations.

Before
After

The related properties below needed to be adjusted to use the Color Grading effect.

2022-12-19_171322

PropertyDescription
LUT Color AdjustmentWhether to enable LUT color adjustment.
Color Grading IntensityAdjust the intensity of the color grading.
LUT TextureSet LUT textures.

LUT Color Adjustment​

It is used to enable color adjustment.

Color Grading Intensity​

It is used to adjust the intensity of the color grading, range: 0.0 ~ 1.0.

Color Grading Intensity: 0.3
Color Grading Intensity: 0.8

LUT Texture​

It is used to set LUT textures.

Autumn
Foggy