New Cuttle tutorials ๐Ÿง‘โ€๐ŸŽ“, Text Along Path modifier ๐ŸŽข

Hi everyone,

Here's the latest with Cuttle.

  • New interactive tutorial: Learn the Basics
  • New beginner video tutorial: Repeat Modifiers
  • New โ€œText Along Pathโ€ modifier

Interactive Tutorial: Learn the Basics ๐Ÿง‘โ€๐ŸŽ“

We crafted a new interactive tutorial to learn the basics of Cuttle. It takes you through a series of steps to create this design:

intro.jpg

It takes about 4 minutes to complete.

If you havenโ€™t had a chance to dig into Cuttle, try out this new tutorial and let me know how it goes! (Reply to this email.)

If the interactive format is helpful we can make more tutorials like this!

Beginner Video Tutorial: Repeat Modifiers ๐Ÿ”

repeat-modifiers.jpg

Federico recorded a fantastic video introduction to the Repeat Modifiers (12min). He shows how to use each repeat modifier and shows examples.

mirror.jpg

Making symmetric shapes (Mirror Repeat)

linear.jpg

Making equally spaced holes (Linear Repeat)

rotational.jpg

Making spirograph-like shapes (Rotational Repeat)

tile.jpg

Tiling hexagons (Tile Repeat)

โ€œText Along Pathโ€ Modifier ๐ŸŽข

We added a built-in Text Along Path modifier!

text-along-path-intro.gif

To use it, first select a path, choose Modify > Text Along Path, and then type your text in the inspector.

Like all modifiers in Cuttle, Text Along Path is live. You can edit your path after the fact, and see the results instantly.

groooovy2.gif

The offset parameter is useful for adjusting where your text goes along the path. For putting text around a circle, you can use 25% or 75% to put the text on the top or bottom. The flip option is also handy.

circular-text.gif

We made a few examples of Text Along Path that you can play with here, or copy and paste these into your project as a starting point for a design.

text-along-path-examples.png

Other Improvements and Fixes ๐Ÿž

  • When scrubbing numbers, you can hold shift to scrub faster, or alt / option to scrub slower.
  • Scripting: Added a Find feature (cmd / ctrl + F) when editing code.
  • Redesigned the โ€œplay buttonโ€ overlay to make video links more obvious.
  • Fixed buttons design โ€” they were using the default โ€œArialโ€ font ๐Ÿ˜ต

Thanks for sticking with us as we build Cuttle! As always, I love to hear your feedback โ€” reply to this email or chat with us on the Discord chat room.