Canvas Linear Gradient
Last updated
Last updated
This Canvas Linear Gradient Operator works much like a bucket fill layer, except for the fact that there are a start and stop color. The gradient will begin at the start color and then slowly fade to the end in a direction you define with the properties. You can add a gradient color over the texture asset.
Defines the start color used for the gradient in the operator. We use a color picker that can use RGB, HSV or HEX inputs.
Determines how see-through the start color is.
Numeric Range:
Input = 1 = Defaulted value. Completely opaque.
.1 - .9 = Gets more see-through the lower the value input.
Input = 0 = Completely see-through.
Defines the end color used for the gradient in the operator. We use a color picker that can use RGB, HSV or HEX inputs.
Determines how see-through the end color is.
Numeric Range:
Input = 1 = Defaulted value. Completely opaque.
.1 - .9 = Gets more see-through the lower the value input.
Input = 0 = Completely see-through.
Moves the Canvas Linear Gradient horizontally. Negative values move it left. Positive right. The Canvas Linear Gradient uses pixels.
Moves the Canvas Linear Gradient vertically. Negative values move it up. Positive down. The Canvas Linear Gradient uses pixels.
Scales the width of Canvas Linear Gradient uses Pixels.
Scales the height of Canvas Linear Gradient uses Pixels.
Base = Layers below operator Blend = Selected canvas composite operator
Top
The start color begins at the top of the texture asset and then fades to the end color at the bottom side. It looks as if it is transitioning vertically downward.
Left
The start color begins at the left of the texture asset and then fades to the end color at the right side. It looks as if it is transitioning horizontally right.
Right
The start color begins at the right of the texture asset and then fades to the end color at the left side. It looks as if it is transitioning horizontally left.
Bottom
The start color begins at the bottom of the texture asset and then fades to the end color at the top side. It looks as if it is transitioning vertically upward.
Top-Left
The start color begins at the top-left of the texture asset and then fades to the end color at the bottom-right corner. It looks as if it is transitioning diagonally downward to the right.
Top-Right
The start color begins at the top-right of the texture asset and then fades to the end color at the bottom-left corner. It looks as if it is transitioning diagonally downward to the left.
Bottom-Left
The start color begins at the bottom-left of the texture asset and then fades to the end color at the top-right corner. It looks as if it is transitioning diagonally upward to the right.
Bottom-Right
The start color begins at the bottom-right of the texture asset and then fades to the end color at the top-left corner. It looks as if it is transitioning diagonally upward to the left.
Source-Over
Default setting. Draws new shapes on top of existing canvas content.
Source-In
Combines blend and base layer. Looks to where the base and blend overlap and makes everything else transparent.
Source-Out
Combines blend and base layer. Looks to where the base and blend overlap and makes that transparent.
Source-Atop
Looks to where the base and blend overlap. Then combines the section of the blend and base overlap with the base layer.
Destination-Over
Blend layer is combined behind base layer.
Destination-In
Looks to where the base and blend overlap and makes everything else transparent. The end-result is the base layer with the overlapping section used as a mask.
Destination-Out
Invert version of Destination-In. Looks to where the base and blend overlap and everything else is transparent. The end-result is the base layer with the non-overlapping section used as a mask.
Destination-Atop
Looks at where the base and blend overlap and makes everything else is transparent. End result is the base layer with the blend layer behind and the overlapping section used as a mask.
Lighter
Adds blend and base layer together and then looks at the color information in the base and blend color. It then outputs the highest value from the combination. Similar to Lighten but results are brighter.
Copy
Uses the blend layer and ignores base.
Xor
The layers are made transparent where they overlap and shown normally everywhere else.
Multiply
The blend layer is multiplied over the base resulting in a darkening effect.
Screen
The base and blend colors are inverted then multiplied against each other. The result is inverted again, giving a much brighter image overall.
Overlay
White values Lighten the base. Black values Multiple the base. Grey values have no affect.
Darken
Looks to the color information in the base and blend color. Chooses the darker values between the layers, and outputs the new result.
Lighten
Looks to the color information in the base and blend color. Chooses the lighter values between the layers, and outputs the new result.
Color-Dodge
Divides the base by an inverted blend layer. The end result depends on the values in the blend layer. The lighter the blend layer, the more the base colors are affected.
Color-Burn
Divides an inverted base by the blend layer. The end result depends on the values in the blend layer. The blend layer is darkened and contrast increased. The darker the base, the more of its color is shown in the end result.
Hard Light
Multiples or screens the colors based on the blend layer color. If the blend is lighter than 50% grey, the image is screened. If the blend is darker than 50% grey the image is multiplied. The farther away from the grey, the more intense the effect.
Soft Light
Dodges or burns the colors based on the blend layer color. If the blend is lighter than 50% grey, the image is dodged. If the blend is darker than 50% grey the image is burned. The farther away from the grey the more intense the effect. The blending mode uses a different curve to blend the color information which results in a less contrasted image.
Difference
Looks for the brighter value between the base and blend layer. Then subtracts the color information from the other layer. Blending with white inverts the base color. Blending with black produces no change.
Exclusion
Very similar to the Difference blending mode but results are lower in contrast. Blending with white inverts the base color. Blending with black produces no change.
Hue
Combines the luminance and saturation of the base but the hue of the blend layer.
Saturation
Combines the luminance and hue of the base but the saturation of the blend layer.
Color
Combines the luminance of the base but the hue and saturation of the blend layer.
Luminosity
Combines the hue and saturation of the base but the luminosity of the blend layer. The inverse of the Color blending mode