How to Split Shapes | Illustrator CC Tutorial

[Music] what's up everybody its Spencer from pixel & bracket in this tutorial I'm gonna show you a quick and easy way to split shapes in Adobe Illustrator let's start this tutorial by splitting a triangle in half and we'll split some other shapes in different ways I'm gonna first create a triangle that's going to happen by going to the rectangle tool over here in the tool bar going down to the polygon tool and then clicking on your canvas anywhere and it's gonna pop up and say hey how many sides do you want I want three sides don't care about the radius we'll expand that later hit OK and there's my triangle now your fill and Stroke may be different depending on what your setting is you can see them over here on the left or over here on the right once you have a shape created or up top if you're not in the new 2018 properties panel but anyway I just changed this to fill no stroke and I can expand this up by holding shift and option or alt and there we go we got a big triangle on here okay so what I like to do is create these little guides out of line segments and then I'll split my shape on those guides it's basically what's gonna happen so I'm gonna grab the line segment tool create a vertical line by holding shift that's gonna lock it into like 45 degree angles so I can create it perfectly vertical line the as far as the stroke of it it doesn't matter but if I do go ahead and add a stroke like one point I can actually see the line now so that's helpful to me and then I can select both of these shapes and we're going to Center that line on the middle of this triangle so I'm gonna click on the triangle that has it highlighted as a key object and if I find my alignment panel over here it's also up in window down to a line we can pop that out if we want I'm going to align the horizontal Center so now that line that vertical line that we created is right in the center of my triangle so next thing I want to do is actually grab the fill color from the triangle so I'm gonna switch to the eyedropper tool that's the eye key for the shortcut it's over here on the left in your toolbar if you're looking for it and I'm gonna eyedropper the triangle notice how my fill and Stroke changed now so the they match the triangle I want to do that because when I select my shape builder tool you'll see here in a second make sure you select all the objects on your artboard first and then we're going to select a shape builder tool because that's the fill and the stroke when I click on these it's going to apply that fill and Stroke when we create this shape because it's really creating separate shapes so notice how it sees where this line segment splits our triangle and it knows that there's two shapes there all I have to do is click on that shape and I can even click on this shape if I want to just for good measure and now it's created separate shapes it's split that thing in half so if I go back to my selection tool make sure I deselect everything I can actually click and drag these pieces out so we have officially split our triangle in half and now I can I can always delete out these extra little line segment pieces the middle part gets deleted on its own and that's how you split those so let's split something else differently let's say we create a circle with the ellipse tool I'm going to find my center here that's the smart guides that are helping me find that I'd always turn those on because we're gonna use them to help us align things always but smart guides command you or control you I'm gonna find the center shift alt or shift option to create a circle out from the center boom there it is alright now line segment tool again this time I'm just gonna create some arbitrary vertical and horizontal lines make sure they're big enough to cover the circle shift back to that selection tool shortcut key is a V I'm gonna select both these I'm gonna give them one point stroke just so I can see them there they are and I'm gonna select everything click on the circle remember that's our key object we're going to align everything to it horizontal and vertical align that's gonna line those line segments right to the middle now I select well don't select everything yet remember we need to eyedropper that circle color so I'm gonna go ahead and hit I an eyedropper that circle okay good now that's my fill and Stroke now I'll select everything and then go to the shape builder tool boom we got all these quadrants set up all I have to do is click on each one perfect go back to the selection click off to deselect and now I have all these separate pieces so quarter circle half circle three-quarters circle whatever you want to create last one if we don't want something so symmetrical well it doesn't really matter let's go to the rectangle tool we're gonna create a square out here the line segment tool is a little /e key on your keyboard and then if we just create like a line through this guy and let's say I want to keep that line for later well I'm gonna hold option or alt and just duplicate that line up here I'm gonna select both of those lines make sure I give it a little bit of a stroke so I can see it cool next thing I'm going to do is probably Center these up so we're gonna shift-click on that square to make sure we get everything selected click on the square now it's the key object I'm gonna horizontal align Center of those I'm just going to make sure all the the middle points are the same okay cool I'm gonna split this square with this line segment so once again shape builder tool okay it sees them now I forgot to select my square first so I'm going to make sure to do that there we go now it's got that fill now we can select everything and because that was the last sort of fill that I selected it's going to show up here when I use my shape builder tool click on each different portion that you want to split go back to that selection tool now we can kind of lift that up and bring this bottom section down delete out these points here and let's say you wanted to create a little minimal shape you can bring that line segment back down maybe up its stroke a little bit and there's a little I don't know piece of minimal split shape art if you guys are interested in that anyway that is how you split shapes up Earth's well it's it's one way to split shapes there's lots of ways you can split shapes up but I think this one's really quick and easy it's very easy to understand you can see the line segment it's like you're creating these guides of like yeah I'm gonna split my shape right here if you liked this video make sure you like this video subscribe and check out the channel thanks for watching and I'll see you next time [Music]

Channel: Pixel & Bracket

Views: 821,483

Keywords: pixel and bracket, illustrator tutorial, how to split shapes in illustrator, how to split shapes illustrator tutorial, how to divide shapes in illustrator, split up shapes illustrator tutorial, how to split shapes adobe ai, ai tutorial, adobe illustrator tutorial, how to cut out shapes in illustrator, how to cut shapes in illustrator, cut circle in half illustrator, quarter circle tutorial illustrator, how to use the shape builder tool illustrator, line segment tool tutorial

Id: 9z5lyS1h0MI

Length: 6min 47sec (407 seconds)

Published: Tue Jan 23 2018