#2 How To Use the Pen Tool And The Gang in Illustrator | Dawid Tuminski | Skillshare

#2 How To Use the Pen Tool And The Gang in Illustrator

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (26m)
    • 1. 0 Pen Tool and the Gang Promo

      0:58
    • 2. 1 How To Use The Pen Tool

      9:27
    • 3. 2 Adding and removing anchor points

      5:08
    • 4. 3 Convert anchor point tool

      4:03
    • 5. 4The Curvature Tool

      6:36

About This Class

Very helpful class, Thanks. :)

In this particular class you will learn the the pen tool and its siblings used in Adobe Illustrator, so if you want to learn the best practices of using

  • the pen tool
  • the convert anchcor point tool
  • the curvature tool

you will find answers inside this class.

I will see you inside!

Dawid

PS If you like the class, please submit your review and class project.  It will help other students, just like you interested in topic I teach, in finding my classes. Thanks!

Transcripts

1. 0 Pen Tool and the Gang Promo: welcome to the every Adobe illustrator to explain Siri's. This series is throughout to be as a one stop shop for all you guys who really need to understand all the tools inside the software in order to understand how the software works . So if you're looking for a source off thorough knowledge on each and every adobe illustrator tool, and if you're familiar with my other courses, well, you might expect techniques that are straight to the point, easy to use and easy to follow. And I guarantee you that you will feel more comfortable than using each Adobe illustrator tool after watching the videos in this Siris. In this class, you will learn the panel and all the other tools that are in the panto gang, which are they convert anchor point all at and remove Anchor Point Ill and also the curvature told. So I'll see you inside 2. 1 How To Use The Pen Tool: in this video, we will talk about the panto and let me tell you, the panel is a whole different subject in its own. It's one of the most important tools inside. It was rare, but also in photo shop. And it's one of the most important skills to learn the panel that every designers should have. But I want to keep these videos short. So in this video we will briefly talk about the panel and learn all the basics of it. And if you are interested in the subject, well, you will find them the link to the whole course that have created just on the panel on how to use on how to use this tool. Let's start with the finding the pencil in our tool tool set so you can see that the panel is is right here. This is this guy right here, right here. And it has a very handy shortcut and off the letter P. So as soon as I pressed letter P, I am going to initialize the mental Now. What the petal does is it creates a Botham anchor points, and it creates a path segments and they can be a straight or they can be curved. And so so do that. So the anchor point that it can be straight or they can be they can be curved in order to create a an anchor point. All we need to do is to simply click anywhere on our art aboard, right? And if I know, click somewhere again, I'm going to create a path segment. So I've created another anchor point and have created a line between them, which is actually the path segment, and noticed that if I only just click and click and click, I am creating straight path segments just like so. And if I am happy with my shape, if I just hover over the first anchor point that I created, you can see this whole circle being displayed next to the panel. And it means that if I click here, I am going to close my path. So this is how we can create straight path segments. So what about Curved Path segments? Well, in order to do that, we could either just click to create an anchor point and then click and drag to create an ANC reporting to create a path segment and kind of like an arch in this case. Or we can click and drag to Well, I mean, you can see these direction handles being dragged out, and then I'm going to click and drag again to make my way to make my curve a bit more flexible. And what do I mean by that? I mean that if I now just grab the direct selection tool, I can simply click on the's direction handled, and I can move them around to make my to make my well, arch well, look like like, an ass curve. In this case, I'm gonna do the same with this guy to bring into print him a bit down to make it look, um well, something like this. When you're using the pan tal, you can hold down the shift key. So let me just quickly grab grab the panel again. You could hold down the shift key to constrain the creation off your path segments to 45 degree an angle increments. Let's call it like that. So right now I'm holding down the shift key and you can see that illustrator is finding Well, it's actually like like snapping my wife will my path segment or my ankle point to either 90 degree angle or a 45 degree angle, dependent on how close to either 90 or 45 degree angle I am. So I am simply holding down the shift key to constrain the creation off my path segments to 45 degree angle increments. By the way, if you want to simply remove the last created path segment, all we need to do is to press the backspace key to remove that last past segment. And if I press the backspace key once more, I'm going to delete the whole the whole path. So if you want to just remove the last created past segment, just press the backspace and you can keep creating your your your well, your paths actually your shape if you want to. You can also hold down the shift key while creating like smooth path segment. So if I just click, drag and hold down the shift key, you can see that I am constrained on the the angle of my of my direction handles. I'm going to click somewhere here and now if I just clicks, we're here in the top right corner and hold down the shift. You can see that I am actually creating a nicely looking, nicely looking curve. And of course, I can still manipulated using the direct selection tool to make it look like it's like it's really like a really s curve, just like so. Now, if you want to end up like attach another path segment to your created path, let me just off click somewhere here and others that I have the mantle of selected. Whenever you hover over an anchor point like in this case, you can see this slash symbol, maybe in displayed next to the Pantelis symbol. And it means that if I now just click on this anchor point and then click on it, click on my art boats were here. I'm going to attach another path segment to my to my well previously created path also noticed that as soon as you hover over your existing path, you are either going to see the little plus symbol being displayed next to your mental icon , which which means that you're going to add an anchor point or, if you hover over an existing on existing anchor Point will see Matt Minuses symbol being displayed next to your pant aleichem, which means that you are going to remove an ankle point. But that only works provided that you have this option will turn on in your preferences so we can go to the edit menu Preferences, General and on a Mac could go to illustrator preference preferences, General. And you can see this disable order. Add delete function right here. So if I check it and click OK, you can see that if I now hover over my existing path, I cannot. I cannot will initialize or illustrator is not automatically initializing and the order added or delete or actually remove an anchor point well option or function with the mental . You can, of course, create path segments that are both the curved and straight. I mean, you can create connections between them. So if I just click and click and then click again, I'm going to create a straight a corner point right here, a straight path segment. But if I know collect somewhere here and start dragging, you can see that I am creating a smooth I'm going well, smooth past. I wonder in creating on creating an Arctic to put it simply, And if I want to simply connect or change my even if I'm dragging well, like in this case, if I want to change my last lastly created anchor point to it to a corner point, all I need to do is to hold down the old key or option. If you're on a Mac and you can see that I am detached and kind of like detaching direction handle. And it means that the next past second that I'm going to create is gonna be 1/4 past segment. Let's put it like that. And of course, this this direction handled it is indicating the direction of my off my next bath segment. So if I'm simply going to collect somewhere here, you can see that this corner point is actually well, hey, is a corner pointed. This path segment is well, let's put let's go the corner path segment to put to put them simply. And if I if I just grabbed the direct selection tool, I cannot manipulate by my well, my past that, but and you can see that still, this is 1/4 point because we held down the old turkey or option if you're on a Mac. But we we created basically a nice a nice curve just like that. So to wrap things up, remember that with the Penta you can create simple straight path segments. You can create anchor points and connections between them, just like so you can click and drag to create corner points just like that. And if you want to, you can attach like a corner point away Otway toe a curve if you just hold on the old key or the option. If you're on a Mac just like so so you can see that we're manipulating just toe like one direction handle. Just like so. And of course, if I just press the backspace backspace key, I'm going to delete just the lastly created a path segment just like that. And remember that when creating your path segments, you can hold down the shift key. If you want. Teoh. If you want to constrain your creation toe 45 degree angle just like so and also remember that you can when you hover over your path segment, you can. You can temporarily initialize the add or remove the anchor point anchor point. Also If I just click somewhere here, I'm going to add an anchor point. And if I click here, I'm going to remove an angry point. But this is something that we that we are going to discuss in the next video. And let me just let me just tell you that I know that this video was quick and I and I know that there's so much more to cover about the panel, and I encourage you to take a look at the description of this video, where you will find a link to the full course on Li about the panto. It's more than more than one hour course on just the panel, so you will understand everything that is there is to understand about the panel. So let's actually move onto the next next video, where we will talk about the and the add and remove anchor point to before you move onto the next video. Be sure to get your copy of the free E book on Android at Pichon Design that is waiting for you on my website david Tyminski dot com, and you'll find the link in the description off this video 3. 2 Adding and removing anchor points: in this video, we will talk about adding and removing anchor points, and we'll start talking about that. Well, that's subject by exploring the ad and well, actually, it should be called Remove Anchor Point toe because there's there's quite a quite an important distinction between deleted and removing anchor points, and we will talk about in just a second. So as you can see, the and Ankle Parental has a has a handy short cut off the plus symbol. Not wanted to say the plus letter of the plus symbol right here. And we got the delete, which should be named Remove anchor point two. And it has a handy short cut off the minus symbol right here. So how does on that's this whole work? Well, if I hover over an existing on existing will shape or a path like so and if I just click or click or click or click, I'm going to add anchor at anchor points, and right now I can, of course, I'm going to say, Well, the direct selection tool I can select an ankle point and I can move it just like so I can select and Ankara born and I can move it. And as you can see, we are creating, like, kind of like a polygon right now so I can move these anchor points around these anchor points that I've done that I've just added right now with the remove well, actually delete. But it should be called remove anchor points Whenever I hover over an an ankle and just click, you can see that I am removing that. I'm removing anchor points and I am left with the clothes with a closed path. If I just grab the direct selection toe and if I just click on an ankle point and now I actually deleted, so I'm gonna press the backspace key. You can see that I have removed the whole path segment and I am left with an open path just like this one. And if I just went with that with them, we'll delete or remove anchor point total. And if I just click on an anchor point, you can see that the shape looks. It looks totally different than the path is now closed. Instead of being open, I would also like to direct your attention to this control panel. You can see that If I have, let's say this anchor point to select it. I could move Teoh this control panel and you can see that I got to remove this selected anchor points that tool right here. And actually this naming convention is. But I think it's a bit better because this is removed selected anchor points. And if I click on it, you can see that the effect that I am getting is basically the same that we would get if we were using them. If we're using, Well, delete anchor Point. Also, if I just click on this anchor point, if I just click on this anchor point, I'm going to get this this triangle this triangle shape like so. So before we call it a day and actually move to another video, let me just show you one little trick on how you can add and remove multiple anchor points . So I'm gonna make sure that my my path, my triangle is selected and I'm gonna go to the object menu bath and I'm gonna go with add anchor points just like so. And what illustrator is doing right now is it's doubling the amount of anchor points that were present within my path. So since I had three anchor points, I had this one. This one and this one illustrator is now well has added this anchor point. And we conceded by if I just selected with the direct selection toe move just a bit around and it added this ankle point, this guy right here and it added this anchor point right here, and we can do the same thing with them with removing selected anchor points. So let me just, um, select maybe this anchor point and maybe this anchor point. And by way I'm selecting them with direct selection toe holding down the shift key. So I'm adding the's anchor points to my selection. And of course, I could go with the this remove selected anchor points toe. But I also can go to the object menu path and remove anchor points just like so to have this kind of a this kind of a shape. But remember that if you have your whole object selected, just like so and you go to the object menu bath and remove anchor points, we're actually going to remove all the anchor points, which will virtually mean that you are going to delete your your shape. So always remember that have that it works best if you have simple anchor points selected, not the whole shape. So in the next video we will talk about two converting anchor points, which means the turning them from corner to smooth. So from what I would like you to remember from this video is that with the with the remove anchor points and the tool which which should be removed anchor point until we can remove, we can remove single or multiple actually anchor points, and that there is a quite an important distinction between removing and deleting and, of course, with the and anchor point till I can freely add anchor points wherever I want to, to maybe change the field well, the look and feel of my shape. Or maybe just change a part of my shape. So as I mentioned in the next video, we will talk about converting anchor points 4. 3 Convert anchor point tool: in this video, we will talk about converting anchor points and converting anchor points means making them or turning them from smooth to corner or from corner to smooth. And to do that, we can use that convert ankle point. All that sits right here is the last tool right here in the pant over panto family. And it has a short cut off shift. See, this is this guy right here. So the way this tool works is that if I select my object and if I hover over my ankle point and if I just click on it, you can see that I've turned it from being like a nice curve have turned it into being a nice corner. And of course I can keep doing it and I can keep doing it and I can keep doing it. And from from a circle, we eventually got a Well, we got a square. And if I want to revert the process, I can simply click on an anchor point and start dragging. I'm gonna click and drink, and I can hold down the shift key, by the way, if I want to to constrain the proportions, so I'm gonna click and drag I'm gonna click and the drag and I'm going to click and drag to create the shape that is going to look something like this. And if I just select Well, let's say that I'm going to select just one ankle ports. I'm gonna grab the direct selection toe I'm going to select and I'm going to select. Well, maybe this guy right here, this this bank open here on the top and I'm going to move to my to my control panel and you can see this convert part two right here. And if I now just click on this converts selected anchor points to corner, I'm going to turn it back into a corner. And if I click on them on their convert, selected ankle points to smooth, you can see that I'm converting it back toe to a smooth and well anchored point. And it well, it's finally come. Illustrators idea on how it should look like And I got to tell you that in many in many scenarios it works really well. Well, it suffices. The resultant off this automatic transformation re suffices in many cases. So one more time if I got this anchor point of stop anchor points selected. I can converted here in the control panel to corner or I can convert it, Teoh Smooth. Just like so. Of course I can do. I can select maybe this anchor point and this ankle point. So I got this right and this bottom anchor points selected. So I selected them by holding them to shift key. And if I now just convert them just like so you can see that I'm that I am, We'll kind of go treating really, really funky shapes. I'm actually leading illustrator to create thank you of final funky shapes for me. So the thing to remember from this lesson is that we can we can convert the ankle points from smooth toe to corner and from corner to smooth, and we can create a actually. Well, maybe first that's created to your drops. I'm going to select this this top anchor point, just like so, and I'm going to convert it to to corner just like that. And now I can simply drag this guy in the did This bottom anchor point might be just a bit down and I can move these guys just a bit down to create kind of like a kind of like a tear or maybe, well, maybe a leaf shape. And of course, I can select multiple anchor points if I want to buy holding down. I'm dragging around with the direct selection tool and holding down the shift key, and I can simply manipulate I can turn them to corner, or I can turn them back to the back to smooth. So there you go. These are the absolute basics off how these panto and panels siblings actually work. So we covered the mental. We covered the add and remove anchor points. So and now we covered the converter anchor point toe. But tell me, let me tell you that it takes quite a lot of practice to understand all these tools, especially the panto, and I encourage you to practice with these tools. But once you know well the idea behind the stools, it's going to be much easier for you to practice and to understand them. So in the next videos, we will talk about to the typography tools inside inside Illustrator 5. 4The Curvature Tool: The last of the tools in the Chantel Gang is the curvature tool, and the curvature tool has been introduced to illustrator and it's Ah si si 2014 version, and it's ah well to that is especially for all of you guys who kind of got tired with the trying to learn the mental and distill is supposed to be kind of like a remedy for all your occur of creation, needs or problems. But if you really struggled with the pencil, advise you to take a look at my comprehensive mental class on skill shirt, it gives you a thorough knowledge from the ground up how to use that Chantel and how to use its siblings how to use, like, alternative tools to the panel so you won't have to struggle with it no more. But this video is about the curvature tool, so let's actually see what this tool does, what it has to offer. As you can see, it sits right here, and it has a short cut off shift, plus the minus symbol. If you wanna you wanna go for the for the short of the curvature tool. Now the way it works is a so well, he basically at the beginning, it works like the panel. I mean, if I just click and if I just click, you can see that I have created a straight line. But as soon as I simply move my mouth just like so I am actually Well, I'm kind of like just in the direction handles on this point right here. You can see them, but well, it basically works like that. I mean, also, if you were creating this shape in, just maybe do it with the mental, So if you were trying to create it with the pencil, you can see that if I just click and now drag, it basically kind of like is behaving in the same way. I am dragging out this direction handles. And I am creating a curve right here. Of course, I am not creating another another will path segment right here. So again, that would just lead all these guys. So again, I'm gonna grab the curvature tool. And again, if I just click and then click, I'm gonna create a simple straight line. And as soon as I simply move my mouth so I'm going to create a Well, I'm gonna create a set path segment and that is being curved on the left. And and you can see that at the same time I get a little preview off how this another path segment is actually going to look like and I can keep going. And as you can see, I am not Only cream will get any preview of how the next time, the past seven, it is going to look like you can see that also, I am banding my my previously created a path segment as well. So if I just click somewhere here, maybe here you can see that this past segment has altered a bit. And of course, I created this path segment as well. Now, if I move my my cursor over the first anchor point right here, you can see that I am actually going to close to this shape. So if I just click on it, you can see that I closed this shape just like so. If you want. It's just the curve anus of your path segments. Here's what you can do. You can either go to a past segment and simply click on it and bring it to the left in this case or with this guy to the right. But as you can see, I am adding another anchor point right here. So if you want to move this guy just like that, you wanna you wanna just your path segments? In a way, I just did. What you can do is you can simply temporal temporarily switched to this to the anchor point tool convert Anchor point. Oh, I just press the shift see on my keyboard. And if I hover over a past segment, you can see that I can now move reshape of this path segment changes Covenas without adding a single anchor point just like so. So another interesting thing about the curvature to is if I just grab it, If I simply impress and hold on the old key right now, I am on Lee going to be creating straight past segments. You can see this little slash symbol next to the car virtual tool, a symbol. And it means that I'm just well, using this This just like I would use that the panel. So if I just may be closed this close, this shape right here, where we can do with the paths and anchor points created in this way with the cover Teutul is that if I just double click on any anchor point, I can simply make them round, just like socially. If I could get clicking on these guys, I'm simply going to make them run. But as you can see, we don't have much control over how how this curve is actually going to look like in the end. But if you want to do it if you want, if you want to create a shape like this one and effort, if you want to learn the curvature to and this is what you can do with it. So if I just double click on on a corner point, I'm going to turn it into smooth. Another interesting thing about the curvature tool is that if I do hold down the old key or option if you're on a Mac and keep creating my paths, and if I if I try to close this shape and I still have my my well, I'm still pressing down the Alte. If I click on this the first anchor point in order to close my shape you can see that I actually created a curve. I did close the shape, but I also created a curve just like that. So let me just do it again. So if I hold on the altar key, click and click and click. And now holding down the old key, I'm going to close this shape. I am also going to create a curve. I wouldn't if I just if I just didn't called on the held on the bulky. If I just click on the first anchor point without holding down the Alte, I'm simply going to close this shape instead of closing and creating a curve at the same time. So there you go. This is how you can use the curvature tool. If you are having problems with the pen tal you can. You can create curves with that tool as we just so. But I would advise you to try Teoh. Try to give it a give it another shot. We'll try to give the pencil another shot that'll learn in tow the right one. And as I said before, you can find my class on Lee on the mantle here on sculpture and and and I really think that if you if you take it, you will you will become a real master off the panel. So there you go. This is the pencil and all the others. Other tools in the panto gang. Now the in the next two set of videos, we will talk about that typography tools. But that's gonna be in in the next two in the next class Before you move onto the next video, be sure to get your copy of the free e book on Android app Icon design that is waiting for you on my website david Tyminski dot com. And you'll find the link in the description off this video. Also, please subscribe to the channel and it would be great if you advised me on how to make these videos better for you. And you can do that in the common section to this video. So, as always, have a NYSE design