Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Text on a path is another great way to animate text within Motion. It gives you flexibility, but it also gives you a lot of control. To see exactly what I mean, select the text in the canvas, and let's go to the Inspector under the Text tab, where we can change this to path text is under Layout. And Layout Method by default is set to Type. We want to look at setting it to Path. It looks like nothing has happened, but that's because we haven't selected our Text tool yet. So press T, or select the Text button in your toolbar, and just click anywhere next to the words.
But you notice we have these circles, and a line. And that's basically, our path. Go and click on this center circle here, and wait till the mouse turns into the Move tool. If you just click-and-drag, now you notice we have our path. So, we can adjust it just like any of the other Bezier handles. If you want to break the handles and make it move more on one side than on the other, go ahead and Ctrl- click and choose Break Handles. I like this smooth movement. So I'm just going to leave that like so.
You can also move the edges of your text, then you notice it's immediately sliding along here, I don't know about you, but that always inspires me to animate. So, if you want to animate this text, it's pretty straightforward. Here is this option here for Path Offset, and you can either keyframe this or you can of course apply a parameter behavior. There are a couple of other options when considering animating text on a path. The Path Shape, right now it's set to an Open Spline. You can set it to a Closed Spline, where it sort of rounds it off like a circle.
This is kind of fun, but sometimes you want your text to be on the inside of the circle. That's easy enough. You want to select the Inside Path checkbox. Now the text is inside the circle. I don't really particularly like that, but you could re-highlight the text, and make the fonts a little bit smaller. I'll go ahead and deselect that for now. And we can look at some of the other Options. You can actually do actually B-Splines, as oppose to Bezier, and that just gives you a more organic shape just like other B-Splines.
And lastly, we have the normal just straight Circle, Rectangle that's always kind of fun and Wave. The Wave is kind of nice. Again, if you need to just change any of these parameters visually, just move your mouse over one of the round circles, and adjust accordingly. Everything else has nice sliders here that you can go ahead and play with. So, there is one last Path Shape, I'm sure you are all probably wondering about, and that's well, what if I want to use my own shape. Sure enough, just click on the pop-up menu and choose Geometry.
And there is your normal dropwell, just draw your path on the screen, however you would like it to be, using your Bezier Curves. And drop it into the Shape Source, and you are good to go. That's Geometry. Let's grab the Bezier tool and just quickly draw our path. I'm trying to draw something that's not exactly like a wave, and now with that path actually drawn on the screen, press F5 to open your Project pane. So let's select the Fireflies text, and we need to bring our Project pane to the front and lock it off.
So, when we click-and-drag the Bezier into the Shape Source dropwell everything will work beautifully. So, as you can see the possibilities are pretty endless between keyframing the different parameters, and changing the shape of your path, animating text on a path gives you yet another way to animate text in Motion.
Get unlimited access to all courses for just $25/month.Become a member
93 Video lessons · 28883 Viewers
135 Video lessons · 63446 Viewers
79 Video lessons · 21546 Viewers
350 Video lessons · 106474 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.