Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:17Length:2.1 hours
  • Overview
  • Transcript

2.3 The Shape Builder Tool

The Shape Builder Tool allows you to create more complex objects by joining existing overlapping shapes. This is a must-know tool for every graphic designer.

2.3 The Shape Builder Tool

Hello and welcome to this lesson where we're going to take a look at the Shape Builder Tool. So let's go ahead to File > New. I'll just call this Shape Builder. And I'm gonna leave everything the same here, 860 by 600, RGB, and OK. And I'm gonna hit Ctrl, Ctrl+1 to get to 100%. And before we can use the actual Shape Builder Tool, we have to have some paths here. And so the idea behind this is you can use multiple paths or shapes, and you can combine them by using the Shape Builder Tool, in order to create a new path. So just to show what I'm talking about I'm gonna get out the Layers here and I'm going to get some just random geometry here, maybe a circle here. And maybe I'll copy that, Ctrl+C, Ctrl+F. Maybe put this one here. And it's, this is really nothing, but that's just for showing you really quickly what the Pathfinder, or not Pathfinder but the Shape Builder Tool does. So before you can use it, and when once we have our shapes here, we have to select all, or select a portion of them. So I'm just gonna take them and select all three copies and, or shapes rather, and use the Shape Builder Tool right here. And we can see when we hover over this you can, I click it, which would only make this portion, for example, its own path. So, it basically divided whichever paths were on top of it. So I'm gonna back up real quick. Now, you could also combine them. So we could take this, left click and drag, like that. So now, there's a new path that was created that is this shape. So I'm gonna back up a couple times. And you could use this more than once. So if we take the Shape Builder Tool again, and do that again, and then we can combine this if we want. And you could just really use it to create interesting shapes. So that's one way without directly using something like the Pen Tool or the various shape tools to create it shape, paths, custom paths indirectly, based on current paths. And so this is something that's pretty popular for logo design actually. If, sometimes people like to design logos or, or symbols that are based on perfectly spherical paths that compose of a certain u, that create a certain u, illustration. So let's say, for example, we wanted to create a vase. Well what we could do is use the Ellipse Tool. And we want the vase to be based on, the curves of it to be based on perfect circles as seen here. So if we just left click, hold Shift, and come out with this perfect, perfect circle right here. Take it, hit Ctrl+C and Ctrl+F, hold Shift, move it over to the right, maybe somewhere around, around here. And then take both of them, hit Ctrl+C and Ctrl+F, and hold Shift and move them up, maybe right around here. And also if you want to see the all the paths, we can just get rid of the fill. And with the Fill selected here, just choose None, that way we can see what's beneath them. And then we could take the Line Segment Tool to create the top, maybe right around here. Hold Shift and make sure they intersect these two circles Ctrl+C, Ctrl+F, and hold Alt and left click and extend that a little bit. So now if we take everything and go over to our Shape Builder Tool, we can just click inside, and now we can select, we can use the Move Tool or the Selection Tool to move it over. And now we have a shape, a vase essentially, very simple obviously, that's based on creating perfect circles for the edges or the sides, and built using the Shape Builder Tool. So this is something that will come in handy for a lot of different, more complex shapes that you may need to create. All right, so in the next lesson, we're gonna focus on the Pathfinder. All right, so I'll see you then.

Back to the top