Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:01,569 --> 00:00:05,228 Hi there, in this video we're going to make this swooshy looking fox thing... 2 00:00:05,253 --> 00:00:08,049 using my favorite tool, the Shape Builder Tool. 3 00:00:08,082 --> 00:00:11,655 Look at him, he's all made of little shapes, and bits, and pieces. 4 00:00:12,067 --> 00:00:13,813 Let's put you back together, fox... 5 00:00:13,838 --> 00:00:16,821 and let's go learn how to make you in Adobe Illustrator. 6 00:00:17,553 --> 00:00:20,239 So let's start with a new document, 'File', 'New'. 7 00:00:20,479 --> 00:00:24,709 You can use US Letter Landscape, or A4 Landscape, it doesn't matter. 8 00:00:25,047 --> 00:00:26,198 Click on 'Create'. 9 00:00:26,349 --> 00:00:29,254 We're going to bring in the drawing we're going to copy from. 10 00:00:29,360 --> 00:00:31,765 So let's save this document, 'File', 'Save'. 11 00:00:31,903 --> 00:00:35,411 Let's put it on our 'Desktop', in our 'Illustrator Class Files'. 12 00:00:35,436 --> 00:00:38,049 Let's call this one 'Awake Fox'. 13 00:00:39,681 --> 00:00:40,958 Let's click 'OK'. 14 00:00:41,446 --> 00:00:43,381 Let's bring in the image we're going to redraw... 15 00:00:43,477 --> 00:00:45,137 we're going to go to 'File', 'Place'. 16 00:00:46,712 --> 00:00:48,058 We're going to use... 17 00:00:48,083 --> 00:00:52,055 in our 'Exercise Files', there's one called 'Awake Fox.jpg'. 18 00:00:52,265 --> 00:00:54,551 Remember, like in the previous tutorial... 19 00:00:54,761 --> 00:00:57,570 we could just bring it in, put it on its own layer, and lock it... 20 00:00:57,595 --> 00:00:59,134 and turn the Transparency down. 21 00:00:59,249 --> 00:01:00,988 You can do that all in one fell swoop... 22 00:01:01,013 --> 00:01:03,479 by just clicking this 'Template' as you bring it in. 23 00:01:03,845 --> 00:01:05,059 Remember... 24 00:01:05,456 --> 00:01:07,106 watch this, it's created two layers... 25 00:01:07,241 --> 00:01:09,367 one's a Template layer, and you can't touch it. 26 00:01:09,858 --> 00:01:12,207 And they've dimmed it down, so you can draw on that easily. 27 00:01:12,544 --> 00:01:14,092 We're working on 'Layer 1'. 28 00:01:14,242 --> 00:01:15,258 Let's go back to 'Properties'. 29 00:01:15,571 --> 00:01:18,539 Now, there is no real particular order to start this... 30 00:01:18,564 --> 00:01:20,161 but you might as well follow me. 31 00:01:20,616 --> 00:01:24,049 So let's start with, say the Polygon Tool. 32 00:01:24,453 --> 00:01:25,588 If we click once... 33 00:01:25,699 --> 00:01:27,255 we're going to make sure it says three sides. 34 00:01:27,280 --> 00:01:30,186 I'm not too worried about the radius at the moment, just click 'OK'. 35 00:01:30,626 --> 00:01:33,872 What we can do is, 'Black Arrow', holding 'Shift'... 36 00:01:34,297 --> 00:01:37,043 drag it out to the right size, and rotate it around. 37 00:01:37,276 --> 00:01:40,045 We did Rotation & Scaling in an earlier tutorial. 38 00:01:41,081 --> 00:01:43,607 I'm going to get it roughly in there. 39 00:01:43,815 --> 00:01:46,833 Now, you'll notice that the choice has snapped to the edge of the page... 40 00:01:46,858 --> 00:01:49,285 and lots of those purple arrows, that's really handy. 41 00:01:49,318 --> 00:01:53,418 Sometimes it's just nice to get it close... and use your arrow keys on your keyboard. 42 00:01:53,547 --> 00:01:56,801 Just a kind of tap it around with the keyboard to get it close. 43 00:01:56,826 --> 00:01:57,944 I'm happy with that. 44 00:01:58,291 --> 00:02:00,973 What I'd like to do is have 'No' Fill, and a 'Black' Stroke. 45 00:02:01,118 --> 00:02:03,035 So I've got my black Stroke, if you don't... 46 00:02:03,281 --> 00:02:05,732 click on 'Stroke', 'Black', 'Fill Color'. 47 00:02:05,981 --> 00:02:07,869 Let's go for 'No' Fill color. 48 00:02:08,126 --> 00:02:11,246 Now I'm not sure which part to start with, I'm going to start with the ears here. 49 00:02:11,279 --> 00:02:13,843 So I'm going to grab and hold down the 'Polygon Tool... 50 00:02:13,868 --> 00:02:15,129 and grab the 'Ellipse Tool'. 51 00:02:15,548 --> 00:02:16,921 I'm going to draw an ellipse. 52 00:02:17,524 --> 00:02:19,803 Holding down 'Shift', remember, gets a perfect circle. 53 00:02:19,828 --> 00:02:21,996 If I let go of Shift, it can get a weird shape. 54 00:02:22,029 --> 00:02:25,101 It's up to you what you want to do, I'm going to start with perfect circles. 55 00:02:25,336 --> 00:02:26,979 Something like that, 'Black Arrow'... 56 00:02:27,004 --> 00:02:29,266 remember, I can't click the center, because it has no Fill. 57 00:02:29,498 --> 00:02:32,038 So I'm going to click the edge, and kind of drag it. 58 00:02:32,255 --> 00:02:35,787 You can kind of see, I'll use it maybe for that one, it's a bit big. 59 00:02:35,925 --> 00:02:40,714 I'm just resizing it till I get something close to that part. 60 00:02:40,852 --> 00:02:42,685 Using my keyboard to tap it around again. 61 00:02:42,997 --> 00:02:44,148 Cool. That will do. 62 00:02:44,188 --> 00:02:46,044 I am going to copy it, and paste it. 63 00:02:46,237 --> 00:02:49,126 Then move it up, so I've got it kind of here as well. 64 00:02:50,193 --> 00:02:53,098 I think I used a slightly smaller one, here we go. 65 00:02:55,115 --> 00:02:56,267 Even smaller than that. 66 00:02:57,763 --> 00:02:59,112 Trying to match that circle in there. 67 00:02:59,424 --> 00:03:00,845 That will do. 68 00:03:03,288 --> 00:03:05,632 Next thing I'd like to do is start using my Shape Builder Tool. 69 00:03:05,891 --> 00:03:07,685 So I'm going to select everything. 70 00:03:07,812 --> 00:03:10,613 So my 'Black Arrow', select everything on the page... 71 00:03:10,638 --> 00:03:12,593 and I'm going to move to my 'Shape Builder Tool'. 72 00:03:13,064 --> 00:03:14,596 Now what I want to do is... 73 00:03:14,733 --> 00:03:16,206 I don't want to add any of these guys... 74 00:03:16,231 --> 00:03:18,916 I want to subtract this chunk up here that I don't need. 75 00:03:18,941 --> 00:03:20,896 Now who remembers what the shortcut is? 76 00:03:21,405 --> 00:03:24,842 That's right, it's 'Option' on a Mac, or 'Alt' on a PC. 77 00:03:25,193 --> 00:03:26,695 Hold it down, and you see I get a minus, ' - '... 78 00:03:26,720 --> 00:03:28,376 and I can drag across all of that, that, that. 79 00:03:29,181 --> 00:03:32,078 Click on him, you can see I can kind of minus those chunks off. 80 00:03:32,103 --> 00:03:34,836 I want to leave that, because that's going to be kind of the wider nose. 81 00:03:35,077 --> 00:03:37,254 These guys though need, they're doing some weird stuff... 82 00:03:37,279 --> 00:03:38,442 so I'm going to join them all. 83 00:03:38,574 --> 00:03:40,851 Remember, holding no keys down, will add. 84 00:03:41,417 --> 00:03:42,734 I'm going to add all of that to it. 85 00:03:42,759 --> 00:03:45,850 I'm going to minus that off, minus that off. 86 00:03:46,820 --> 00:03:49,050 Then, yes, it's kind of the basics for it. 87 00:03:49,973 --> 00:03:51,489 I'm going to grab my 'Black Arrow'. 88 00:03:52,102 --> 00:03:53,944 What do I want to do now? I want the other ear. 89 00:03:53,969 --> 00:03:56,598 So I'm just going to copy it, paste it, I got another version. 90 00:03:57,434 --> 00:03:58,720 This guy here... 91 00:03:58,815 --> 00:04:01,609 can't quite remember, I'm going to all the way turn it around a little bit. 92 00:04:02,822 --> 00:04:03,782 Awesome! 93 00:04:04,568 --> 00:04:06,544 We've got another set of ears back here. 94 00:04:07,230 --> 00:04:08,572 Maybe not so much rotation. 95 00:04:09,861 --> 00:04:14,711 Now with everything selected, again, let's grab the 'Shape Builder Tool'. 96 00:04:15,915 --> 00:04:17,058 That bit's perfect. 97 00:04:17,083 --> 00:04:20,042 Now I just want to join these together, about there. 98 00:04:20,229 --> 00:04:22,911 And the nose goes, kind of disjointed with all these little bits. 99 00:04:22,944 --> 00:04:26,375 You might have to zoom in a little bit, remember, 'Command +', or 'Control +'. 100 00:04:26,639 --> 00:04:29,401 I'm going to draw on all of that together, so it's one unit. 101 00:04:29,604 --> 00:04:31,168 Now it starts looking a bit high, because you're like... 102 00:04:31,193 --> 00:04:33,518 "What is the drawing underneath, and which is mine?" 103 00:04:33,543 --> 00:04:36,118 You might go to 'Layers', and turn this 'on' and 'off'. 104 00:04:36,143 --> 00:04:38,150 Just to get a sense of what it is. 105 00:04:38,293 --> 00:04:41,007 So the only thing I'm really missing is the circle for the eye. 106 00:04:41,243 --> 00:04:43,148 So let's do that, grab the 'Ellipse Tool'... 107 00:04:43,913 --> 00:04:46,080 drag this out, why am I dragging it up here? 108 00:04:46,113 --> 00:04:47,948 No reason, I'm going to drag it down here. 109 00:04:49,313 --> 00:04:50,186 Habit. 110 00:04:50,377 --> 00:04:53,789 Move it around, select all this chunk. 111 00:04:54,295 --> 00:04:56,671 I'm going to grab the 'Shape Builder Tool'... 112 00:04:57,822 --> 00:05:01,227 and I'm going to do-- I want to add all of that together. 113 00:05:02,336 --> 00:05:03,471 That kind of worked. 114 00:05:05,663 --> 00:05:07,640 On, off, on that bottom layer. 115 00:05:07,665 --> 00:05:09,248 It's looking good, now we just need the neck. 116 00:05:09,273 --> 00:05:10,546 I'm going to zoom out a little bit. 117 00:05:11,769 --> 00:05:12,791 Grab the 'Ellipse Tool'. 118 00:05:12,816 --> 00:05:15,396 Try and draw a circle big enough for that outside bit. 119 00:05:16,437 --> 00:05:19,043 Holding 'Shift', it feels about right. 120 00:05:21,911 --> 00:05:24,586 No, that's way too big. Hold it down. 121 00:05:25,669 --> 00:05:28,074 Remember, grabbing the edge, not the center of the circle. 122 00:05:28,529 --> 00:05:31,245 It's about him, and there's one stripe, two stripes. 123 00:05:31,285 --> 00:05:33,047 So I'm going to copy and paste him. 124 00:05:34,059 --> 00:05:35,225 I'm going to use that one. 125 00:05:35,998 --> 00:05:38,334 Roughly about that size, paste another one. 126 00:05:39,626 --> 00:05:41,934 Actually I don't need to paste another one, as long as I've got two there. 127 00:05:45,339 --> 00:05:47,109 Don't need that guy. Go away. 128 00:05:47,887 --> 00:05:49,649 So I am now going to select it all. 129 00:05:49,920 --> 00:05:53,381 Grab my 'Shape Builder Tool', and I'm going to say, don't need you. 130 00:05:54,083 --> 00:05:55,758 Don’t want you, actually I do want you. 131 00:05:56,047 --> 00:05:58,245 There's the ellipse there. Why did I delete that one? 132 00:05:58,819 --> 00:05:59,761 I don’t need it. 133 00:05:59,892 --> 00:06:02,025 So, there was a circle that I was missing. 134 00:06:02,282 --> 00:06:05,084 You probably saw it while you were doing it, and went, "No." 135 00:06:05,999 --> 00:06:08,499 It is there. We don't need three circles. 136 00:06:08,756 --> 00:06:11,137 Now one of the things is going to happen here, if I zoom in... 137 00:06:12,108 --> 00:06:15,021 scroll up here, I hold my 'space bar', you see, it doesn't line up here. 138 00:06:15,175 --> 00:06:18,334 To make the Shape Builder work nicely, you need to overlap everything. 139 00:06:18,504 --> 00:06:21,012 So I'm zoomed in; it's just easier when you're zoomed in. 140 00:06:21,523 --> 00:06:24,356 Now I'm going to grab the edge, and try to get him to snap in there. 141 00:06:24,454 --> 00:06:25,922 It's reasonably thick, I think. 142 00:06:25,947 --> 00:06:28,530 Doesn't have to be absolutely, scientifically perfect... 143 00:06:28,555 --> 00:06:30,833 but reasonably close, a couple of pixels. 144 00:06:31,231 --> 00:06:34,098 Now I'm going to select it all, and grab my 'Shape Builder Tool'... 145 00:06:34,219 --> 00:06:36,108 and I'm going to say, I don't want that. 146 00:06:36,746 --> 00:06:39,755 Don't want any of that, don't want that, I don't need that. 147 00:06:39,971 --> 00:06:42,090 Delete that, I'm going to come in here. 148 00:06:42,760 --> 00:06:45,236 What I might do now is turn off the Template... 149 00:06:45,602 --> 00:06:47,247 because I kind of know. 150 00:06:48,105 --> 00:06:50,494 Those two I want, those two I want. 151 00:06:51,078 --> 00:06:52,616 If you're finding it a little bit tough, don't worry. 152 00:06:52,641 --> 00:06:54,165 It is a little bit tough, trying to work out. 153 00:06:54,190 --> 00:06:55,445 You end up deleting the wrong bits... 154 00:06:55,470 --> 00:06:58,112 like, there's a chunk through here, I'm going to add you guys together. 155 00:06:58,496 --> 00:07:01,147 'Black Arrow', select the background, pretty close. 156 00:07:01,922 --> 00:07:04,400 There's some of these Strokes flowing on, that are different sizes. 157 00:07:04,425 --> 00:07:06,463 There's a thin one there, and a thick one there. 158 00:07:06,633 --> 00:07:08,922 I'm going to select them all, and say 'Properties'... 159 00:07:08,947 --> 00:07:13,548 and I'm going to give them all the same Stroke Width of this '0.25 points'. 160 00:07:13,848 --> 00:07:15,769 Just a really thin one to get us going. 161 00:07:16,668 --> 00:07:18,383 That is looking good. 162 00:07:18,408 --> 00:07:22,044 If you find you've got kind of junk in the nose, like this little trim bit... 163 00:07:22,069 --> 00:07:25,023 just use your Shape Builder Tool to try and tidy it up. 164 00:07:25,265 --> 00:07:27,923 You might even use the Black Arrow, just click bits, and delete it. 165 00:07:28,768 --> 00:07:30,752 Now what I want to do is go and color it. 166 00:07:30,777 --> 00:07:33,858 I'm going to put in a nice, big gray background. 167 00:07:33,883 --> 00:07:36,543 I don’t know why, everything looks better on a dark gray background. 168 00:07:36,784 --> 00:07:40,784 I'm just drawing a nice big rectangle, I'm going to fill it with a dark gray. 169 00:07:42,615 --> 00:07:43,893 I'm going to have 'No' Stroke on it. 170 00:07:44,547 --> 00:07:47,563 I'm going to click 'Arrange', 'Send it to the Back'. 171 00:07:47,947 --> 00:07:49,669 Now I'm going to fill this with color. 172 00:07:50,473 --> 00:07:51,791 There's a couple of ways of filling it. 173 00:07:51,816 --> 00:07:54,072 I can just click the edges, and go fill it... 174 00:07:54,112 --> 00:07:55,816 or I could use the Shape Builder technique... 175 00:07:55,841 --> 00:07:57,581 like we did in the last video, it's up to you. 176 00:07:58,783 --> 00:08:01,046 I'm going to go pick colors, foxy colors. 177 00:08:01,747 --> 00:08:02,787 I'm going to mix my own. 178 00:08:02,812 --> 00:08:08,424 I'm going to click on the 'Mixer'. I got my 'Object' selected... 179 00:08:08,748 --> 00:08:10,614 I've clicked on 'Fill', I've clicked on 'Mixer'... 180 00:08:10,639 --> 00:08:14,852 and I'm going to click down here to try and find a foxy color. 181 00:08:15,706 --> 00:08:19,111 That's going to be my kind of lead color, I'll pick this one. 182 00:08:19,566 --> 00:08:20,638 Front Fill. 183 00:08:21,139 --> 00:08:22,410 I'm going to use the pretty mix color... 184 00:08:22,435 --> 00:08:24,527 and just make it a bit darker by grabbing the 'K'. 185 00:08:24,818 --> 00:08:25,995 Lifting it up a little bit. 186 00:08:27,123 --> 00:08:29,426 I'm going to use this kind of back of the head bit... 187 00:08:29,451 --> 00:08:31,197 by doing the same sort of thing. 188 00:08:31,438 --> 00:08:33,573 I'm going to use that, but lightening it up. 189 00:08:34,438 --> 00:08:35,558 Go even lighter. 190 00:08:37,225 --> 00:08:39,222 This one here is going to be just... 191 00:08:39,830 --> 00:08:43,354 should be white, maybe, but I'm going to use this, like off white... 192 00:08:43,881 --> 00:08:44,722 so it looks good. 193 00:08:45,168 --> 00:08:46,229 Same with you. 194 00:08:47,352 --> 00:08:49,479 And, off white. 195 00:08:50,449 --> 00:08:51,823 I'm going to select it all as well. 196 00:08:51,959 --> 00:08:53,808 Now if I select all of it... 197 00:08:54,023 --> 00:08:55,882 I'm going to end up with the background selected as well. 198 00:08:55,907 --> 00:08:57,743 That's fine, because I want to go to 'Stroke'... 199 00:08:58,036 --> 00:09:00,298 and I want to say, never use those Strokes, 200 00:09:00,541 --> 00:09:01,628 Thank you very much. 201 00:09:01,953 --> 00:09:05,715 And that is our cool little fox thing. 202 00:09:06,422 --> 00:09:08,009 All done with the Shape Builder Tool... 203 00:09:08,034 --> 00:09:12,344 get some nice kind of swooshes and swirls, and it's kind of flowy. 204 00:09:12,571 --> 00:09:15,627 Those are words I'm just making up, but you get the idea, right? 205 00:09:15,652 --> 00:09:16,995 It's kind of a nice, swooshy thing. 206 00:09:17,363 --> 00:09:21,148 So, now it is time for the end, and the time for the class project. 207 00:09:21,406 --> 00:09:24,414 So what I've done is, I've done another sketch that you can use... 208 00:09:24,520 --> 00:09:27,409 but I want you to go through and use the same techniques from the fox... 209 00:09:27,434 --> 00:09:28,742 but we're going to use our-- 210 00:09:28,819 --> 00:09:30,827 So 'New Document', use 'File', 'Place'... 211 00:09:30,852 --> 00:09:33,494 and you're going to bring in this one called 'Swan'. 212 00:09:34,228 --> 00:09:35,894 Yes, that's meant to be a swan. 213 00:09:37,014 --> 00:09:39,754 Kind of looks like a swan, kind of a chunky swan. 214 00:09:39,926 --> 00:09:41,149 You're allowed to-- 215 00:09:41,243 --> 00:09:43,203 it doesn't have to be perfect like this, I guess. 216 00:09:43,228 --> 00:09:46,349 What I want to see is a better swan, nice colors. 217 00:09:47,298 --> 00:09:49,790 It's totally up to you, you can draw it perfectly if you like... 218 00:09:50,523 --> 00:09:52,270 but using the same tools as we did... 219 00:09:52,295 --> 00:09:56,567 using the Shape Builder Tool and the fox, I'd like you to go off and do the swan. 220 00:09:56,600 --> 00:09:58,997 Again, I'd like to see your projects. 221 00:09:59,494 --> 00:10:03,090 All right, that is it for this video, let's get on to the next one. 222 00:10:03,506 --> 00:10:05,974 Actually no, you're going to go off and start doing your homework. 223 00:10:06,190 --> 00:10:07,825 Draw this one, make him better. 224 00:10:08,492 --> 00:10:09,976 All right, see you in the next video though. 20255