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.