FREELessons: 18Length: 2.1 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.2 Shape Tools Overview

Gravit includes some very powerful shape creation functionality that lets you make all kinds of interesting and complex forms. Let’s take a look at the shape drawing tools included, and how you can work with the modifiers of each one.

3.2 Shape Tools Overview

Hey, welcome back to Graphic Design in QuickStart. In this video, we're gonna go through some of the shape tools. So the shape tools are a little bit different to the path tools in that instead of just making up your own shapes, you're working with some predefined shapes. So it makes it much quicker and easier if you wanna do things like squares, and stars or circles, and so on. So the shape tools that you have to choose from are up here. If you hit this little drop-down button, then here are the different shape tools that you have to work with and each one of them has a couple of different settings that are available. So we've the top, we go to one. A line is actually a lot like just taking a pen tool and drawing out two points then hitting Enter. So if we draw like this, there's a line. That's pretty much the whole thing. The only real difference is that you don't have to hit Intel. So if you know exactly what you need, you're gonna need two points. You just need a line, then it's quicker to use the line tool than it is to use the pen tool. And when you're using a line tool, you can also hold down Shift to do straight lines. So once again, that's in 45-degree increments. So that's it for the line tool. We'll just get rid of those two. Next up, we'll have a look at the rectangle tool. So with rectangle tool, if you just click and drag, you can make any type of rectangle you want. Or if you hold down Shift, it'll lock in. The dimensions of your rectangle, so you can create a perfect square. I'm just gonna add a border really quickly to this, make it a little easier to see. Once you have your square setup, then the only. In the extra setting that you have to work with specific to the square is this corner setting here and that's a lot like the corner setting that we looked at with the path tools in the last lessons. So you can just drag this little slider to determine the roundness of your corners or you can directly enter a value and then if you, this little button here. Then you could choose what type of corners you want to have, then you have these two little check boxes down here, Autoscale Corners. So with that checked, when you scale the shape, so downshift to get that as a square. Then the size of the corners is also going to scale proportionately. But if you uncheck that, then the corners are gonna stay the size, even as you shrink the shape down or you increase its size. So it's that one and then the uniform corners box here is checked by default and that means that all four of your corners are gonna be exactly the same. But if you uncheck it, then you can set different values for each one of your individual corners. So that covers everything that you need to know about rectangles. Next up, we have the ellipse tool. Now, this one can be a little bit more tricky to wrap your head around how it works. The first couple of things were the same as with the square, if you just click and drag, you can create an ellipse of any height and width you want. But if you hold Shift, then you get a perfectly round circle. And then again, I'm just going to add a border, so you can see a bit more clearly what's going on with this shape. Now over on the right here and as you probably gathered so far, any shape-specific settings are gonna be in this area in the appearance panel and we have three types of ellipse here. We have the closed ellipse, which is just to create a closed circle. We have an open circle and a pie. I'll show you what those are. It's a bit easier seen than explained. So we'll start with actually an open circle, because I want to show you how these numbers here work. So I'm just gonna dive right into explaining how these two fields work. It might not make sense right away, but I'll just give you the relevant information and then we'll piece it together with a couple of examples. So basically, what you have with your circle here is a path that goes from the beginning point to an ending point all the way around the circle. This first field here represents where that path begins. The second field represents where the path ends. So then what do these numbers mean? These numbers each represent a position on the circumference of the circle. It might not be obvious right away what number represents which point on the circle, but what we actually have is right is represented by zero. Top is represented by 90. Left is represented by 180 and the bottom is represented by 270. So the way these two numbers work is the first number represents the beginning point of the path and the second number represents the ending point of the path. So in a circle right now, we have a path that begins at 180 which is the left and ends at 180. So what would happen if I change the second number to say, 270? Now the ending point is 270, which is at the bottom here. So we have the starting point at 180 on the left and then the path goes clockwise all the way around until it reaches the finishing point at 270. Now, what happens if I change the first number? So let's change the first number to zero, which represents the right point here. Now, we have the starting point of the path here and the finishing point of the path here. So now, let's try to create another shape. Let's try to create an arc that starts on the left and finishes all the way on the right. We know that the left is represented by 180, so we're gonna put in 180. We know the right is represented by zero, so we are gonna put in zero. So there we go. Starting at 180 going clockwise all the way around to the 0 point. Now, what if we wanted to flip that and have and arc that runs around the bottom half of this circle? What we would need to do is swap these numbers around. So now, we're gonna start at 0 and we're gonna end at 180. So there you go. It doesn't instantly make sense. But once you know how it works that we have the points 0, 90, 180, 270 and then the path will travel clockwise between this first and second point, then you can control how these ellipses come out. So we're using the open shape top right now. We could see where our path is and the path is not closing itself off. So the only difference between open and closed is that now there is an extra line closing the path here. And now if we go with the shape other than the semi-shape we have right now, for example. Let's say, we change this to 90, then we just have a clipped off corner in a direct line. But what happens if we want to have a right angle shape coming down here? Then we switch type over to pie. So now we've still got the main part running from here, zero. All the way around to here, 90 clockwise and we're still automatically connecting the start and finish points of our path. But this time, the only difference is instead of doing it with a straight line, we're doing it with a line that goes by the center point here. And this number could be anything, let's try 135. So then that is going to keep adjusting itself just like any pie chart shape that you'd be used to seeing. So that covers the ellipse tool. Next up, we have the polygon tool. So once again, you can just click and drag. This is actually going to come from the center with the other shapes. You must start at the top left corner and drag out. But with the polygon shape, you wanna put your mouse where you want the center of that shape to be. So again, you can click and drag out to whatever size you want. Now if you hold Shift while you're doing it, then it's gonna lock the rotation of the shape. Now, the two shape specific settings that we have for the polygon are the points and corner setting. Now, you could guess what those are. The points just let's you change the number of points on the shape. So it started with six here, but you can change that to whatever number of points you need. And the corner setting works just like the corner settings we've seen on other shapes and paths so far. You just drag this drag this little dragger to determine how round you want your corners to be. Just add a border, so we can see that a bit more clearly. And then you've also got your different corner types just like before and you also have the autoscale corners setting, also just like we saw on the rectangle shapes earlier. Plain edges, we're gonna cover in just a moment. Because it's a little bit relevant to the next tool that we're gonna look at. And then basically, with the radius and the angles down here. Honestly, rather than trying to understand exactly how these work, the best thing is to just get in there and play around. Cuz you're gonna be able to create all kinds of strange shapes that you might expect to see in a kaleidoscope. So for example, if I changed this number 300 down to 180, we instantly get some pretty wacky looking shapes. So I recommend just getting in here and just having a bit of a play around, just to see what different type of things you can create by messing around here. So that covers the polygon tool. Next up, we have a triangle tool which is really, it's the exact same thing as the polygon tool. There's not really any significant difference. The only thing it does is just give you a shortcut to having three sides as your preset. Otherwise, you've still got the corner tool which works just the same as the other corner tools has all the same settings. And you can actually change the number of points, so you don't have a triangle anymore. So yeah, as I said, this is basically the same thing as a polygon tool just the shortcut of triangles. And then finally, we have a star which is also lot like the polygon too with different presets. So you notice that we automatically have this size setting showing up here and that comes from the fact that this plain edges [INAUDIBLE] is automatically unchecked. So if we check that again, you'll see that the size setting disappears. If we uncheck it, the setting comes back as default of that back down to 81%. But if we drag this down again, then we get our star coming back. So once again, you can change the number of points on your star. You can change the overall shape of your star and you can change how rounded the corners are, and then all of the rest of the settings are the same again. Autoscale corners and the different types of corners that you can have. So as you can see, there are a whole bunch of different really, really interesting shapes that you can create by working with just a couple of shape tools and then tweaking all of the setting that come along with those shape tools. So those are really powerful and they're also a lot of fun to use. So now that you know how to make paths and shapes, the next thing that you're gonna wanna know is how to edit them. So in the next video, we're gonna go into a couple of the different things you can do to work with your existing shapes and paths. Things like adding extra nodes and deleting nodes. Converting shapes into paths and using some of the built-in shape, and path editing tools. So we're gonna go through all of that in the next video. I'll see you there.

Back to the top