Canvas Composite
Canvas operators are very valuable in our configured workflow. They work as a layering system on top of the Texture asset. The real flexibility comes from the ability to assign their properties to Threekit’s logic and rule system.
This Canvas Composite Operator works similar to a blending mode found in post processing software. Use to combine images on top of one another. Make sure to add a Canvas operator first before using. Then adjust the size to the size of the Source Image you will be adding in the Canvas Composite operator, unless certain situation specifically mentioned.
PROPERTIES
Composite
Source Image Asset
Input the texture asset you would like to use in the canvas composite operator.
Opacity
Determines how see-through the layer is. Numeric Range:
Input = 1 = Defaulted value. Completely opaque.
0.1 - 0.9 = Gets more see-through the lower the value input.
Input = 0 = Completely see-through.
Composition
Base = Layers below operator Blend = Selected canvas composite operator
Enable Tint
Checking the Enable Tint box exposes new attributes to affect the color of the composite asset. Default blending mode is 'Multiply'.
Flip options
These allow for flipping along the X and/or Y axis. These options can be set explicitly or driven by a product configurator using attributes.
Tiling
Uses the `Repeat` option in `Windowed` mode:
Position
The Position values determine where the Canvas Composite is placed on the texture asset.
Unit
X Pixel or X Relative
Moves the Canvas Composite horizontally. Negative values move it left. Positive right.
Y Pixel or Y Relative
Moves the Canvas Composite vertically. Negative values move it up. Positive down.
Canvas Rotation
Rotates the Canvas Composite image or window.
Windowed
The Windowed feature allows user to defined and work only inside a sub area inside Canvas. In this case, the Canvas Composite operator layer will inherit the width and height from Canvas Operator. And the position, rotation and alignment feature will be applied onto the window instead of the Canvas Composite operator. For example, the position of the window starts in the top left of the Canvas and inherits the X Pixel/X Relative and Y Pixel/Y Relative. And image asset alignment inside window will inherit the Horizontal and Vertical Align values.
Window Border
Enabling this adds a white border to the crop.
Window Width or Relative Window Width
Determines the width of the window. Uses the Unit value you have selected above.
Window Height or Relative Window Height
Determines the height of the window. Uses the Unit value you have selected above.
Window Fit Mode
Override Default Size
This will rescale the size of your Canvas Composite. The Override Default Size will not keep the asset image aspect ratio. If you want to resize the image while keeping its aspect ratio, using Windowed feature.
Unit
Override Width or Relative Width
Scales the width of image asset. Uses the unit value you have selected above.
Override Height or Relative Height
Scales the height of image asset. Uses the unit value you have selected above.
Horizontal Align
This determines what is considered the start of the Canvas Composite or window. Position coordinates and rotation begin from the selection below.
Left
Default value. The Canvas Composite or window's left section is considered the starting horizontal alignment.
Center
The Canvas Composite or window’s center is considered the starting horizontal alignment.
Right
The Canvas Composite or window’s right section is considered the starting horizontal alignment.
Vertical Align
Top
Default value. The Canvas Composite or window’s top section is considered the starting vertical alignment.
Middle
The Canvas Composite or window’s center is considered the starting vertical alignment.
Bottom
The Canvas Composite or window’s bottom section is considered the starting vertical alignment.
Last updated