Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:02,073 --> 00:00:05,670 In this video we're going to look at the Shape Builder Tool, I love this tool. 2 00:00:05,695 --> 00:00:09,457 It's absolutely my most favorite tool out of all the tools in Illustrator. 3 00:00:09,644 --> 00:00:12,408 We're going to take this drawing that we did of the fox... 4 00:00:12,433 --> 00:00:16,457 with simple shapes, and add some kind of shadows to it. 5 00:00:16,517 --> 00:00:18,374 Well, not so much exciting about the shadows... 6 00:00:18,399 --> 00:00:20,263 but more of the technique that we used... 7 00:00:20,288 --> 00:00:21,672 the Shape Builder Tool to kind of... 8 00:00:21,744 --> 00:00:24,990 be able to carve out extra colors within other shapes. 9 00:00:25,057 --> 00:00:27,486 I love it. Let's go and learn how to use it now. 10 00:00:27,800 --> 00:00:31,482 To get started with the Shape Builder Tool, let's start with a really simple file. 11 00:00:31,507 --> 00:00:34,492 Go to 'File', 'Open', there is a file in here... 12 00:00:34,517 --> 00:00:36,831 called 'Shape Builder', click 'Open'. 13 00:00:38,453 --> 00:00:42,676 Now this file is not very exciting. All it is, is I'm on my Black Arrow... 14 00:00:42,823 --> 00:00:45,284 just a couple of circles on top of a rectangle. 15 00:00:45,905 --> 00:00:47,135 So what I'd like to do is... 16 00:00:47,160 --> 00:00:50,595 I would like to, say this circle to join this rectangle. 17 00:00:50,902 --> 00:00:53,862 So I'm going to use my Black Arrow, and select them all... 18 00:00:54,127 --> 00:00:56,960 and we're going to go to the Shape Builder Tool, this guy here. 19 00:00:57,179 --> 00:01:00,727 He is the absolute best thing that ever happened to Illustrator. 20 00:01:01,485 --> 00:01:02,874 What it allows me to do is... 21 00:01:02,899 --> 00:01:05,962 you can see, by default there's a '+' next to my cursor there. 22 00:01:06,624 --> 00:01:09,529 What I can do is, watch this, I can hover above this... 23 00:01:09,577 --> 00:01:12,478 click, hold down my mouse, and just drag a line... 24 00:01:12,503 --> 00:01:15,172 and you see, it drags it across all three of these parts. 25 00:01:15,349 --> 00:01:18,008 And they are fused now as one thing. 26 00:01:18,280 --> 00:01:21,340 That is just awesome, no more Path Finder, and trying to join things... 27 00:01:21,365 --> 00:01:22,872 it's really easy, simple shapes... 28 00:01:23,014 --> 00:01:25,435 using the Shape Builder tool, and they join. 29 00:01:25,615 --> 00:01:26,826 Another cool trick is that... 30 00:01:26,851 --> 00:01:30,521 if I hold down the 'Option' key on a Mac, or the 'Alt' key on a PC... 31 00:01:30,546 --> 00:01:33,009 you can see, it changes from a ' + ' to a ' - '. 32 00:01:33,042 --> 00:01:34,639 So what I can do now is... 33 00:01:34,664 --> 00:01:38,593 I want to minus this, and this, I'm holding down my mouse key. 34 00:01:39,198 --> 00:01:42,304 I can drag it across those two bits to minus those bits off. 35 00:01:42,864 --> 00:01:46,301 So that is its main two uses, joining things and minusing things. 36 00:01:46,326 --> 00:01:48,113 It also has another little trick where-- 37 00:01:48,241 --> 00:01:50,028 I've got two bits selected, right... 38 00:01:50,343 --> 00:01:53,230 and what I can do is, I can pick a Fill color, let's say this... 39 00:01:53,342 --> 00:01:56,405 and use it for, not minusing or adding, but just coloring in bits. 40 00:01:56,430 --> 00:01:58,740 So I'm going to click off in the background here... 41 00:01:58,875 --> 00:02:00,371 and watch this, I can just click on that... 42 00:02:00,532 --> 00:02:02,540 and it uses that as the Fill color. 43 00:02:02,677 --> 00:02:04,183 Just really handy to go through... 44 00:02:04,208 --> 00:02:07,912 pick a color, click off, click in there, and it just fills shapes. 45 00:02:08,008 --> 00:02:11,256 I'll go back to my Black Arrow, and now, I click off... 46 00:02:11,774 --> 00:02:14,869 it's actually just three separate shapes that have been colored in. 47 00:02:15,358 --> 00:02:17,755 Let's use it in a kind of a practical sense now. 48 00:02:17,795 --> 00:02:21,574 So let's close this guy, I don't want to save him, it wasn't that exciting. 49 00:02:21,824 --> 00:02:25,107 So before we go and create a round kind of custom shape... 50 00:02:25,132 --> 00:02:26,190 from the Shape Builder Tool... 51 00:02:26,215 --> 00:02:27,706 I'm going to show you how I use it mostly. 52 00:02:27,900 --> 00:02:30,106 I want you to open up the 'fox' that we made earlier. 53 00:02:30,300 --> 00:02:32,419 If you haven't done that tutorial, you can cheat... 54 00:02:32,444 --> 00:02:37,573 go to the 'Exercise Files', and download one called 'Shape Builder 2', open it up. 55 00:02:37,911 --> 00:02:42,300 So what I'd like to do is, I want to add some shadows to this. 56 00:02:42,898 --> 00:02:44,581 You've seen that at the beginning of this video. 57 00:02:45,623 --> 00:02:47,570 So first thing we need to do is, with the Black Arrow... 58 00:02:47,595 --> 00:02:50,356 let's just grab this background, and just move it over to this side. 59 00:02:50,653 --> 00:02:52,883 Just to make life a little easier... 60 00:02:52,908 --> 00:02:56,870 let's go to 'Layers', and turn 'Off' the view of the template. 61 00:02:57,279 --> 00:02:59,001 We'll move it back in later on. 62 00:02:59,171 --> 00:03:01,759 So what I'd like to do is, I'm just going to start with the head. 63 00:03:01,865 --> 00:03:03,405 I'm going to grab the 'Line Tool'... 64 00:03:03,540 --> 00:03:05,421 I'm going to draw a line that goes from his ear... 65 00:03:05,446 --> 00:03:07,910 and I'm going to go all the way through his face here... 66 00:03:07,935 --> 00:03:10,225 just to show you how good the Shape Builder Tool is. 67 00:03:10,381 --> 00:03:12,769 I'm going to grab the 'Black Arrow'. 68 00:03:13,074 --> 00:03:14,414 And I'm going to have this selected... 69 00:03:14,439 --> 00:03:16,282 plus holding 'Shift', and grabbing these selectors. 70 00:03:16,307 --> 00:03:19,751 So I've got the head, and the line there, just those two. 71 00:03:20,162 --> 00:03:21,400 And go to 'Properties'. 72 00:03:21,432 --> 00:03:24,718 I'm going to go to my 'Shape Builder Tool', now I want to color it. 73 00:03:24,850 --> 00:03:27,087 So, like we did earlier, with the red and the blue... 74 00:03:27,112 --> 00:03:28,384 I'm going to pick a Fill color. 75 00:03:28,512 --> 00:03:32,178 I'm going to go to my 'Swatches' here, pick the orange. 76 00:03:32,269 --> 00:03:34,492 I'm going to move to this, like color mixer. 77 00:03:34,764 --> 00:03:37,232 Pre-made swatches here, color mixer here. 78 00:03:37,362 --> 00:03:40,338 I want to make it a bit dark, watch this, this 'K' is black. 79 00:03:41,008 --> 00:03:42,588 You can see, if I drag it, it gets a bit darker. 80 00:03:42,613 --> 00:03:44,897 I'm going to go to maybe 10%. 81 00:03:45,054 --> 00:03:47,490 You can be a bit more flexible with yours. 82 00:03:47,755 --> 00:03:50,802 Now, just need to click anywhere out, to close that box. 83 00:03:51,743 --> 00:03:53,695 Now when I hover above, click once... 84 00:03:53,720 --> 00:03:56,182 and I've got this lovely dark, lovely. 85 00:03:56,375 --> 00:03:59,979 That's fine. So yes, cast this shadow here. 86 00:04:00,316 --> 00:04:02,110 Now next thing I want to do is grab my Black Arrow... 87 00:04:02,135 --> 00:04:03,396 and just click off in the background. 88 00:04:04,352 --> 00:04:05,646 There are some bits left over... 89 00:04:05,671 --> 00:04:07,408 that thing there, if you've got some black... 90 00:04:07,666 --> 00:04:10,171 hanging off the end here, you can just select it, and hit 'Delete'. 91 00:04:10,196 --> 00:04:11,079 Don't need that anymore. 92 00:04:11,471 --> 00:04:14,963 Next thing I want to do is maybe cast a shadow underneath the chin. 93 00:04:14,988 --> 00:04:19,628 Same thing, 'Line Tool', cast some sort of fake Casting Shadow thing. 94 00:04:20,233 --> 00:04:24,752 'Black Arrow', hold 'Shift', so I've got the line, and his body selected. 95 00:04:25,787 --> 00:04:28,286 Actually you can't go to Fill yet, you got to go to the Shape Builder Tool. 96 00:04:28,982 --> 00:04:30,284 Then go to 'Fill'. 97 00:04:31,141 --> 00:04:31,931 I'm going to use that-- 98 00:04:31,956 --> 00:04:34,867 you can see it's the last color that I've used, and it's pretty mixed it. 99 00:04:35,020 --> 00:04:38,354 If it hasn't, you can go back to the 'Swatches', click this one, go here. 100 00:04:38,548 --> 00:04:39,730 Do '10%'. 101 00:04:39,755 --> 00:04:42,603 Hopefully you can use the last mixed, save some time. 102 00:04:42,643 --> 00:04:45,243 I'm just going to hover above, and get to click out... 103 00:04:45,485 --> 00:04:47,350 hover above this, click once. 104 00:04:47,969 --> 00:04:50,913 This is going to run into our first problem with the Shape Builder Tool. 105 00:04:51,371 --> 00:04:53,593 Grab the 'Selection Tool', click off in the background. 106 00:04:53,618 --> 00:04:57,193 You can see, this has ended up above everything, which is fine. 107 00:04:57,218 --> 00:04:59,961 All I need to do is, with it selected with the 'Black Arrow'... 108 00:04:59,986 --> 00:05:01,781 click 'Arrange', and 'Send to Back'. 109 00:05:02,007 --> 00:05:03,666 Now we'll be using 'Send to Back'. 110 00:05:04,424 --> 00:05:07,480 You might just need to 'Send Backwards', backwards goes back one step. 111 00:05:07,800 --> 00:05:09,981 If I click backwards now, it's not going to quite work... 112 00:05:10,006 --> 00:05:11,133 it's probably going behind... 113 00:05:11,286 --> 00:05:13,612 I don't know, this, and you can keep going backwards. 114 00:05:13,820 --> 00:05:16,925 And it's just one step at a time, backwards, backwards... 115 00:05:16,950 --> 00:05:18,245 and eventually you'll get there. 116 00:05:18,270 --> 00:05:20,767 I'm going to go to 'Arrange', 'Send to complete back'. 117 00:05:21,169 --> 00:05:22,050 Awesome! 118 00:05:22,075 --> 00:05:23,401 Now I'm going to do a couple of more shadows... 119 00:05:23,426 --> 00:05:24,677 you can follow along if you like. 120 00:05:24,847 --> 00:05:28,222 I'm going to grab this, copy and paste it, make it bigger. 121 00:05:28,479 --> 00:05:30,765 I'm going to use it like, shadow for his bum. 122 00:05:30,790 --> 00:05:32,720 I'm going to select both of these, holding 'Shift'. 123 00:05:32,911 --> 00:05:35,490 With my Black Arrow, move to the Shape Builder Tool. 124 00:05:35,930 --> 00:05:37,081 Pick a Fill color. 125 00:05:37,750 --> 00:05:39,480 Last used color, didn't work. 126 00:05:39,505 --> 00:05:41,800 I'm going to go to here and pick 10%. 127 00:05:42,389 --> 00:05:44,524 Click off, and then click back on. 128 00:05:44,988 --> 00:05:47,194 Back to my Black Arrow, click off in the background... 129 00:05:47,219 --> 00:05:49,162 grab him, don't need you anymore, buddy. 130 00:05:49,484 --> 00:05:52,389 I'm going to do the same with the tail here, copy, paste it. 131 00:05:52,861 --> 00:05:54,042 Make it a bit bigger. 132 00:05:54,251 --> 00:05:58,460 I'll use it to kind of make some sort of tail shadow. 133 00:05:59,407 --> 00:06:00,533 Select both of them. 134 00:06:00,815 --> 00:06:03,759 Holding 'Shift', go to 'Shape Builder Tool'. 135 00:06:03,784 --> 00:06:05,007 You will get it after some time... 136 00:06:05,032 --> 00:06:07,056 Shape Builder Tool is one of the shortcuts I use loads. 137 00:06:07,081 --> 00:06:10,360 If I hover above the tool, can you see, it says, 'Shift+M'. 138 00:06:10,696 --> 00:06:12,108 That's both for Mac and PC. 139 00:06:12,133 --> 00:06:14,461 If I hold down the 'Shift' key on my keyboard, and type 'M'... 140 00:06:14,524 --> 00:06:16,571 it jumps to the Shape Builder Tool. 141 00:06:16,813 --> 00:06:18,535 And the Black Arrow is 'V'. 142 00:06:18,670 --> 00:06:21,931 So very often, I'm going 'V', 'Shift+M', you can see on my Tool Bar... 143 00:06:21,956 --> 00:06:24,596 I'm kind of jumping in between the two by just clicking those keys. 144 00:06:25,625 --> 00:06:28,782 'Fill', I'm going to use this one, '10%'. 145 00:06:29,795 --> 00:06:31,676 Click off, and I'm going to say, you... 146 00:06:32,719 --> 00:06:35,753 clicking my Black Arrow, which is the V key, delete this one. 147 00:06:36,102 --> 00:06:39,559 I'm going to create some sort a line here, now I'm just knocking about. 148 00:06:40,163 --> 00:06:41,671 You can skip on if you like. 149 00:06:42,330 --> 00:06:43,766 Select both of them. 150 00:06:44,898 --> 00:06:45,938 'Shift+M'. 151 00:06:46,851 --> 00:06:49,959 Pick a darker color than I had before for my Swatches. 152 00:06:52,121 --> 00:06:56,705 Kind of looks like he's doing custom made shadow from the moonlight. 153 00:06:57,308 --> 00:06:58,866 I'm going to grab this one, drag it back in. 154 00:06:59,223 --> 00:07:02,747 Snap it up, you'll just notice that it's in the wrong kind of layer order. 155 00:07:02,772 --> 00:07:04,099 So I'm going to do a 'Select In'. 156 00:07:04,903 --> 00:07:06,601 'Arrange', and 'Send to Back'. 157 00:07:06,897 --> 00:07:09,022 And that's kind of how I use the Shape Builder a lot. 158 00:07:09,047 --> 00:07:10,650 I kind of get the basics in with some shapes... 159 00:07:10,675 --> 00:07:12,656 then use other shapes... 160 00:07:12,809 --> 00:07:16,920 and the Shape Builder Tool to kind of construct some more sophisticated art work. 161 00:07:17,614 --> 00:07:19,773 So that's kind of updating an existing drawing. 162 00:07:19,798 --> 00:07:22,182 Let's go and make something cool in the next video. 163 00:07:22,207 --> 00:07:23,687 Totally with the Shape Builder Tool. 164 00:07:23,712 --> 00:07:26,809 It's pretty nice, and it's one of those styles that are trending at the moment. 165 00:07:26,834 --> 00:07:29,349 So let's go and look how to do that in the next video. 15344