Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now there are a couple of different ways we can create shapes in Motion. You can start with a basic shape or you can actually draw custom shapes. Let's start with Basic Shapes. Go to the Create section of your toolbar, and just click on the Rectangle tool, click once. Now that we have that selected, go ahead and drag out a rectangle. If you hold down Shift, it will make a square. Let's come up and click and hold, and this time we'll choose Circle. Now obviously if I drag it will make an ellipse, so I am going to hold down Shift so it makes a circle.
And the last basic shape here is a Line. Go ahead and click on that and this time just click and drag and hold Shift as you drag and now we have a nice line. Grab your Selection tool and select the rectangle. You know it's in your HUD, we have some basic options. We can make it a fill, or give it an outline or just have it be an outline. And if you are having a hard time seeing your rectangle, go ahead and use Cmd+/ to turn off your Overlays.
Go ahead and adjust up the width of your Outline. I am going to turn my Overlays back on here, Cmd+/ just so we have them. So there are a couple of different options in the Rectangle tool. Hit F4 to up your Shape Options. Down here under outline, right now, I have got it set as a Solid Brush, that's great. We can change the brush color, go ahead and right click in the color well and change it to Yellow, and we can adjust our Opacity and our widths. And down here we have an interesting thing, this joint.
If you click on that and it to square, you know this, now the corners are actually squared off. Come down here, we have an option for Animation. If you drag this out we can actually animate the Offset. Now there's an issue with this, the corners are sharp but the tops are rounded, and those are called the Start Cap and the End Cap. So click and change this to Square and you notice now that's squared off, and change the End Cap to a Square. Now when I actually see a full rectangle, so I'll just go ahead and drag that out.
So that's the basics of the rectangle. Now let's select the Circle. Then we have similar options, it can make it an Outline, or make it a Fill. But this time I want the Fill to be a Gradient and let's open up my options for the Gradient here. You'll see this tool repeated throughout Motion. So let's go over some of the basics. On the left hand side here, if I click this little color chip, it will allow me to change the color. So I can make it Yellow, and if I click on this one, I could change that as well. I am just going to leave it Blue.
If you want to add yet another color, just click in the line and it will make a new color chip. I don't want to have that. So just drag it off to the right really quickly and it will disappear. Now up here this is kind of an interesting thing. This is the Opacity value of the Shape as well as the Gradient. So if I click up here, just anywhere in the line, and now that I have that Shape selected, look under Opacity, if I drag that all the way down, check it out, only the top little portion, notice how it's directly related to our Gradient.
Only the top portion is actually visible. I want this entire Shape visible, so go ahead and just drag that off. Now just because I have a fill on here doesn't mean I can't have an Outline as well. Go ahead and check that, and just make a nice wide outline on that. The last simple tool is the Line tool. Go ahead and select it. I am going to turn off the Overlays for the time being, Cmd+/, and I really kind of enjoy the Line tool for the simple fact that I can change the Start Cap to an Arrow.
And that may not seem like a big deal, but it's really fun when you need to actually animate an Arrow, let's say, for a map animation. You can go ahead and just check Arrow on the Start Cap and then go ahead and adjust your point there, and notice how the arrowhead doesn't distort. Let's go and make the arrowhead a little bigger. Under Arrow Length we'll just drag all the way out here, and make it nice and long, and under Width let's go and drag it out there. Now that I have an arrowhead on here, I'd like this bottom part to be sharp, so I am going to change my End Cap to a Square.
So notice now, if I go to change the Width, the size of the arrowhead will also change in proportion. So that's the basics of the Line tool. And we have created some simple shapes. Now let's move on and create some custom shapes. Once you hit F5 and turn off this group. I am going to make a new group, and I want you to lock the old one. So we don't accidentally draw on that Layer. Hit F5 and close that. And we'll start with the Bezier tool.
Go ahead and click on that and the way you draw is just a click, then move your mouse to where you want the next point, and click, and move your mouse to where you want the next point and click. Now if you want a smooth edge, when you click your next point, click and drag and now you'll get the handles. I could click all the way around, let me drag that out there, drag that out, click and drag, and notice to close it when I get my pen tool over top of that it will close off that shape and now we have a custom shape.
It has the same kind of options for Colors, or Gradients, and Outlines etcetera. You just use the Bezier handles to create that. Open up F5, we are going to turn off that Shape Layer, and if you click and hold, the last shape option here is for B-Splines. B-Splines are fun, it makes drawing smooth shapes very, very easy. Hit F5 and close it, and now if I click on a point and click on another point, it won't actually start drawing the shape until I get 3 points, and now you notice, I have this Shape Line.
Let me go ahead and click another point, and another point, and another point and go ahead and close it. And now you notice, I drew a very sharp edged shape but I have something that looks like a jelly bean. So again, that's a great tool for creating shapes that need to be smooth. And so those are the basic ways you can create simple shapes within Motion.
Get unlimited access to all courses for just $25/month.Become a member
93 Video lessons · 28772 Viewers
135 Video lessons · 63361 Viewers
79 Video lessons · 21479 Viewers
350 Video lessons · 106423 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.