FREELessons: 18Length: 2.1 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.3 Path and Shape Editing

Once you’ve created your paths and shapes, you’ll want to be able to further edit them. In this lesson, we’ll step through the editing methods Gravit provides to work with existing objects.

3.3 Path and Shape Editing

Hey, welcome back to Gravit Designer Quick Start. So far we've gone through how to work with path creation tools and shape creation tools. Now we are gonnalook at how you can do a bit more editing once you have those paths and shapes on your canvas. The first thing that we're gonna look at is how you can add extra nodes to your shape once you already have it in place. So just work out a quick shape, just any old shape. Now what happens if we decide that we're not happy with the number of node that are making up our shape and we wanna add some extras? Well, there's two ways that you can go about it. You can use the pen tool or you can use the subselect tool. So with the pen tool, you'll see by default there's a teeny tiny little x down at the bottom-right corner of the cursor. But if you hover over a point just in between two existing nodes, then you'll see it shift. And if you click here, then you get a new node appear at the point that you clicked. You can also click and drag, instead of just clicking statically. And then you're gonna have the ability to change the curvature of the new node that you're adding in. So this is just the same as when you're adding in nodes for the first time. You have those same abilities to control what kind of a joint you're putting down. Now the other way that you can add nodes is with the subselect tool, which you grab from this dropdown list here, or by hitting D. This is the same thing, again. You just need to click a point in between existing nodes, and then you get a new node. However, with the subselect tool you can click and drag to create curves like this. That's because when you click and drag on a line with the subselect tool, it has a different function. When you hover over his midpoint here, you can see a little squiggly line at the bottom right of the cursor, it's like a tilde symbol. That's telling you that if you click and drag now, that you can click and drag just this path segments to whatever curvature you want. And while you can't work with handles like we went over before, sometimes it's just easier to click and drag a curve in order to get it just how you want it. So what about how you delete points? Again, there's two ways to do it, with the subselect tool and with the pen tool. With the subselect tool, you just click on a point or you select multiple points and then you just hit the Delete key. If you're using the pen tool, then all you need to do is hover over the point. And if you can see there, there's a little negative sign at the bottom right of the cursor now. So that tells me that if I click now, that point's gonna disappear. And that covers how to add points in between existing points. But what happens if you have an open shape that you wanna continue? So we're gonna uncheck this box here, so that our shape now opens up. And with the pen tool to keep drawing out and adding more nodes onto the end of this existing path. You just first need to click one of the end nodes to select it. And then from there, you can keep on drawing out additional nodes to make up your shape. So all of those operations depend on what you're working with being a path. So you can see here in our Layers panel, we've got this little path icon that looks like a pen, but I'm just gonna delete that path. If we have a shape instead, you can see over on the Layers panel here it doesn't say path anymore. Instead, it says ellipse. And now even if we select the pen tool or we use the subselect tool, we can't access any of the nodes that make up this shape. Now that's gonna be the case for any one of these shapes, except for the line tool. All of these are fixed shapes, and they have to remain fixed shapes if you wanna use these settings over here. But if you don't care about these settings over here and you just wanna get at the nodes that make up this shape, then you need to convert the shape into a path. So you can do that by right-clicking and selecting Convert to Path. So there we go. Now we can access these nodes. Just gonna undo that and show you the other way to make this conversion. You can go up to Modify > Path > Convert to Path. And you can see there you also have the keyboard shortcut Ctrl + Shift + P. So that is the other way that you can convert a shape into a path so you can get at those nodes, and make the kind of adjustments that we were just talking about. The next thing we're gonna look at is the knife tool, which is pretty cool. It just allows you to slice right through a shape in order to create multiple shapes. You could use the knife tool on shapes or on paths, so I'll just show you. I’m just gonna convert this back into a shape, and up here we grab the knife tool. Now I'm gonna slice all the way through here to make two semicircles. So I'll just click and drag. And now, you can see in the Layers panel, that's converted that into two parts. I'm just gonna deselect by clicking on the canvas with the pointer tool. And now, I have two shapes that are separate to one another. And when using a knife tool, you don't have to just do a straight line. You can also cut in a curved line. So, the way to do that is to hold down Alt, click and drag and then after you release, then you can drag off a curve. So it's the line that you're seeing moving that's going to decide where this cut falls. And now if I let go of the Alt key, now once again, we've got our two different shapes, this time with the curved section. And you can also use the knife to create multi-part cuts. So I'm gonna select the knife tool again. And actually, I need select the shape that we wanna cut off. And now holding the Alt key again, I'm going to click, click, and click and then release the Alt key. And now we've got a multi-part cut here. So now our shape has been split into two pieces. And this piece here is now comprise of two separate paths that are joined together in a group. So that shows you how the knife tool works. I'm just gonna clear the canvas again. Cuz the next thing we're gonna look at is the shading tool. The shading tool is a lot like the knife tool, but it lets you cut out much more free-hand shapes. And, as the name of the tool suggests, these shapes can actually be pretty cool for creating shading effects. So let's start by just drawing out an ellipse. And now I'm just gonna duplicate this ellipse and reposition it back on top of the first one. And I'm just gonna darken its color a little bit. Now, in order for the shading tool to work, you need to add a border to the shape you're working with. We're gonna cover borders in more detail later. But for now, all you need to know is to hit this button here to create a border. It's gonna thicken it up, so it's a little bit easier to see. And now, we're gonna use the shading tool to cut out this whole section of this shape, so that all we're left with a thumbnail piece of this darkened shape down at the bottom here. So I'm gonna click and drag the shape that I want, and I can be rough around the outside here. And then I guess that's just chopped off most of the shape, leaving this little crescent shape here behind. Now I can hide the border again, and now we've gotta albeit rough shading shape at the bottom of our circle here. So now we know how to add and remove nodes to either closed shapes or open shapes. We know how to click and drag on path segments in order to change their curvature. We know how to convert shapes into paths, and how to use the knife tool and the shading tool to cut up our existing shapes and paths. In the next video, we're gonna check out some of the things you can do by using multiple shapes together in Gravit. You already saw how you can use one shape to clip another shape. So that's one of these multi-shape operations. But in the next video, we're also gonna check out grouping, compound shapes and Boolean operations. So I'll see you in the next lesson.

Back to the top