# New Cuttle tutorials 🧑‍🎓, Text Along Path modifier 🎢

APR 5, 2022

Here's the latest with [Cuttle](https://cuttle.xyz/).

-   New interactive tutorial: Learn the Basics
-   New beginner video tutorial: Repeat Modifiers
-   New “Text Along Path” modifier

## Interactive Tutorial: [Learn the Basics](https://cuttle.xyz/intro) 🧑‍🎓

We crafted a new _interactive_ tutorial to [learn the basics of Cuttle](https://cuttle.xyz/intro). It takes you through a series of steps to create this design:

![](https://cuttle-content.imgix.net/blog/new-cuttle-tutorials-text-along-path-modifier/276b777d363a724e2e006ef13dd9ae0c78dcfe36575ea5f2a5623dbb5888241a.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

It takes about 4 minutes to complete.

If you haven’t had a chance to dig into Cuttle, [try out this new tutorial](https://cuttle.xyz/intro) 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](https://www.youtube.com/watch?v=5YjZZmRXfmk) 🔁

![](https://cuttle-content.imgix.net/blog/new-cuttle-tutorials-text-along-path-modifier/28d8c801c6f15da076838ab95688679ea77860d41165a876938575e17b4774f6.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

Federico recorded a fantastic [video introduction to the Repeat Modifiers](https://www.youtube.com/watch?v=5YjZZmRXfmk) (12min). He shows how to use each repeat modifier and shows examples.

![](https://cuttle-content.imgix.net/blog/new-cuttle-tutorials-text-along-path-modifier/8bfdac8e051f3242abb6dfb9be98635cedc0e2ed3dfd81d60574498c87b2b4f4.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

Making symmetric shapes (Mirror Repeat)

![](https://cuttle-content.imgix.net/blog/new-cuttle-tutorials-text-along-path-modifier/7f911cc8df5d0c8226769ea80148fc27ff865d4cb39f513314f18feedb2ba7b2.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

Making equally spaced holes (Linear Repeat)

![](https://cuttle-content.imgix.net/blog/new-cuttle-tutorials-text-along-path-modifier/27078b9f0a7b59857a31db9d7f9e9e7af59dab71f8819c6c08ec2f747aa8f978.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

Making spirograph-like shapes (Rotational Repeat)

![](https://cuttle-content.imgix.net/blog/new-cuttle-tutorials-text-along-path-modifier/c046879cf9c9d6f93893717a8b372f6e287d23d1f631ab876867ebe6f5fe2738.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

Tiling hexagons (Tile Repeat)

## “Text Along Path” Modifier 🎢

We added a built-in **Text Along Path** modifier!

![](https://content.cuttle.xyz/blog/new-cuttle-tutorials-text-along-path-modifier/98b5360f1581a7905ea898067a0f59d0001d6bf09a985cef76aa2ee0bf23c948.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.

![](https://content.cuttle.xyz/blog/new-cuttle-tutorials-text-along-path-modifier/80a8006f9a957973ea0a98bd3bdfa77613668804334e915763eb2d0f596614c4.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.

![](https://content.cuttle.xyz/blog/new-cuttle-tutorials-text-along-path-modifier/17bfd70f4422fa54bc9b3a49c1e3cf5bcdb4878f260b92dff34cf4c14c69fbcd.gif)

We made a few examples of Text Along Path that you can [play with here](https://cuttle.xyz/@toby/Text-Along-Path-Examples-7SsoEJse1VDh), or copy and paste these into your project as a starting point for a design.

![](https://cuttle-content.imgix.net/blog/new-cuttle-tutorials-text-along-path-modifier/649dedc0d05c38b3006f6598794cb63674b61c5e67a2ffd230f177a66154873a.png?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

## 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 😵

![Small circular photo of Toby](https://cuttle.xyz/images/blog-authors/Toby.jpg)

Toby Schachman