#11 How To Use The Shape Builder Tool in Illustrator | Dawid Tuminski | Skillshare

#11 How To Use The Shape Builder Tool in Illustrator

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (14m)
    • 1. 11How To Use The Shape Builder Tool in Illustrator

      1:01
    • 2. 1How The Shape Builder Tool Works

      2:20
    • 3. 2How To Merge And Erase Paths

      2:38
    • 4. 3Shape Builder Tool Options

      3:56
    • 5. Class Project

      4:00

About This Class

Welcome to another episode of the Every Illustrator Tool Explained series.

In this particular class you will learn how to use the Shape Builder Tool in Illustrator

So if you want to know how to

  • Create shapes the easiest way using the shape builder tool
  • How to add colors to the shape when creating them
  • And how to remove parts of shapes with the shape builder tool

Enroll in the class, because it is a concise source of thorough Illustrator knowledge great for newbies and everyone who feels that learning a piece of software like Illustrator can only be efficient when you get to know the tools it offers.

But you don’t have to watch all the videos to gain real-life knowledge.

Each lecture is a standalone project, so you can just select the tool that you want to learn today, watch that particular video and watch your skill set grow.

So enroll in the class now and I will see you inside!

Transcripts

1. 11How To Use The Shape Builder Tool in Illustrator: Hi there. My name is David Tyminski and I wanted to thank you for choosing this worse. I know that there's a lot, Of course, is out there. That is why I am so grateful that you chose this one. Welcome to another episode of the every illustrate. It'll explain Siris in this particular class. You learn how to use this shape builder till in illustrator. So if you want to know how to create shapes the easiest way using the shape builder to how had collars the shape when creating them and how to remove parts of shapes with the shape builder told in the role in the class because it is a consigns source authority, illustrator knowledge, great for movies and everyone who feels that learning a piece of software like illustrator can only be efficient when you get to know that tools it offers. But you don't have to watch all the videos to gain a real life knowledge. Each lecture is stand alone so you can just select the tool that you want to learn today. Watch that particular video and watch your skills to grow so enrolled in the class and I'll see you inside 2. 1How The Shape Builder Tool Works: in the next few videos, you'll take a look at to the tools that are favored by Fresh illustrator users, the shape builder tool and the life paint tools. I guess their popularity is based on the fact that using them is really intuitive and that they just do what you expect them to. Let's first talk about the shape builder tool that sits right here in the tools panel and has a default short cut off the shift plus M key combination. So what does it do and how can help you? The shape builder tool merges or erases simple shapes to create custom complex shapes. And why did I mention earlier that it is intuitive? Let's take a look at the shape builder tool in action. I got three simple shapes right here, a rounded rectangle on top, a rectangle in the middle and an ellipse in the bottom, and the all form a lab flask, which she may look familiar to. The ones of you could have seen my flat design lab flask class. I'm going to make sure that the shape builder Tillis select it and that all of these shapes are selected as well. Now that some of you might be anxious to just combine all these elements to create a lap flats. But let's explore the stools functions one step at a time. First of all, notice that would never We hover over a part of a shape illustrator is highlighting it, giving us a hint that right now if we just click, we're going to get a separate shape. So in this case, if I will just click maybe on the Ellipse notice that the shape builder toe essentially cut this piece out of the ellipse. If we click on maybe this top part this rounded rectangle here we will get this kind of a shape and this small rectangle right here as well. So this technique is producing essentially the same results as the divine option. Inside the Pathfinder tool, that means to back a few times. So I'm going to select the top rounded rectangle and of the rectangle hit divide in the Pathfinder tool on Group the Shape. And as you can see, basically, the result looks the same. I know I mentioned before that the shape a little is form, urgent and raising, and I started with dividing. So let's start merging and raising in the next video 3. 2How To Merge And Erase Paths: the shape builder tool by default is in the merge mode, which allows you to combine shapes. It intuitively highlights edges and regions of the selected art, which could be merged to from new shapes. So how to merge the shapes before you start merging the shapes? We need to tell illustrator which ones we want to merge by selecting them. So let's select the top around it rectangle and the middle of rectangle. Not when we click and drag. You can notice two things. First, we're drawing this freehand line, going across shapes. We want to unite, and second illustrator is drawing this red stroke around the ultimate shape. So if we just let go of the mouse, we will create a new shape, just like so. Now let's select the remaining part of the flask, click and drag to create another shape. And it was that each time we click and drag, we get a different shape as a result. But what if we want to create the whole flask to using all the shapes in one go? Let me just step back a few times. There are two ways we can make the merging process faster. We can just click and drag across all the shapes like this. Of course, we need to remember to select the ships you want to merge first or which in many cases can be safer and faster. We can just press and hold oven shift and started dragging to get this bounding box that weaken draw around the shapes. We want to merge. So just is a repetition. We can do this, just clicking and the dragon. Or we can do this present. Hold on shift, click and drag to create a more complex shape. So that's merging. What about erasing To erase paths or parts of past? All we need to do is to present hold on the altar option key. As soon as we do that, we get this little minus symbol next to the cursor. Which share lets us know that if we now click on a highlighted region, we're going to delete it. And if you want to delete more than just one path in one go, we can reverse the merging process so we can hold down the altar option, click and drag through the regions we want to delete, or we can press and hold down shift and Altero option draw a bounding box to delete parts so we don't want So these are the basic functionalities off the shape builder tool. In the next video, you will take a look at to the tools options, so stay tuned. 4. 3Shape Builder Tool Options: with the shape builder tool options. You could enhance the merging capabilities of the two and get a better visual feedback of what you're doing. So to get to the shape builders, tools, options, let's double click on the tools icon in the tools panel, and let's explore these options we have here. The first option is the gap detection, and you can set it to small, which is three points medium, which is six points and large, which is 12 points. You can also select the custom checkbooks if you need an enter an exact gap length, but know that it can't be bigger than 72 pixels. With this option does is it allows illustrator to find the gaps close to the specified gap length value, but not just to find the gaps to close them as well. But to be honest, in 99% of cases, you're going to be able to merge the paths and close the gas without even worrying about this option, especially if you want to use the shift drag technique Quick doctor about before the next option is considered open and filled paths as closed. Now, if this option is selected an invisible edges created for an open path to make a region. When you click inside the region, a shape is created. So as an example, I got some open paths right here, and I think that it would be better if I switch to the outline mode. Now. All we have to do is to click on the tools panel. Of course, with the shape selected and the shape gets closed, we don't even have to click and drag this next option that says Emerge mode. Clicking the stroke splits the path well. It allows you to split the parent path into to, and I think it will be best to understand this option by looking at an example. I got two overlapping squares right here and with that option checked when I hover over a path, you can see this split path symbol appearing next to the cursor. And if we just click, the path gets split just like that. When using the shape builder tool, we can color the artwork as we go, and we can do it either by picking up the colors from the artwork itself or by big enough color from on the swatches box. So let's select the artwork option and take a look at this lab flask. As you can see, the top rectangle has a different filled color, and if I start emerging shapes with that rectangle, the whole shape picks up the rectangles filled. However, if we start merging from another shape, the whole flask is going to have the fill an tribute off that initial shape. But what would happen if we change the color and option to color swatches? Let's also check the cursors Watch preview option. Not when we try to merge the shapes. We get this little color swatch preview, and we can change the colors inside of it by pressing the arrow keys, which will pick up the swatches from the swatches pal. Once you are set on, a color, just started merging and assigning the color at the same time. We can also color the strokes, but we have to have the clicking. The stroke splits the path. Option checked. Now we can hover over the stroke and colorize it. Now, if you prefer the shape builder drawing line to be straight rather than freeform, you can change it here, and you can also choose not to highlight the Phils as you're merging shapes and change the stroke color. When hovered over an ad, it'll stroke. These are the options you can set for the shape builder tool. I encourage you to experiment with them, especially with the coloring options, because they work pretty much the same as the life paint coloring options, which we'll talk about in the next part of the Siris. For now, let's wrap things up and take a look at the class project. 5. Class Project: for the class project. I'd like you to put the shape builder tool in motion. I want you to try to come up with more complex shapes that can be created from simpler shapes. But if you need some inspiration, I got some examples here for you. So the first inspiration that I got for you is the lab flask that we just saw in the class . So what I would like you to do is to just grab this lab flask, grab the shape builder tool and create a shape out of it. But I would also like it to experiment with the colors. So I would like it to check her that tools, options and maybe try to pick up the color that from the artwork, but from color swatches, just like so And then try to just come up with this some different color for the for this lap flask. Maybe that doesn't have to be like the rial lap flats collar. But what I would like it to do is to just experiment with the color. And as you can see, we can even give different colors. Two parts off the lab flask. If we just change the color pressing in the arrow keys, just like so. Of course, they are going to be different shapes, but we can do even that using the shape builder tool. So this would be the first inspiration for you. The 2nd 1 would be just a bit more complex, and it wouldn't involve the emergent, but it will involve that. You raising. As you can see, I got this piece of cheese right here. And if I just moved this guy, you can see that they're saying another well, like piece of cheese, but darker piece of cheese beneath this lighter piece of cheese. And I did that well on purpose because right now, maybe I'm just going to change this color an option toe artwork. So right now, what I would like it to do is to just select him this Will this stop piece of cheese this lighter piece of cheese and an ellipse like this one foreigner, for instance, and then just present Hold on the altar option and to erase this part of the lips or the whole Ellipse, actually. And right now, as you can see, where car in this piece, a piece of cheese and we're seeing the on the underlying part of the cheese. So it really starts still well to look like we are creating holes inside this cheese. So right now I have this guy selected. Now this the top part of the cheese I'm going to click will shift click on this on this ellipse present. Hold on the altar option and just click like so I'm going to click on this ellipse All interruption. Click now with these ellipses What I would like you do to do first. Well, what I would like you to taken out off is that it's faster to to cut out this shape from the underlying shape. When we first merge these guys then grab them with the with the underlying part of the cheese and then just Altera option click on these guys to create this like a bigger hole, just like so. And the last part would be to just to select this little ellipse and the underlying shape Altera option click to get this kind of a cheese just like so. So the last piece of inspiration that I got for you here is the Stotch Mahal tower. I know that it might look a bit complicated, but the shape builder tool is going to make things easy for us. So what I would like it to experiment with is to just grab the pieces that you would like to merge like these guys and these guys as well. And I'm gonna Gramp of the shape, older tool and just paint over all these shapes, just like so to create one shape. Now, with this bottom part, this bill bottom like gate right here and what I would like you to do is to just press and hold on the altar option key and just click and paint up just like so, to create this kind of a tower. But as I said, these are all just inspirations for you. If you want to create someone with some of your own shapes, then be my guest. Just screed them and upload them in the class project section. So thank you for watching this glass. I hope you found it useful and that you will give the shape builder tool a try. And if you like the class, please give it a thumbs up and submit your class project which you know both helped tremendously in original more students just like you. So I hope to see you in the next class in this serious. Have a nice design. My name is David.