Stacks Image 3646
Create Generative Motion Graphics with flexibility and speed.

Nodes

This module renders a shape or a custom image on every connection or point of the form.

The built-in shapes are procedurally generated, up to 4096 pixels. The default texture size is generally 512 pixels, depending on the preset or template. To change this value, go to the
Rendering Group and choose a different resolution from the Nodes Texture menu. This parameter also manages the texture size for custom images.

Notice that the orientation of the nodes is controlled by the
Orientation and Nodes Angle parameters, located in the Form Group.

The
Nodes Group offers a variety of differents properties in order to add different colors, sizes, blend modes, and angles for each point.
Nodes Size - Sets the size of the nodes in pixels.
Nodes Size Mode - Controls the size of the nodes with several modes:
  • Uniform - sets the nodes to equal sizes.
  • Random - generates random sizes for the nodes:
    • Size Phase - changes the seed of the random generator.
    • Size Random Amount - controls the amount of randomness.
  • Sinusoidal - produces a sinusoidal distribution of the sizes:
    • Size Period - controls the frequency of the sinus curve.
    • Size Phase - changes the phase of the sinus curve.
  • Modulate - alternate between 2 different sizes (Nodes Size, Secondary Size):
    • Size Modulo - changes the step-size of of the alternation.
    • Size Phase - changes the phase of the alternation.
  • Increase & Decrease - enables an increasing or decreasing size effect from the first to the last node.

Nodes Type Menu - Lets you choose a type of texture or geometry for the nodes:

Image List - this option lets you load custom image(s) to be displayed as nodes.
Entering this mode will display the Image List parameter located at the bottom of the Nodes Group (After Effects, Premiere Pro, Motion), or the “Choose Image List “ button located below the canvas (Final Cut Pro X).
Clicking the “Choose” button will bring up a file selection window. Once you have selected the files that you want to animate, you will be able to make further adjustments through the following user interface:
(screenshot)


The above window can be used to add or remove files from the nodes. You can also perform the following actions:
  • Reorder images by dragging them up or down the list to the desired location.
  • Double-click the “Title” column value to enter a new image title. By default, the title starts out as the file name (stripped of its extension).
  • Select a file and click the “Relink” button to link the image to a different file. This option is helpful in fixing missing media errors.
  • Select a file and click the “Reveal in Finder” button to navigate to the location of the file in a Finder window.

Tip:  To Display the image title in the canvas, assign the Text Source menu of the Text Group to "Image List Editor."

Solid Shapes - this mode creates simple flat shapes such as circles, squares, rounded rectangles, and crosses with an adjustable number of spikes.
  • Roundness - adjusts the roundness of the shape to create a plain circle or rounded borders
  • Thickness - controls the height of the shape
  • Branches - sets the number of spikes when creating crosses
  • Shape Softness - adds a tiny blur to soften the shape

Soft Shapes - soft shapes are circles composed of 3 elements: a bulb located at the center, a custom stroke, and a corona background. Each component is customizable and animatable, and lets you create various graphic looks for the nodes:
  • Bulb Radius - adjusts the radius of the centered bulb
  • Stroke Radius - adjusts the radius of the stroke
  • Stroke Width - adjusts the thickness of the stroke
  • Stroke Opacity - sets the opacity of the stroke
  • Corona Luminosity - sets the luminosity of the circle background
  • Corona Opacity - sets the opacity of the circle background
  • Shape Softness - adds a tiny blur to soften the shape

Glowing Shapes -  like the Soft Shapes, this mode composes a node from several components (bulb, halo, corona) and is dedicated to the creation of glowing particles. It provides separated softness values for each element.
This mode has an interesting property. The bulb is always white, coupled with a color of choice for the halo and corona. It creates nice lighting overlaps between the particles when used with the Add Nodes Blending mode.
  • Bulb Radius - adjusts the radius of the white bulb
  • Bulb Softness - controls the softness of the white bulb
  • Halo Soft Curves - provides 2 different curves for the halo softness
  • Halo Radius - sets the radius of the halo
  • Halo Softness - adjusts the softness of the halo
  • Halo Opacity - sets the opacity of the halo
  • Corona Softness - adjusts the softness of the circle background
  • Corona Opacity - sets the opacity of the circle background

3D Sphere - renders the nodes with 3D spheres.
  • Sphere Subdivision - sets the quality of the mesh.

Nodes Color Mode - Please see the Color Module Page for an explanation of the different color modes.
Nodes Opacity Random - Introduces randomness in the opacity of the nodes.
Nodes Opacity - Sets the opacity of the nodes.
Nodes Blending - This pop-up menu sets a blending method:
  • Over -  blends the texture with transparency according to a matte provided by the alpha channel.
  • Add -  blends the texture with transparency according to a matte provided by the alpha channel and adds the luminance of all the superimposed nodes.
The add mode is interesting when drawing a lot of nodes with low opacities by producing lighting or glowing effects.

Nodes Depth Testing - This pop-up menu manages how the nodes overlap with themselves and with other elements (text, lines). Read Write will force the nodes and the text to render according to their Z positions in space. The far elements render first and the near ones are layered behind. The sorting updates dynamically. In certain cases, a node or text may pass over another node. This parameter appears along with the Depth Sorting option, located in the Rendering Group that indexes the node-sorting strictly according to their Z positions.
Nodes Completion - Draws the nodes progressively.