0 1 00:00:00,750 --> 00:00:05,125 Hi there, it is Advanced Pen Tool Tips and Tricks time in Illustrator. 1 2 00:00:05,449 --> 00:00:08,426 Now if you are a bit afraid of the Pen Tool still... 2 3 00:00:08,574 --> 00:00:10,551 you might want to check out the Essentials course. 3 4 00:00:10,576 --> 00:00:12,708 Goes through the Pen Tool a lot more, kind of... 4 5 00:00:12,817 --> 00:00:15,434 I guess, a bit more of basic understanding. 5 6 00:00:15,543 --> 00:00:17,519 This one here is going to jump straight into the... 6 7 00:00:17,637 --> 00:00:21,028 you're an okay user of the Pen Tool, and you want to take it to the next level. 7 8 00:00:21,277 --> 00:00:25,238 So get a notepad out, there's a few shortcuts and key combinations... 8 9 00:00:25,271 --> 00:00:26,864 to make this work and go fast. 9 10 00:00:27,535 --> 00:00:30,199 Let's get in there, redraw this little doll thing... 10 11 00:00:30,387 --> 00:00:32,020 and make it look like this. 11 12 00:00:32,106 --> 00:00:33,262 All right, let's get started. 12 13 00:00:33,371 --> 00:00:35,574 So Advanced Pen Tool time. 13 14 00:00:35,599 --> 00:00:37,848 Let's bring in an image, so 'File', 'Place'. 14 15 00:00:38,168 --> 00:00:41,520 Let's bring in, from your 'Exercise Files', one called 'Pen Tool'. 15 16 00:00:41,981 --> 00:00:43,682 Where are you, Pen Tool? There you are, there. 16 17 00:00:43,715 --> 00:00:45,887 Make sure it's a 'Template', click 'Place'. 17 18 00:00:46,098 --> 00:00:47,637 So it's on its own layer, and locked. 18 19 00:00:48,739 --> 00:00:50,263 Next thing is, under 'Properties'... 19 20 00:00:50,288 --> 00:00:52,606 let's grab our 'Pen Tool' from our 'Tool Bar'. 20 21 00:00:53,258 --> 00:00:55,367 Make sure we've got a Fill of 'none'. 21 22 00:00:56,484 --> 00:00:58,422 We'll have a Stroke of 'black', that's fine. 22 23 00:00:58,532 --> 00:01:00,872 One of the first things we need to do when using the Pen Tool... 23 24 00:01:00,897 --> 00:01:02,024 is turn 'off' the Smart Guides. 24 25 00:01:02,049 --> 00:01:03,696 So 'Command U' turns it off... 25 26 00:01:03,721 --> 00:01:05,953 otherwise it starts trying to snap to things... 26 27 00:01:05,978 --> 00:01:07,469 and you'll lose your Mojo. 27 28 00:01:07,680 --> 00:01:09,617 Now first trick is for better curves. 28 29 00:01:09,984 --> 00:01:12,086 Say I want to do this curvy bit down the bottom here. 29 30 00:01:12,211 --> 00:01:14,242 You might be at a habit... 30 31 00:01:14,267 --> 00:01:16,602 or the way you were taught, by clicking once for a corner... 31 32 00:01:16,634 --> 00:01:19,687 clicking and dragging for a curve, then a corner here. 32 33 00:01:19,881 --> 00:01:23,138 Now that is fine, but often you can get nice curves... 33 34 00:01:23,372 --> 00:01:25,888 by using handles out of these corner points. 34 35 00:01:26,045 --> 00:01:27,863 So I'm going to start by clicking and dragging out... 35 36 00:01:27,888 --> 00:01:28,873 and I'm dragging out a curve. 36 37 00:01:28,898 --> 00:01:30,631 I'm dragging towards the line I want to go. 37 38 00:01:31,794 --> 00:01:32,865 Roughly about there. 38 39 00:01:32,890 --> 00:01:34,779 Then watch this, I'm going to drag out... 39 40 00:01:35,592 --> 00:01:38,396 and I get the same line with less Anchor Points. 40 41 00:01:38,429 --> 00:01:42,154 You'll find that if you have just two Anchor points, using handles... 41 42 00:01:42,349 --> 00:01:44,224 it will just give you a nice smoother shape... 42 43 00:01:44,249 --> 00:01:49,591 than you would get from doing two corners with a curve in the middle. 43 44 00:01:50,404 --> 00:01:52,904 The trouble it runs into, if you want to change direction here... 44 45 00:01:52,929 --> 00:01:55,498 because it's a corner, right? We knew it was a corner when we drew it. 45 46 00:01:56,006 --> 00:01:58,834 So that brings me on to my next shortcut. 46 47 00:01:58,859 --> 00:02:00,802 If you've got a curve where you want it to be a corner... 47 48 00:02:00,827 --> 00:02:04,662 you can just hold down the 'Alt' key on a PC, or 'Option' key on a Mac. 48 49 00:02:06,045 --> 00:02:07,568 You can see, I've broken it up there. 49 50 00:02:08,240 --> 00:02:10,755 I'm going to go up to here, and I want it to be a curve still... 50 51 00:02:10,780 --> 00:02:12,920 so, I'm going to click and drag out. 51 52 00:02:13,943 --> 00:02:15,388 I can break it again later on... 52 53 00:02:15,584 --> 00:02:19,021 by holding the 'Alt' key on a PC, or 'Option' key on a Mac... 53 54 00:02:19,046 --> 00:02:20,763 and breaking it as I'm drawing... 54 55 00:02:20,788 --> 00:02:23,448 rather than drawing it out, then having to go back to... 55 56 00:02:23,473 --> 00:02:27,268 the Convert Anchor Point Tool, or the White Arrow. 56 57 00:02:27,456 --> 00:02:29,518 Just a nice handy extra trick. 57 58 00:02:29,628 --> 00:02:32,424 So that's one way of doing it, let's show you an even better way... 58 59 00:02:32,456 --> 00:02:34,557 and the way I normally draw is with the Pen Tool. 59 60 00:02:34,784 --> 00:02:37,784 So I'm going to click and drag out here to get this first curve. 60 61 00:02:38,003 --> 00:02:38,917 Click and drag out. 61 62 00:02:38,942 --> 00:02:40,776 And instead of doing what we did before... 62 63 00:02:40,801 --> 00:02:42,558 is draw it, and then come back to it... 63 64 00:02:42,583 --> 00:02:45,464 and break it using the 'Option' key, or the 'Alt' key on a PC. 64 65 00:02:45,620 --> 00:02:46,729 You can actually do it here. 65 66 00:02:46,754 --> 00:02:49,714 Before you start-- before you get it kind of roughly where you want it to... 66 67 00:02:49,815 --> 00:02:53,705 just hold down the 'Alt' key on a PC, or 'Option' key on a Mac, that same key. 67 68 00:02:54,081 --> 00:02:56,675 Before you let go, and it actually snaps it while you're going. 68 69 00:02:56,883 --> 00:02:58,602 So I'll often do this. 69 70 00:02:58,805 --> 00:03:00,266 And drag out. 70 71 00:03:00,299 --> 00:03:02,828 Let's say I want to keep these curves... 71 72 00:03:02,853 --> 00:03:04,810 Doing a real rough job to speed through... 72 73 00:03:04,835 --> 00:03:06,529 but I get to here, and I drag it out... 73 74 00:03:06,554 --> 00:03:08,990 then I hold 'Alt', just bring it up this way... 74 75 00:03:09,022 --> 00:03:12,107 because I know that's going to get me roughly where I want to go. 75 76 00:03:13,287 --> 00:03:14,669 And we're going to get to this point. 76 77 00:03:15,080 --> 00:03:16,224 So 'Alt' breaks it. 77 78 00:03:16,249 --> 00:03:17,267 We get to this point... 78 79 00:03:17,292 --> 00:03:21,443 and I know-- I need it to be really long to get that existing curve, right? 79 80 00:03:21,576 --> 00:03:24,419 But I know that this top point up here, you can see... 80 81 00:03:24,444 --> 00:03:26,642 you're like, "Man, it's gone too far", and you'll end up-- 81 82 00:03:27,536 --> 00:03:29,614 you'll have your methods to fix it up. 82 83 00:03:29,639 --> 00:03:32,646 What you can do is, watch this, while I'm dragging that one out... 83 84 00:03:32,826 --> 00:03:36,294 if you hold down the 'Command' on a Mac, or 'Control' key on a PC... 84 85 00:03:36,529 --> 00:03:38,646 you can-- it still keeps it locked... 85 86 00:03:38,912 --> 00:03:42,607 but it brings this handle in, so that the extent is not as far. 86 87 00:03:42,865 --> 00:03:45,044 So, while you're dragging... 87 88 00:03:45,069 --> 00:03:47,974 you can kind of shorten one of them by holding the 'Command' key. 88 89 00:03:48,326 --> 00:03:50,349 I know these are all a little bit tough to remember... 89 90 00:03:50,381 --> 00:03:53,786 but you've got your notepad next to you, and you're going to just spend-- 90 91 00:03:53,904 --> 00:03:55,935 whenever you're doing your next drawing, you're just kind of like, "Okay." 91 92 00:03:56,060 --> 00:03:58,005 You might only use two or three of them... 92 93 00:03:58,169 --> 00:04:02,521 but I find I use all of them, it just makes my Pen Tool experience a lot better. 93 94 00:04:02,637 --> 00:04:03,994 Another one we're going to do is... 94 95 00:04:04,019 --> 00:04:06,294 say I get along here, and I start drawing... 95 96 00:04:06,419 --> 00:04:08,224 and it's just not quite on the line, right? 96 97 00:04:08,357 --> 00:04:11,177 What I can do, before I let go, just hold down the 'space bar' key... 97 98 00:04:11,404 --> 00:04:13,966 then when I move my mouse, it's moving the Anchor Point. 98 99 00:04:14,627 --> 00:04:16,162 So I can continue on to get it perfect. 99 100 00:04:16,779 --> 00:04:18,794 That's going to be it for super shortcuts. 100 101 00:04:18,827 --> 00:04:22,286 What I'd like you to do for your project is to finish off this drawing. 101 102 00:04:22,311 --> 00:04:24,909 You can use the Pen Tool or the Curvature Tool... 102 103 00:04:25,267 --> 00:04:27,300 which we learned in the previous video, it's up to you. 103 104 00:04:27,425 --> 00:04:29,784 Just kind of a rough drawing, don't worry if it's not perfect. 104 105 00:04:29,809 --> 00:04:33,050 I'd like you to do it, because we're going to use it as an example later on... 105 106 00:04:33,083 --> 00:04:36,987 to kind of color it in, show you how to color in a hand drawn drawing. 106 107 00:04:38,863 --> 00:04:41,180 One of the things that you might run into is... 107 108 00:04:41,205 --> 00:04:43,214 like how do you want to complete this now. 108 109 00:04:43,308 --> 00:04:45,564 You're going to get to this point here, and go... 109 110 00:04:45,589 --> 00:04:47,480 "Do I go down here, or up this way?" 110 111 00:04:47,753 --> 00:04:50,839 So let's just turn it into a pilot piece. 111 112 00:04:51,081 --> 00:04:53,831 What I mean by that is that, I'm going to grab my 'Black Arrow'... 112 113 00:04:54,074 --> 00:04:55,345 just click off in the background... 113 114 00:04:55,370 --> 00:04:57,230 and I'm going to draw it as a separate line. 114 115 00:04:57,402 --> 00:04:59,381 We'll join them all up later on using... 115 116 00:04:59,406 --> 00:05:01,730 some cool tool called the Shape Builder Tool. 116 117 00:05:01,886 --> 00:05:03,558 I'm just going to click and drag down here. 117 118 00:05:04,127 --> 00:05:06,222 Do I want it to join? Yes, I probably do. 118 119 00:05:08,058 --> 00:05:09,491 You can see here, I'm not worried... 119 120 00:05:09,516 --> 00:05:11,323 that it doesn't go around, completely joins... 120 121 00:05:11,348 --> 00:05:14,613 we're going to go through and connect these up a different way. 121 122 00:05:14,831 --> 00:05:18,456 So, Pen Tool, let's say this line here, there's this kind of hand... 122 123 00:05:18,839 --> 00:05:22,347 what I'm going to do is, click once, and just click once there. 123 124 00:05:22,878 --> 00:05:24,784 That's going to be enough for what I need. 124 125 00:05:25,022 --> 00:05:27,444 I'm going to use the Pen Tool now. 125 126 00:05:27,976 --> 00:05:29,502 I'm going to draw a curve. 126 127 00:05:31,515 --> 00:05:32,734 A curve. 127 128 00:05:34,491 --> 00:05:35,562 Curve. 128 129 00:05:35,587 --> 00:05:38,056 What I might do is just overlap this a little bit... 129 130 00:05:38,081 --> 00:05:41,140 because, do I want to get them a perfect line there? 130 131 00:05:41,241 --> 00:05:42,882 It becomes too hard to draw that way. 131 132 00:05:43,248 --> 00:05:44,489 So we're going to overlap that... 132 133 00:05:44,514 --> 00:05:46,632 and what I'll do is I'll draw that foot over the top... 133 134 00:05:46,657 --> 00:05:49,312 and we'll trim that up using the Shape Builder Tool. 134 135 00:05:49,452 --> 00:05:51,585 So that's the kind of technique I want you to use. 135 136 00:05:51,610 --> 00:05:55,202 Just make sure everything is-- don’t have to overlap completely like this. 136 137 00:05:55,312 --> 00:05:57,062 It can be close like that. 137 138 00:05:57,087 --> 00:06:00,327 We'll show you later on, there is a magic way of joining those up. 138 139 00:06:00,492 --> 00:06:04,031 I'd like you to go through, draw all the lines you can see here. 139 140 00:06:04,195 --> 00:06:05,914 Don't stress too much about it... 140 141 00:06:05,939 --> 00:06:07,530 but this might be a really good time... 141 142 00:06:07,555 --> 00:06:12,047 to practice your super amazing, fantastic new advanced Pen Tool tricks. 142 143 00:06:12,072 --> 00:06:13,132 All right, I'm back. 143 144 00:06:13,157 --> 00:06:14,859 I was just drawing this, and I thought... 144 145 00:06:14,884 --> 00:06:17,703 actually there's probably more I can add to this video... 145 146 00:06:17,828 --> 00:06:19,523 because one of the big problems is... 146 147 00:06:19,548 --> 00:06:22,484 let's say we're using any of the tools, I'm using the Pen Tool... 147 148 00:06:22,718 --> 00:06:25,359 is if I kind of-- say I want to click over here... 148 149 00:06:25,384 --> 00:06:27,328 it's going to really want to join up to this tool... 149 150 00:06:27,976 --> 00:06:29,484 or join up to the end of these lines... 150 151 00:06:29,509 --> 00:06:31,210 and you're like, kind of, "Stop connecting up." 151 152 00:06:31,450 --> 00:06:33,255 The easiest way is-- 152 153 00:06:33,364 --> 00:06:35,193 so the Curvature Tool is the worst for it, right? 153 154 00:06:35,218 --> 00:06:40,372 If I start down here, and I put one there, one there, I want to go to this... 154 155 00:06:40,543 --> 00:06:42,998 it really wants to kind of do stuff with this, and you're like... 155 156 00:06:43,023 --> 00:06:44,997 "Oh, what happened? We're just doing this line." 156 157 00:06:45,544 --> 00:06:48,044 The easiest way is just to go, zoom in real quick. 157 158 00:06:48,443 --> 00:06:51,169 So if I click there, it joined up. 158 159 00:06:51,880 --> 00:06:54,489 I've really exaggerated these lines, you can see, they all overlap. 159 160 00:06:54,514 --> 00:06:56,833 We'll tidy that up in a future tutorial... 160 161 00:06:57,197 --> 00:06:58,361 but we click once... 161 162 00:06:58,635 --> 00:07:01,142 and where it gets in here, where it really wants to join, just zoom in. 162 163 00:07:01,407 --> 00:07:04,220 I'm using 'Command +', you might use 'Control +'... 163 164 00:07:04,245 --> 00:07:08,431 and just click in here, it gives you, I guess, a bigger room to kind of-- 164 165 00:07:08,456 --> 00:07:10,431 so it's not kind of trying to guess these lines. 165 166 00:07:10,939 --> 00:07:13,184 I often do that, zooming in, just to make sure... 166 167 00:07:13,209 --> 00:07:14,869 it doesn't join up with other lines. 167 168 00:07:15,002 --> 00:07:17,924 Another thing I realized while I'm working is that... 168 169 00:07:18,103 --> 00:07:21,017 to deselect you can go to 'Black Arrow', or hit the 'V' key. 169 170 00:07:21,050 --> 00:07:23,540 The shortcut I use the most is holding the 'Command' key down. 170 171 00:07:23,565 --> 00:07:25,869 You can see, we get the 'Black Arrow', and just click off in the background. 171 172 00:07:26,174 --> 00:07:27,806 So while I'm drawing-- 172 173 00:07:28,932 --> 00:07:30,556 Let's say we want to draw this line. 173 174 00:07:30,581 --> 00:07:33,572 So click once, I'm using the Curvature Tool, click once. 174 175 00:07:33,775 --> 00:07:35,338 I've got just a nice curve. 175 176 00:07:35,363 --> 00:07:38,361 It keeps on joining, so hold 'Command' and just click off in the background... 176 177 00:07:38,386 --> 00:07:39,385 so I can start again. 177 178 00:07:39,666 --> 00:07:41,806 And again, it's going to really want to join that line. 178 179 00:07:41,869 --> 00:07:43,478 So if I zoom right in... 179 180 00:07:43,749 --> 00:07:47,085 holding 'space bar' to click and hold, and drag this around. 180 181 00:07:47,288 --> 00:07:50,054 Just going to start, kind of exaggerate this. 181 182 00:07:52,093 --> 00:07:53,773 I'm going to try avoid this line here. 182 183 00:07:54,554 --> 00:07:56,100 Click once, click once. 183 184 00:07:56,445 --> 00:07:58,273 Click once, click once. 184 185 00:07:58,515 --> 00:07:59,546 Go to 'Curvature Tool'. 185 186 00:08:00,257 --> 00:08:02,632 Built for making weird flowers. 186 187 00:08:04,249 --> 00:08:05,265 Click off in the background. 187 188 00:08:05,290 --> 00:08:08,406 One last thing before I go is, when you get to the end of your drawing... 188 189 00:08:08,431 --> 00:08:11,140 because we're going to color this in later on... 189 190 00:08:11,319 --> 00:08:13,546 you’re kind of left with an ugly looking drawing. 190 191 00:08:13,729 --> 00:08:15,920 A lot of things overlap, and it's not very nice. 191 192 00:08:15,945 --> 00:08:17,492 Nice little easy trick is... 192 193 00:08:17,687 --> 00:08:19,624 I'm selecting it all with my 'Black Arrow'... 193 194 00:08:19,649 --> 00:08:22,344 holding down the 'Alt' key, or 'Option' key on a Mac... 194 195 00:08:22,601 --> 00:08:23,945 and just making a duplicate. 195 196 00:08:24,116 --> 00:08:26,104 And with it selected, just go over to 'Stroke'... 196 197 00:08:26,129 --> 00:08:28,493 and pick something down here where it says Profile. 197 198 00:08:29,109 --> 00:08:32,148 Let's pick something nicer, like this first one here, the 'Width Profile'. 198 199 00:08:32,343 --> 00:08:35,124 Just gives it a nice kind of hand drawn look. 199 200 00:08:35,149 --> 00:08:36,952 I've bumped mine up to '3pt'. 200 201 00:08:37,223 --> 00:08:38,684 Looks a bit better. 201 202 00:08:38,942 --> 00:08:40,229 Like I said, Shape Builder Tool... 202 203 00:08:40,254 --> 00:08:42,802 we're going to make this, fill it in, and do some cool colors. 203 204 00:08:43,063 --> 00:08:45,391 All right, that's it for Advanced Pen Tool stuff. 204 205 00:08:45,805 --> 00:08:46,984 I'll see you in the next video.