Editing Paths: Join Tool in Adobe® Illustrator®

 

Adobe® Illustrator® Creative Cloud®: Essentials for Creating Projects

 

Lesson Info

Editing Paths: Join Tool in Adobe® Illustrator®

I want to talk to you a little bit more about editing paths by doing what's called the join command, and talk about joining. I want to talk to you a little bit also about scissors, and working with the Knife tool. These are super important for doing edits, and kind of working as well. What I did purposely was I created these paths here, and I actually did not purposely join the ends here, just so we can kind of see. If you ever have different paths, and there are two different kinds of paths in Illustrator. There's an open path, like the letter C, for instance, and there are closed paths, like a square or a rectangle. If we have open paths, like a couple little things that we drew, like lines like this, we can actually connect or join them really easily using the join command. How many of you have used the join command before? Okay, two ways to do this actually. In the newer versions of Illustrator, we actually have something called the Join tool. This thing is gonna blow your mind, ok...

ay. First of all, we're gonna use the join command. If you want to join parts of a path, what we're gonna do is this. We're gonna select the anchor points, the ends of the paths that we want to join, and we're gonna tell it to join them with a path. It's gonna basically connect them together. So what I want you to do is go to the Direct Selection tool here, and I want to join these two points right here. How do your points look? Are they looking okay? Do they look a little funky? Okay, that's fine, whatever. What I want you to do is click and drag across to select them, kind of one of the easier ways, and by the way, when we edit paths as well, a lot of times, I will bounce into Outline mode, like we saw earlier, to be able to select points, and do things like that as well. Now that I have these anchor points selected, if we need to right now, you're gonna see, we have these little direction handles. I can go out and do some edits real quick, and then reselect if I need to do that. With these anchor points selected, we're gonna join them, so if you come under Object, you're gonna see Path, and right here, this is the big one. I use this a lot. We're gonna use what's called Join. The shortcut right there is grayed. It's Command + J, or Control + J, but go ahead and choose Join, and take a look at what it does. It's exactly what it sounds like. All it does, if you had these two paths 50 feet apart, it would make a humongous line between the two, that's it. It makes a straight line between the two. Now, I actually now refer to this as a dumb join, okay, because all it is doing is literally, bink, doing that, closing the path, okay. Now, watch this for one second here. If you actually have a path that is a single path, maybe think of a letter, C, and what I'd like to do is I'd like to close the letter C, and make it a letter D, for instance, or I have this single path. Now what I want to do is I want to join this point and this point. If you select a path. Why don't you guys do this too. Go to the Selection tool. Now here's something I want you to do. We just had some anchor points selected. I want you to click away from the shape, and then, select it again by dragging across or clicking on it. You're gonna find, sometimes, that if you just select the Selection tool, it's still gonna have those last anchor points selected and funky things can happen, okay. With that shape selected, we're gonna go join it, so go ahead and join, so Object, Path, Join. You guys are gonna see right here, it's gonna say that, we actually have to go in and say what we want to join, essentially, okay. Now, that means selecting the anchor points, if we want to do something like that. If we just had a regular old shape, like the letter C. As a matter of fact, why don't we do this, you guys. Why don't you come over here. That shape we just had selected was called a compound path. It's a little fancy, so it's not gonna work. Why don't you come over here to the Curvature tool. Come to the Curvature tool over here on the left in the Tools panel, and what I'd like you to do is we're just gonna draw a quick letter C, so just watch up here for one second, and you guys can do it. I'm gonna go click, click, click. I know it's backwards. I know how to do my letters in my alphabet. We're gonna do a backwards letter C. I should have said that, okay. So we've got a path right here. Now what I'd like to do is I'd actually like to join or make this a closed path, so we're gonna connect the two anchor points on the end here. Go back to the Selection tool, the black arrow. That kind of stops it. We're gonna go join now, so go to Object, Path, Join. Object, Path, Join, and you should see what it does. This path over here you guys, the reason why it didn't work. It's actually a special path called a compound path. We're gonna get to those, but it's a little more tricky, so it won't work with that, but if you guys have a regular old path you drew, something that you're working on, you don't have to select the end points of the path to connect itself together. Hopefully, that makes sense. We just had to select two end points there on this shape over here because I didn't want Illustrator to connect that anchor point and that anchor point, or do something weird, so we just told it exactly which ones we wanted to join, okay, but in this case, we did not have to do that. All right, go ahead and delete that path. Now, what we're gonna do here is we're gonna go in and we're gonna start to work with this a little bit more, so let's go back into this joined path right here. I want to un-join them now. I want to make it so we have two paths again, and they're not connected together. So to do that, why don't you go to the Direct Selection tool. This is probably one of my favorite things to do in Illustrator when I'm working on something. If you want to, you can actually come to a path that you've created. Maybe it's a little complex. It's got a lot of anchor points and stuff going on. If you use the Direct Selection tool and you come up to the path, like I said before, just click on the line between, where we connected, where we said join. Click on that right there. This is pretty amazing, so why don't you do this. Go to Edit, Copy, Edit, Paste, or use your shortcuts, however you do it. Look what you get. I learned that the hard way. I was like, I copied, so I was like, why didn't it grab the whole shape? Well because, when you click on a path with the Direct Selection tool, it thinks you want to mess with the points, not the whole path, so it's only selecting that line segment. Now, this can actually be really beneficial. I've done this before. You guys can delete that if you want. Just hit the Delete or Backspace. What if I'm working on this shape, and what I'd like to do is I'd like to make a curve that's the same curve inside here, or maybe I want to take this curve, and I want to copy it over here or do something with it, but I don't want the whole path, I just want that curve. Come up to the curve here, and just click on it. Now if you're lucky, it's only got a couple points hanging out, one point in on here, one point here. Go ahead and copy paste right now, so Edit, Copy, Edit, Paste. You now have that exact curve, so if we need to take that curve. Now, you gotta be careful here. If I try and drag it, in this case, it'll let me do it. I actually have that same curve. I can make it larger if I want to and put it inside. There's a lot of things I can do with it. I do this a lot when I'm trying to like mirror parts of artwork, or doing things like that, so it's a great way to be able to grab a line segment. You can delete that if you want to. All right, what we're trying to do, what I'm trying to get to here is why don't you come back up to that little joined segment we made, we told to join, right there. Click on it, and just hit delete to get rid of it, and we're back to two separate paths now. I want to throw this out there. When you're working on paths, one of things that I did a lot as a rookie was I wanted to get rid of an anchor point, and I went up here and I was like, oh I know how to select an anchor point, so I clicked on the point, and what did I do? I hit delete. What does that do? Right, that's not what we want to do, right, so don't do that. (laughs) That's all I'm trying to say. Don't do that. So if we want to delete anchor points, we want to be able to use the Pen tool or something like that. Okay, we're gonna use now the smart join to join these together. The dumb join is just bam, straight across, but what if I'm creating something, and if you see this curve up here, I love how it continues. It kind of keeps going. I would like the same thing to happen here. I want them to continue and kind of join together at the end where they meet. Well we can use what's called a Join tool to do this. Why don't you come over to the left and you're gonna see that we have what's called the Shaper tool over there. Click and hold down on the Shaper tool. Now if it's the first time you're selecting the Shaper tool, or holding down on the Shaper tool, a big dialog is probably gonna open saying, hey, look what the Shaper tool can do. You can close that. Then go back and hold down on the Shaper tool. You're gonna see something called the Join tool. Go ahead and select the Join tool. Now this has only been in Illustrator for a few versions. Watch up here for one second. What you're gonna do is you're just gonna rub across the paths, so I'm gonna go like this. I'm gonna go swipe across, and look what it does. It's gonna take the points and the paths. It's gonna look at their trajectory, where they're gonna go. It's gonna continue the paths until they intersect, and it's gonna put a point right there and stop it. Look at mine, mine looks a little bit funky because I've got a direction handle on one end that was going off, like this, going off a little crazy, so if I undo that, Command, Edit, Undo. If you click on the anchor points before you do this and you take a look at some of the direction handles, you can kind of try to make them a little straighter, a little smoother, something like this maybe, or even bring the anchor point back. If I join these then, it's gonna look a little bit better. Just rub across it. The direction handles on each anchor point are telling it which way to go, and it's gonna kind of try to come back to me, so that can be a little confusing, a little rough to work with. Now the other thing with the Join tool, let me just show you this real quick. This is pretty neat. If you have, I have this all the time but suppose that I have intersecting or overlapping paths like this, sometimes what I'll do is I'll just, I'll either get lazy or I'll take two shapes that I've created, and I want to combine them, so I'll bring them over the top, but when you have those two parts that meet, you don't want to have sit there and like pull them together and do all this crazy stuff, so watch what I can do here. With the Join tool, I can come right here to the Join tool, come back out, and if I scrub across the parts that I don't want, look what it does. That's pretty awesome. So you're basically just, it's doing pretty much two things. It's saying, let's actually cap it. Let's take those two paths, let's connect them together, make one anchor point right there at the end, and let's get rid of the trim, so it's doing this getting rid of the trim stuff on the outside. Guys, that's pretty awesome, so if you ever have different paths you're trying to join together, you can do that really easily. I want to get rid of that. I just wanted to show you that because it's kind of interesting.

Class Description


The world’s top designers use Adobe® Illustrator® for its powerful, vector-based drawing environment – and now you can gain fluency in it, as well! Join Brian Wood for a dynamic course on everything you need to know about Adobe® Illustrator®.

By walking you through a series of projects on Adobe® Illustrator®, Brian will give you a comprehensive toolkit that will answer any need, including:

  • Getting started in Adobe® Illustrator® and familiarizing yourself with its workspace
  • Creating color using a variety of methods
  • Creating and transforming artwork, working with text, and importing images
  • Tricks and techniques for drawing: selecting and editing, and working with layers
  • Creating custom patterns, brushes, and symbols
  • Exploring built-in visual effects libraries
You’ll also tackle more advanced Adobe® Illustrator® topics, like the perspective grid, Creative Cloud libraries, effects, live paint groups and selection, blends, and the shape builder tool.

Lessons

1Class Introduction 2What is Adobe® Illustrator®? 3Explore the Interface 4Create and Save New Documents 5Zoom and Navigate 6Working with Artboards 7Introduction to Layers 8Rulers and Guides 9Shapes and Drawing 10Aligning and Combining Shapes 11Pen Tool 12Manipulating Stroke and Fill 13Creating and Editing with Color 14Painting with Gradients 15Getting Started with Patterns 16Adding Text To Your Document 17Formatting Text 18Strokes and Variable Strokes in Adobe® Illustrator® 19Rotating Objects in Adobe® Illustrator® 20Effects and the Appearance Panel in Adobe® Illustrator® 21Adding Photo Images in Adobe® Illustrator® 22Working with Linked Content in Adobe® Illustrator® 23Packaging your Project for Handoff in Adobe® Illustrator® 24Best Formats to Save Your Files 25Select Like a Pro: Layers, Groups, & Other Unique Tools 26Edit Paths Like a Pro in Adobe® Illustrator® 27Editing Paths: Pen Tool in Adobe® Illustrator® 28Creating & Applying Brushes to Artwork in Adobe® Illustrator® 29Editing Paths: Knife & Scissor Tool in Adobe® Illustrator® 30Editing Paths: Join Tool in Adobe® Illustrator® 31Editing Paths: Isolation Mode in Adobe® Illustrator® 32Pen Tool Shortcuts in Adobe® Illustrator® 33Other Drawing Tools & Methods in Adobe® Illustrator® 34Transforming Techniques in Adobe® Illustrator® 35Shortcut to Reflecting Artwork in Adobe® Illustrator® 36Get to Know Your Appearance Panel in Adobe® Illustrator® 37Exploring Effects in Adobe® Illustrator® 38Work Smarter with Graphic Styles in Adobe® Illustrator® 39Color Inspiration in Adobe® Illustrator® 40Type Effects in Adobe® Illustrator® 41Masking Your Artwork in Adobe® Illustrator® 42Using Creative® Cloud® Libraries in Adobe® Illustrator® 43Capture Artwork with Creative® Cloud® Apps & Adobe® Illustrator® 44Tracing Raster Images in Adobe® Illustrator® 45Blending Artwork in Adobe® Illustrator® 46Using Symbols in Adobe® Illustrator® 47Using a Perspective Grid in Adobe® Illustrator® 48Crash Recovery in Adobe® Illustrator® 49GPU Performance in Adobe® Illustrator® 50Curvature Tool in Adobe® Illustrator® 51App Integration in Adobe® Illustrator® 52Creative® Cloud® Libraries in Adobe® Illustrator® App 53Shaper Tool in Adobe® Illustrator® 54Smart Guides in Adobe® Illustrator® 55Text Enhancements in Adobe® Illustrator® 56SVG Export in Adobe® Illustrator®

Reviews

KATIE Y
 

I am a pretty computer literate person but an Ai beginner i.e. I am completely new to the Creative Cloud/Adobe Illustrator. (This is also the first time I've used CreativeLive.) I think this course it is fantastic. The pace is good as is the content which progressed logically and covers all the basics you'd hope it would. The course is 2 full days' worth of material but it is broken down into segments so you can revisit or skip through as you need to. The presenter is really personable and easy to watch (even for me, a Londoner!). I would also say I think it is pretty good value for money -- I am currently enrolled on a part time course, basically doing the same sort of stuff, and I have to say this is better and a bit cheaper! I definitely recommend it to you!

jackflash
 

A brilliantly designed course. it's almost magic. It's everything you hope for in a follow-along software class. Brian Wood has engineered it so that you start on a project that just needs basics, and then you move on to more & more complicated projects, and almost without realizing it you've learned Illustrator. This doesn't just happen -- Wood has clearly put a LOT of effort into creating this course. Here's one trivial example: he doesn't overload you with a lot of keyboard shortcuts right at the beginning -- you start with the actions themselves, using the (admittedly tedious but easy) pulldown menus, and then after you're comfortable with what you're doing, he'll throw in the shortcut. It may seem obvious, but so many instructors feel they have to give you an extensive foundation of definitions, shortcuts, interfaces, etc., before you ever do anything. Good stuff to know, but you'll never remember it. Wood has you up and working almost immediately. And he's a joy to listen to, at a perfect pace. Highly recommended.

Philippe LIENARD
 

Top course. Very well explained, clear, good examples, pleasant teacher. I like it and recommend it. One suggestion, it would be nice to have a detailed table of content of the course in the material. For instance, it took me quite a while to find back the part of the course where how to make a gear was explained.