0 1 00:00:00,164 --> 00:00:04,203 Just when you thought the last video of our Shape Builder was long, there's more. 1 2 00:00:04,235 --> 00:00:06,453 There's a few special tricks we're going to do... 2 3 00:00:06,478 --> 00:00:08,625 to complete some of the previous drawings we've done. 3 4 00:00:09,219 --> 00:00:11,023 Like this guy we did earlier. 4 5 00:00:11,048 --> 00:00:14,508 We're going to run a line from the middle, and split them up into Gradients. 5 6 00:00:15,477 --> 00:00:18,688 Over here I'm going to show you how to expand some of these lines... 6 7 00:00:18,713 --> 00:00:20,647 so that you can add the feet and stuff... 7 8 00:00:20,672 --> 00:00:23,126 that we started earlier on in the tutorial series. 8 9 00:00:24,132 --> 00:00:27,820 First thing you need to do though is go and open up the file called-- 9 10 00:00:27,845 --> 00:00:30,836 'File', 'Open', and it's in your 'Exercise Files'. 10 11 00:00:30,861 --> 00:00:32,883 It is called 'Shape Builder Extra'. 11 12 00:00:32,908 --> 00:00:35,242 Go do that now, and I'll see you later in the video. 12 13 00:00:36,374 --> 00:00:38,513 So some extra Shape Builder goodness. 13 14 00:00:38,538 --> 00:00:39,942 I like it that much. 14 15 00:00:39,967 --> 00:00:42,216 There's a couple of things we haven't covered, one is... 15 16 00:00:42,248 --> 00:00:45,807 the first one is like a bit of a shortcut, so I've got three circles. 16 17 00:00:45,832 --> 00:00:48,669 Just happen to be circles, we have lots of circles. 17 18 00:00:48,912 --> 00:00:51,537 I'm going to select all three, jump to my 'Shape Builder Tool'. 18 19 00:00:51,662 --> 00:00:53,200 So over here, in my Tool Bar... 19 20 00:00:54,880 --> 00:00:57,911 I can join these up by clicking all through, that's fine. 20 21 00:00:58,505 --> 00:00:59,880 Three circles is no big drama... 21 22 00:00:59,905 --> 00:01:01,997 but if you hold the 'Shift' key, and click, and drag... 22 23 00:01:02,029 --> 00:01:04,426 you get kind of a rectangle marquee tool. 23 24 00:01:04,630 --> 00:01:06,660 Just kind of does that all in one big go... 24 25 00:01:06,685 --> 00:01:09,988 so if you've got lots of objects, instead of trying to drag across them... 25 26 00:01:10,013 --> 00:01:11,693 and scroll through them all, just hold 'Shift'... 26 27 00:01:11,935 --> 00:01:14,661 drag across all three, and that kind of uses the Shape Builder... 27 28 00:01:14,686 --> 00:01:17,248 where it kind of flattens them all into one solid object. 28 29 00:01:18,302 --> 00:01:20,732 Next little thing that's going to happen is... 29 30 00:01:20,873 --> 00:01:23,107 remember this from earlier exercise... 30 31 00:01:23,474 --> 00:01:25,701 if I select all of this, and grab the Shape Builder Tool... 31 32 00:01:25,726 --> 00:01:28,099 you'll be like, "Why can't I fill the center bit?"... 32 33 00:01:28,318 --> 00:01:29,935 and you might be like, "Oh, because this is a gap." 33 34 00:01:30,138 --> 00:01:31,802 It's not because of that gap. If I fill that gap... 34 35 00:01:32,052 --> 00:01:34,615 it still won't work, so 'White Arrow'... 35 36 00:01:34,748 --> 00:01:35,942 drag it right across. 36 37 00:01:36,755 --> 00:01:40,271 A bit exaggerated there, but grab the 'Width Tool'... 37 38 00:01:40,497 --> 00:01:41,356 it's still a big hole. 38 39 00:01:41,482 --> 00:01:42,826 And you can kind of see why. 39 40 00:01:43,396 --> 00:01:44,591 If I select it all... 40 41 00:01:44,624 --> 00:01:47,411 you can see, blue lines here, indicating that's the path... 41 42 00:01:47,436 --> 00:01:50,451 the kind of spine of the art there. 42 43 00:01:50,560 --> 00:01:52,349 You can see, this is more in effect. 43 44 00:01:52,615 --> 00:01:54,318 It's not a Fill around the outside. 44 45 00:01:55,028 --> 00:01:57,873 There's actually a massive gap between this line and this line. 45 46 00:01:57,898 --> 00:01:59,567 This here is just like a pretty effect. 46 47 00:02:00,021 --> 00:02:02,443 So what you need to do is to fix that. 47 48 00:02:04,037 --> 00:02:05,106 There's two things I want to do. 48 49 00:02:05,131 --> 00:02:07,896 I'm going to copy and paste this, so I've got a version of it up here... 49 50 00:02:07,921 --> 00:02:10,724 because I never want to-- I hate destroying stuff that I've made... 50 51 00:02:10,749 --> 00:02:12,544 because I'll come back and be like, "I want to adjust it." 51 52 00:02:13,013 --> 00:02:14,958 I can't, because I've smashed it into pieces. 52 53 00:02:15,191 --> 00:02:17,347 So with it selected here, we're going to go to 'Object'... 53 54 00:02:17,372 --> 00:02:19,831 and we're going to go to this one that says 'Expand Appearance'. 54 55 00:02:20,620 --> 00:02:22,698 Just kind of expands it. 55 56 00:02:22,730 --> 00:02:26,096 So it's no longer an effect, it's actually a shape running around the outside. 56 57 00:02:26,386 --> 00:02:28,933 So now, I'll do my Fill. 57 58 00:02:29,159 --> 00:02:32,526 The gap's pretty big over here, but let's grab our 'Shape Builder Tool'. 58 59 00:02:32,884 --> 00:02:34,275 And it does it fine. 59 60 00:02:34,504 --> 00:02:36,785 Another thing I want to show you before we move on. 60 61 00:02:36,810 --> 00:02:38,715 If you double click the Shape Builder Tool... 61 62 00:02:38,942 --> 00:02:41,402 you can have Gap Detection. 62 63 00:02:42,567 --> 00:02:45,059 By default I think it's medium, you can crank it right up... 63 64 00:02:45,084 --> 00:02:46,371 to large, or you can custom... 64 65 00:02:46,396 --> 00:02:48,841 where you say, I want to fill and join all these holes. 65 66 00:02:49,043 --> 00:02:51,051 So you might have an artwork that just needs like that. 66 67 00:02:51,076 --> 00:02:52,247 You've done some hand drawing... 67 68 00:02:52,778 --> 00:02:55,668 and you want to fill it up after a Live Trace, or something like that. 68 69 00:02:56,028 --> 00:02:57,731 Everything else in here is-- 69 70 00:02:57,871 --> 00:03:00,653 what I turn off, is this one here, Cursor Swatch Preview. 70 71 00:03:00,840 --> 00:03:02,932 Just gets rids of the colors above my arrow. 71 72 00:03:02,982 --> 00:03:05,231 We'll align it, that annoys me so much, but it does. 72 73 00:03:06,448 --> 00:03:08,094 Let's look at two things. 73 74 00:03:08,119 --> 00:03:10,427 I want to fill this with a white. 74 75 00:03:11,237 --> 00:03:14,301 White, I'm going to fill this with a random green. 75 76 00:03:14,326 --> 00:03:15,879 I'm going to fill it properly in a second. 76 77 00:03:16,137 --> 00:03:18,504 And I want to kind of split that in half. 77 78 00:03:18,934 --> 00:03:21,246 I want it to be a line running down the outside. 78 79 00:03:21,271 --> 00:03:23,325 So I’ve got kind of two colors within here. 79 80 00:03:23,559 --> 00:03:26,059 It's going to be this tool here basically. 80 81 00:03:26,239 --> 00:03:28,153 I'm going to make another duplicate of him. 81 82 00:03:28,450 --> 00:03:29,737 With my 'Black Arrow'... 82 83 00:03:29,762 --> 00:03:33,622 holding down the 'Alt' key on a PC, or 'Option' key on a Mac, get a duplicate. 83 84 00:03:34,137 --> 00:03:36,426 And what I want to do is, actually go to 'Stroke' here... 84 85 00:03:36,451 --> 00:03:38,731 and go 'Profile', 'Uniform'. 85 86 00:03:38,756 --> 00:03:41,340 I don't want any of that Width Tool goodness. 86 87 00:03:41,535 --> 00:03:43,691 I want to turn the Weight down to something really tiny. 87 88 00:03:44,246 --> 00:03:45,582 It doesn't really matter what size it is. 88 89 00:03:45,825 --> 00:03:47,426 I'm going to drag it down now. 89 90 00:03:48,074 --> 00:03:51,331 What I want to do is, I'm going to click off, grab this end part of it. 90 91 00:03:51,464 --> 00:03:52,637 Can you see, where it says Anchor... 91 92 00:03:52,662 --> 00:03:55,191 I'm going to try and jam it, then hope for the best. 92 93 00:03:56,137 --> 00:03:57,457 Feel like I might have got that. 93 94 00:03:57,887 --> 00:03:59,184 I'm going to select both of these. 94 95 00:03:59,216 --> 00:04:01,019 'Black Arrow, drag along both. 95 96 00:04:02,496 --> 00:04:04,234 What I'd like to do is, back to my 'Width Tool'. 96 97 00:04:04,687 --> 00:04:07,398 You can see, it's kind of carved that into two little pieces. 97 98 00:04:07,570 --> 00:04:09,976 You might have to go play around with Gap Detection to fix that... 98 99 00:04:10,001 --> 00:04:11,781 but I'm just going to put him around in colors. 99 100 00:04:11,821 --> 00:04:13,616 I'm going to do Gradients in a second. 100 101 00:04:14,163 --> 00:04:15,992 That's kind of where I wanted to start. 101 102 00:04:16,017 --> 00:04:19,234 I'm going to select it all, say 'Stroke', 'None'. 102 103 00:04:20,718 --> 00:04:23,437 I kind of have to stop myself there, I'm going to go and add Gradients to this. 103 104 00:04:24,132 --> 00:04:26,546 Gradients aren't particularly exciting, I'll do that at the end... 104 105 00:04:26,571 --> 00:04:29,749 because there's more important stuff like this, over here. 105 106 00:04:30,007 --> 00:04:31,517 What I'm going to do is... 106 107 00:04:31,542 --> 00:04:34,851 whenever I'm expanding a line, I'd like to have a copy. 107 108 00:04:35,533 --> 00:04:37,335 Just stick them up here, it goes in later on. 108 109 00:04:37,592 --> 00:04:39,678 And what I'd like to do is add the feet. 109 110 00:04:41,327 --> 00:04:43,999 We're going to kind of join the two bits and pieces. 110 111 00:04:44,024 --> 00:04:47,100 So what I'll do is, I'll draw-- 111 112 00:04:47,125 --> 00:04:48,327 What should I draw first? 112 113 00:04:49,215 --> 00:04:51,770 Let's grab the Curvature Tool. 113 114 00:04:52,965 --> 00:04:54,981 I click off in the background, so it doesn't select it. 114 115 00:04:55,379 --> 00:04:56,502 You'll notice every now and again... 115 116 00:04:56,527 --> 00:04:59,285 that my cursor changes from the crosshairs to the pen. 116 117 00:04:59,310 --> 00:05:00,567 That's just your Caps Lock key. 117 118 00:05:00,592 --> 00:05:01,827 Just happens sometimes. 118 119 00:05:01,852 --> 00:05:05,559 You can kind of see, my keyboard tells on the screen what it's doing. 119 120 00:05:05,809 --> 00:05:08,020 So what I'm going to do is zoom in here... 120 121 00:05:08,121 --> 00:05:11,074 and I'm going to double click. 121 122 00:05:11,731 --> 00:05:12,762 Double click. 122 123 00:05:14,089 --> 00:05:16,346 Holding 'Shift', so it's a perfect line. Double click. 123 124 00:05:17,939 --> 00:05:19,002 Double click. 124 125 00:05:19,050 --> 00:05:20,354 That curve in there. 125 126 00:05:20,518 --> 00:05:23,971 I'm going to double click here for another corner. 126 127 00:05:24,245 --> 00:05:26,175 So that's one side. 127 128 00:05:26,378 --> 00:05:28,110 What I might do is turn this Stroke Weight... 128 129 00:05:28,135 --> 00:05:31,487 down to something hairline, which is 0.25. 129 130 00:05:31,776 --> 00:05:32,995 So that's one side. 130 131 00:05:33,112 --> 00:05:34,932 Again I want to start on this side. 131 132 00:05:34,965 --> 00:05:37,338 What I might do is just kind of overlap it here 132 133 00:05:38,151 --> 00:05:39,323 And get it close. 133 134 00:05:40,339 --> 00:05:43,612 Double click it, so it's a corner, not a curve. 134 135 00:05:44,003 --> 00:05:46,323 Click once for a corner. 135 136 00:05:48,337 --> 00:05:50,807 Clicking once to kind of tidy it all up at the end. 136 137 00:05:50,979 --> 00:05:53,190 So I've got my kind of rough guides. 137 138 00:05:53,215 --> 00:05:56,128 I'm going to just tidy this up using the White Arrow. 138 139 00:05:59,284 --> 00:06:01,464 Get it kind of how I want it to. 139 140 00:06:01,651 --> 00:06:04,694 I'd love to spend a lot more time fixing these up. 140 141 00:06:08,768 --> 00:06:11,823 I'm going to do that while you're watching; sorry about that. 141 142 00:06:12,620 --> 00:06:15,784 So we've got this, now we want to kind of join these two up, right? 142 143 00:06:16,010 --> 00:06:18,878 So I'm going to-- I'm going to leave some of the badness in there. 143 144 00:06:18,910 --> 00:06:22,119 What I need to do is expand this one, we kind of looked at it before. 144 145 00:06:22,424 --> 00:06:24,932 So we're going to 'Object', 'Expand Appearance'. 145 146 00:06:25,073 --> 00:06:27,713 Now it is no longer-- 146 147 00:06:27,893 --> 00:06:31,260 I can't use the Width Tool to fix this now, so I've got a copy at the top there... 147 148 00:06:31,830 --> 00:06:34,940 but now, I can grab these two, grab my Shift Tool... 148 149 00:06:34,973 --> 00:06:39,034 sorry, 'Shift M' for my Shape Builder Tool. 149 150 00:06:39,059 --> 00:06:41,393 I'm going to join these two, and delete that bit. 150 151 00:06:42,253 --> 00:06:43,378 Probably join these two. 151 152 00:06:44,151 --> 00:06:46,526 And have a look how bad it is. 152 153 00:06:48,158 --> 00:06:49,963 That's not too bad. 153 154 00:06:50,237 --> 00:06:52,760 I'm going to grab my 'A' for White Arrow. 154 155 00:06:52,893 --> 00:06:55,573 This guy here needs some corner love. 155 156 00:06:58,259 --> 00:06:59,369 Same with this guy. 156 157 00:06:59,914 --> 00:07:01,860 Corner Love, I love those guys. 157 158 00:07:02,781 --> 00:07:05,039 When you first see these targets, you're like, "Oh, what to do?" 158 159 00:07:05,906 --> 00:07:08,664 You can do corners, that's okay. It's kind of cool... 159 160 00:07:08,689 --> 00:07:11,219 but it's when you get to this, and you start joining these... 160 161 00:07:11,244 --> 00:07:12,712 that we've run into trouble before. 161 162 00:07:12,867 --> 00:07:14,617 That's a terrible Serif, Dan. 162 163 00:07:16,689 --> 00:07:17,912 I'm going to leave it. 163 164 00:07:18,029 --> 00:07:21,263 I followed my drawing without thinking, "Wow, that's bad." 164 165 00:07:22,810 --> 00:07:23,841 It's kind of run down here. 165 166 00:07:25,623 --> 00:07:27,052 But you get the idea, right? 166 167 00:07:27,085 --> 00:07:28,092 Learning principle. 167 168 00:07:28,117 --> 00:07:30,967 We had to outline this, and we kind of drew this separately. 168 169 00:07:30,992 --> 00:07:32,670 So there's a lot in this document where-- 169 170 00:07:32,695 --> 00:07:33,970 that, I will draw with the Width Tool... 170 171 00:07:33,995 --> 00:07:36,001 but this bit down the bottom here, and the Serif... 171 172 00:07:36,778 --> 00:07:38,341 I will draw separately. 172 173 00:07:39,389 --> 00:07:41,900 That's where I should end it, and you can carry on. 173 174 00:07:41,925 --> 00:07:45,861 I'm going to show you what I probably do with these Serifs... 174 175 00:07:46,861 --> 00:07:49,338 rather than what I've done currently... 175 176 00:07:49,900 --> 00:07:51,854 and I'm going to go add Gradients to it. 176 177 00:07:52,257 --> 00:07:53,882 I'll show you what I do with these Serifs. 177 178 00:07:54,590 --> 00:07:56,507 You probably can do it. 178 179 00:07:57,580 --> 00:07:59,111 I'm just going to draw this straight up. 179 180 00:07:59,462 --> 00:08:00,900 I'm going to say... 180 181 00:08:00,925 --> 00:08:05,143 that's going to be my Serif, and I'm going to copy, paste this. 181 182 00:08:07,585 --> 00:08:08,854 I'll align these both up. 182 183 00:08:09,275 --> 00:08:10,705 Go to center, center. 183 184 00:08:11,178 --> 00:08:12,268 No, click center once. 184 185 00:08:12,502 --> 00:08:15,018 I'm going to use the Shape Builder Tool to join them. 185 186 00:08:15,600 --> 00:08:16,884 I use my sneaky shortcut... 186 187 00:08:16,909 --> 00:08:18,869 'Shift', drag a box across them. 187 188 00:08:19,244 --> 00:08:22,080 And I'm going to grab my 'A' tool. 188 189 00:08:22,900 --> 00:08:24,166 I'm going to click on this guy. 189 190 00:08:26,687 --> 00:08:28,171 You can grab more than one. 190 191 00:08:28,196 --> 00:08:31,109 I'm holding 'Shift' to grab both of those two inside ones, and drag them up. 191 192 00:08:32,653 --> 00:08:34,122 This guy here... 192 193 00:08:35,098 --> 00:08:36,426 I want to skew across. 193 194 00:08:36,582 --> 00:08:38,528 Up here, my Transform window-- 194 195 00:08:38,553 --> 00:08:41,356 you might not see it, it's under 'Window', go down to 'Transform'. 195 196 00:08:41,653 --> 00:08:44,442 I'm going to use 'Skew', I'm going to use this to get started. 196 197 00:08:45,301 --> 00:08:47,621 Nice little trick for-- they call it Shear... 197 198 00:08:47,646 --> 00:08:50,761 is, because I've got kind of really per-defined ones, you're like-- 198 199 00:08:50,786 --> 00:08:52,379 you're not going to probably find it in there. 199 200 00:08:52,551 --> 00:08:54,770 So if you just click in here, and use the up and down arrow... 200 201 00:08:55,215 --> 00:08:56,965 I find that's a really easy way. 201 202 00:08:56,990 --> 00:08:59,965 I'm just kind of tapping my up arrow, and it's going up a degree at a time. 202 203 00:09:00,270 --> 00:09:03,957 A little slow, but I'm going to get this kind of working. 203 204 00:09:04,879 --> 00:09:07,825 That's going to be my Serif for rest of the job. 204 205 00:09:08,090 --> 00:09:10,887 What I'll do is, I'll just use it for lots of things. 205 206 00:09:11,739 --> 00:09:13,051 Am I happy with the weight of it? 206 207 00:09:13,122 --> 00:09:15,238 Probably a little thick, but you get the idea, right? 207 208 00:09:15,263 --> 00:09:19,161 So, I'm going to make a duplicate of it, and use it a good few times. 208 209 00:09:19,543 --> 00:09:20,629 It's actually way too thick. 209 210 00:09:21,317 --> 00:09:24,102 I'm going to use it here, I'll use it again. 210 211 00:09:24,298 --> 00:09:27,361 Where else? I can use it here. 211 212 00:09:28,319 --> 00:09:31,162 In this case, I want to split it up, and open. 212 213 00:09:31,187 --> 00:09:35,795 So I'm going to move it out, grab my 'A' tool, and select that guy. 213 214 00:09:36,117 --> 00:09:38,210 Hold 'Shift', grab all of these fellows. 214 215 00:09:38,820 --> 00:09:42,163 I've got everything on the right hand side, I'll use arrow keys to tap them across. 215 216 00:09:42,437 --> 00:09:46,061 This is how to build that. That's going to be, say, my main Serif... 216 217 00:09:46,086 --> 00:09:47,612 and this is going to be my thin one. 217 218 00:09:47,637 --> 00:09:48,992 I deleted that one, come back. 218 219 00:09:52,054 --> 00:09:55,804 I'm going to use these two guys to start building out that rubbish one. 219 220 00:09:55,829 --> 00:09:57,007 I'm going to remove. 220 221 00:09:57,265 --> 00:09:59,619 You can see, I can... 221 222 00:10:01,158 --> 00:10:02,429 do it for-- 222 223 00:10:03,643 --> 00:10:05,596 there's lots of times I can use that. 223 224 00:10:05,971 --> 00:10:08,026 All these kind of use a version of it. 224 225 00:10:08,065 --> 00:10:11,017 I can use that as my starting, I probably have to lob that bit off. 225 226 00:10:11,945 --> 00:10:13,991 I can use him, and I can kind of-- 226 227 00:10:14,387 --> 00:10:17,341 I guess, use it for lots of things to get started... 227 228 00:10:17,366 --> 00:10:18,604 to kind of smooth things up. 228 229 00:10:18,901 --> 00:10:20,377 I'm rambling now. 229 230 00:10:23,330 --> 00:10:27,542 Gradients, I'm going to do that, you don't need to be around for that. 230 231 00:10:27,567 --> 00:10:29,666 I'll get the editor to speed it up actually. 231 232 00:10:30,377 --> 00:10:31,588 I'll see you in the next video. 232 233 00:10:56,942 --> 00:10:58,734 That's it, don't judge me. 233 234 00:10:58,914 --> 00:11:00,054 Those are the colors I've picked. 234 235 00:11:00,679 --> 00:11:01,742 See you in the next video.