Learning

Cavalry

Cavalry is one of those rare softwares that rekindled our love for indie software design tools in a long while. It has a powerful paradigm that combines node-based wiring along with a timeline-based editor. Its powerful set of composable features, along with scripting capability, facilitates parametric motion graphics explorations. This paves the foundation for us to achieve some of our motion graphics visions with such ease that our love for it grows day by day. We were highly impressed by the thoughtfulness in some of its design choices.

One such cool feature is the ability to build out a palette and then generate a color array out of it, which can be connected to multiple shapes. This made it evident that the creators cared about the common workflows of designers and communicated a kind of thoughtfulness and attention to detail that put us at home.

We stumbled on Cavalry one day when randomly browsing After Effects tutorials. We were immediately drawn to the particular aesthetics of that video. This led us to explore the software and its surrounding community further. We found out that the software had struck an intriguing sweet spot between node-based composable features along with the familiar timeline-based editing. This fit like a glove on how we mentally modelled some of our motion graphics projects. The design choices made by the creators demonstrated an opinionated stand on how to do motion graphics. The community around Cavalry had a kind of vibrant and edgy aesthetic, which felt like a good space to conduct our motion graphics experiments.

As we proceeded to learn the software, we found a lot of cool tutorials made by the amazing community.

While there are some great ones, we sensed a scarcity of material on the underlying mental models of its features and certain techniques that could enrich the awesome material already out there. We hope to make tutorials and posts about these underlying models and certain hidden techniques in this series. Hope you enjoy it, and hope it helps you to have more fun while working/playing with Cavalry!

Metaballs are blobs that smoothly blend into each other, creating a soothing aesthetic. This is a tutorial showcasing how to create a subtle metaball-esque background. It illustrates how powerful Cavalry is and how you can achieve pleasing effects only by rigging a few of its built-in behaviors.

Let us create an array of circles. We will achieve this by putting a circle in the Duplicator and randomizing their position. You can promptly do this by pressing on the Alt key and clicking on the circle tool in the toolbar and then the Duplicator icon on the Shelf bar located at the top right. Choose the Random Distribution for the Duplicator to create an array of organically dispersed circles.

Now, we need to spread them apart. Here's a neat move that I discovered while playing around with Cavalry. You can connect the dimensions of the Composition directly into the Duplicator, making it cover the whole canvas with its shape contents.

We will set the colors for the circles. One of the cool featuer of Cavalry is that you can drag and drop colors into shapes and background. You can also generate color palettes with different color schemes (Monochromatic, Analogous, Complementary etc.) on the fly and apply them to objects. We will choose a deep blue color for the background and a bright royal blue as the seed to generate an array of random colors using the Analogous color scheme from the Color Generator.

We will make the circles move along different directions by adding a Noise behaviour to the Duplicator’s Shape Position. We will also add a Noise behaviour to the shape size so that there is variation in the circle sizes as well. Unchecking the Separate Channel inside the Noise Behavior hooked to the Shape Size will ensure that both the x and y values are affected uniformly. Once these two are hooked, we can play with the parameters to get the right kind of behaviour we are looking for. I have tried bringing the Noises’ frequency down to 0.5 so that they move and vary in size a bit slower.

Let us apply the blur filter to the circles so that they blend together with the background. A trick to make the blur scale uniform is to hook the x amount to the y amount. This ensures that they are in sync. Now, scrubbing the x-amount by holding down shift will ensure that they change in increments of 1 unit.

That’s almost it. We will just tone down the opacity of the circles so that they play along nicely with the background and don't draw much attention to them.

There we have it! A nice metaballesque background that can be made in under a minute or so with various ways to parametrize it further and arrive at novel configurations.

Quote that struck me lately

To put it more exactly, let that thing — the contemplative practice — do with you whatever it pleases, and lead you wherever it pleases. Let it do the working, and you be the material it works upon. Just watch it and let it be. Do not interfere with it, as if to help, for fear you should spoil everything. You simply be the wood, and let it—the practice—be the carpenter. You simply be the house, and let it be the master who lives there.
The Cloud of Unknowing cover

— Anonymous Author

The Cloud of Unknowing (Late 14th century)

If you enjoyed the tutorial, you can support us on Github.