Formations

A formation is one layer holding many items, up to 600 cards, dots or cubes, arranged in a shape. Change the shape over time and every item travels to its new place: a grid of photos curls into a ring, a ring folds into a sphere. Good for galleries, logo walls, product showcases and abstract motion.

Three formations: cards with pictures in a grid, dots in a ring, and cubes rising in a wave

Add a formation

Click Formation in the dock for a grid of cards. Press and hold it to choose the kind:

  • Cards: flat cards, which can wear your pictures.
  • Dots: round dots.
  • Cubes: solid cubes that catch the light, arranged as a heightfield.

You can switch the kind later with Items in the Formation panel.

The Formation panel

Select a formation and its panel opens above the dock.

The Formation panel: Items, Count, Width, Height, Corners, Pictures, Layout with its dials, Keep, Stagger, Order, Dot, Ink, Spin and Field
SettingWhat it does
ItemsCards, Dots or Cubes
CountHow many items, up to 600
Width, HeightEach item's size (dots just have Size)
CornersHow round the cards' corners are
PicturesAdd pictures… puts your images on the cards, repeating in turn. Up to 256.
LayoutThe shape. See below.
KeepWhich items stay: every one, every nth, a random share, or those near a color
The restHow the items you don't keep leave: Fall away, Shrink, Fade or Scatter
Stagger, OrderHow much the items move one after another, and in what order
DotTurns each card into a dot, partly or fully
InkThe color of those dots
SpinTurns the whole formation, in turns per second
FieldA ripple, wave or noise that lifts items as it passes. See Fields.

The items' own colors are set when the formation is made. To change them, add pictures, or ask the assistant.

Layouts

Layout sets the shape. Each one has its own dials, such as Columns, Gap or Radius, which read "auto" until you change them.

Cards in ten layouts: Grid, Masonry, Row, Ring, Carousel, Sphere, Spiral galaxy, Vortex, Cloud and Point
LayoutThe shape
GridRows and columns
MasonryColumns, each card as tall as its picture
RowOne line
RingA circle facing you
CarouselA ring of cards standing up, facing out
SphereA ball
Spiral galaxySpiral arms; Arms and Turns shape them
VortexA funnel spiraling into the distance
CloudScattered through a box of a given width, height and depth
HeightfieldA floor of items, rising and falling with a field
Shape of a pathAlong, or filling, a path you drew with the pen
PointEvery item gathered into one point, for a gather-and-burst

Change shape over time

  1. Click the diamond by Layout. That keys the current shape at the playhead.
  2. Move the playhead, and choose another layout. That's a new keyframe.
Cards flowing from a grid into a ring, then into a sphere

The items travel from shape to shape, one after another as Stagger and Order say. Dial changes, Keep and The rest record keyframes too while the lane is on.

Tip

Try Point as a middle step: every card gathers into one spot, then bursts out into the next shape.

Fields

Field sends motion through the items:

  • Ripple: rings spreading from a point, like a stone in water. Rings sets how many (0 never stops); Start when they begin.
  • Wave: waves rolling across at an Angle.
  • Noise: a slow, organic churn.

Amount sets how high the items lift; Wavelength and Speed set the waves. Scale grows items as the crest passes, and Tint colors them.

A floor of cubes with amber ripples spreading through it

Important

A new field starts with Amount at 0, so nothing moves until you raise it.