Overview
Styles are best known for the role they play in the Canvas node, where they can be applied to drawn shapes to give them a variety of effects such as bevels and shadows. But styles can also be used on procedurally generated designs. That's where the Style node comes in, which can apply styles to arbitrary height maps or designs.
Within the Canvas node, styles apply effects to drawn shapes (left).
The Style node applies to arbitrary height maps (right).
The Design input of the Style node expects a height map that transitions smoothly from black to full intensity red. For most styles, the part of the height map that has an intensity of 50% will become the outline of the generated shapes.
The Style node expects height maps that transition from black to full intensity (left).
Simple designs will also work, but the style may not render as expected (right).
Appropriate height maps don't have to be made procedurally. They can also be created in
the Canvas node by selecting the Height Map style preset from the "Component" category.
The Style node's second input ("Background") is useful for styles that color, blur, or otherwise modify the style's background. |
The Style node's third input ("Input Texture") will only influence styles that have a Fill Input Texture layer. |
Inputs
Input |
Description |
Design |
The red channels of this input provides the height map or design used by the Style node. |
Background |
Provides the background image that is to appear behind the style. |
Input Texture |
Gives the input texture used by any Fill Input Texture layers that the style may have. |
Properties
Property |
Description |
Style |
Defines the style to be used by this node. Click the "Edit..." button to open the Edit Style dialog, or double-click the node itself. |
Scale |
"Zooms" the style of the currently selected layer to make it more appropriate for shapes of different size. See the door handle/thumbtack example towards the end of the Style tool's page. |
Seed |
Changing Seed will randomize any noises used by the style. |