0 1 00:00:00,132 --> 00:00:03,976 Hi there, in this video we're going to use the very best creation tool... 1 2 00:00:04,001 --> 00:00:07,039 in all of Illustrator, in my opinion, the Shape Builder Tool... 2 3 00:00:07,064 --> 00:00:09,477 to make this whale circle-y special thing. 3 4 00:00:09,813 --> 00:00:12,086 All right, let's go build it now in Illustrator. 4 5 00:00:12,969 --> 00:00:16,180 First up, let's work out what Shape Builder does, or replaces. 5 6 00:00:16,205 --> 00:00:17,376 It's the Path Finder Tool. 6 7 00:00:17,961 --> 00:00:20,453 We love to hate the Path Finder Tool, right? 7 8 00:00:20,859 --> 00:00:23,228 I want to join these shapes up, or knock them out... 8 9 00:00:23,253 --> 00:00:24,352 and you end up kind of... 9 10 00:00:24,461 --> 00:00:26,781 you know you can select only two at a time. 10 11 00:00:26,813 --> 00:00:29,811 You have to do some copying and pasting, and have versions, and you're like... 11 12 00:00:30,063 --> 00:00:32,500 "I'm going to click on this one." Not the one, undo. 12 13 00:00:33,031 --> 00:00:34,945 Have everybody done that, or is it just me? 13 14 00:00:35,438 --> 00:00:38,063 I do the undo, click on them all, see which one works. 14 15 00:00:38,390 --> 00:00:39,742 That can take a while, right? 15 16 00:00:39,767 --> 00:00:41,977 So this tool replaces that. 16 17 00:00:42,273 --> 00:00:44,859 Goodbye, you guys. Hello, whale. 17 18 00:00:44,884 --> 00:00:46,984 Let's draw you with the Shape Builder Tool. 18 19 00:00:48,313 --> 00:00:49,890 Basically what we're going to do is... 19 20 00:00:50,470 --> 00:00:51,988 kind of like we did with the Path Finder Tool... 20 21 00:00:52,013 --> 00:00:53,553 have two shapes, and kind of cut them out... 21 22 00:00:53,578 --> 00:00:56,148 but we can do multiple shapes, and there's some great perks. 22 23 00:00:56,173 --> 00:00:58,844 You might have already used the Shape Builder Tool, and that's okay. 23 24 00:00:59,625 --> 00:01:02,383 I'm going to try and do a bit more advanced techniques here. 24 25 00:01:02,408 --> 00:01:05,500 So let's get started with-- I'm going to grab the Ellipse Tool. 25 26 00:01:05,805 --> 00:01:09,617 I'm going to have 'no' Stroke, and a 'black' Fill. 26 27 00:01:09,812 --> 00:01:11,296 I'm going to start in the center. 27 28 00:01:11,321 --> 00:01:14,912 Kind of hold down the 'Option' key and 'Shift' to start from the center. 28 29 00:01:14,937 --> 00:01:16,867 If you're on a Mac-- sorry, I'm on a Mac. 29 30 00:01:16,945 --> 00:01:20,555 If you're on a PC, hold down 'Alt' key and 'Shift', and start dragging. 30 31 00:01:20,789 --> 00:01:23,367 You can go and start from the centers. Not perfect. 31 32 00:01:24,523 --> 00:01:27,031 I'm going to use my arrow keys to tap it around. 32 33 00:01:27,056 --> 00:01:28,563 That's kind of a good start. 33 34 00:01:29,250 --> 00:01:33,117 I want to draw a line across there. Just going to grab my 'Line Segment Tool'. 34 35 00:01:33,289 --> 00:01:36,250 I'm going to click, hold, and drag. You can use the Pen Tool, doesn't matter. 35 36 00:01:38,672 --> 00:01:40,242 Maybe the next thing I'll do is-- 36 37 00:01:40,625 --> 00:01:42,781 I guess I want this... 37 38 00:01:42,992 --> 00:01:47,250 big kind of like rolly, wave, kind of fan type thing. 38 39 00:01:47,275 --> 00:01:50,000 So what I'm going to do-- I'm going to show you how I would build it. 39 40 00:01:50,180 --> 00:01:52,125 So I'm going to copy and paste this. 40 41 00:01:52,273 --> 00:01:54,758 Now if you use 'Command F'... 41 42 00:01:56,125 --> 00:01:58,320 there it is there, or 'Control F' on a PC... 42 43 00:01:58,353 --> 00:02:00,242 and paste it back exactly where it gets it. 43 44 00:02:00,336 --> 00:02:02,601 So I use that often rather than copy and paste... 44 45 00:02:02,626 --> 00:02:06,305 because, watch this, paste just puts it in the middle of the window. 45 46 00:02:06,438 --> 00:02:10,477 Bad. So 'Command F' on a Mac, 'Control F' on a PC. 46 47 00:02:10,891 --> 00:02:12,523 And what I want to do is... 47 48 00:02:12,548 --> 00:02:15,352 actually I want to just-- I'm using my arrow key. 48 49 00:02:15,377 --> 00:02:18,906 I want to kind of try and line up that. Probably have to make it a little smaller. 49 50 00:02:19,383 --> 00:02:20,563 Holding 'Shift'. 50 51 00:02:21,055 --> 00:02:22,422 What I want to do is-- 51 52 00:02:23,047 --> 00:02:24,213 you're looking at this area here. 52 53 00:02:24,238 --> 00:02:25,945 I'm just trying to get some sort of nice curve. 53 54 00:02:25,970 --> 00:02:27,195 We could use the Width Tool... 54 55 00:02:27,906 --> 00:02:30,922 but we're using the Shape Builder Tool, because I reckon it's going to do... 55 56 00:02:31,279 --> 00:02:32,748 probably a better job. 56 57 00:02:33,607 --> 00:02:38,482 Only because I want to keep this complete circle absolutely nice. 57 58 00:02:40,513 --> 00:02:44,505 The design kind of calls for this whale to be this round bit. 58 59 00:02:45,326 --> 00:02:46,748 So I've got that bit. 59 60 00:02:46,773 --> 00:02:47,751 Let's start with that. 60 61 00:02:47,776 --> 00:02:50,709 Actually I want to lob that bit off, I'm going to use the Line Segment Tool. 61 62 00:02:51,076 --> 00:02:53,630 And I'm going to say, you, just draw a line through here. 62 63 00:02:54,216 --> 00:02:55,919 I'm going to select it all with my 'Black Arrow'. 63 64 00:02:56,341 --> 00:02:59,451 And what I might do, just to make it easier for you guys... 64 65 00:02:59,476 --> 00:03:02,099 is, on my 'Layers Panel', just turn it off to see what we're doing. 65 66 00:03:02,349 --> 00:03:04,398 So if you've never used the Shape Builder Tool... 66 67 00:03:04,423 --> 00:03:05,897 be prepared, this thing is awesome. 67 68 00:03:06,037 --> 00:03:07,076 Here it is there. 68 69 00:03:07,101 --> 00:03:10,302 Hard to describe that one, right? That's the icon, Shape Builder Tool. 69 70 00:03:10,497 --> 00:03:12,993 What we want to do is, there's two kind of modes... 70 71 00:03:13,018 --> 00:03:14,552 there's adding and subtracting. 71 72 00:03:14,693 --> 00:03:17,333 In this case, down the bottom here I want to add this bit. 72 73 00:03:18,007 --> 00:03:19,969 So all I do is click, hold, and drag across... 73 74 00:03:19,994 --> 00:03:21,076 and join these two bits... 74 75 00:03:21,776 --> 00:03:24,042 and I want to add that bit down there. 75 76 00:03:24,339 --> 00:03:26,159 Kind of make that one solid shape. 76 77 00:03:26,292 --> 00:03:29,230 You can imagine using the Path Finder Tool, need lots of undos. 77 78 00:03:29,565 --> 00:03:31,339 Now I want to slice these bits off. 78 79 00:03:31,565 --> 00:03:33,195 So what I do is hold down... 79 80 00:03:33,220 --> 00:03:36,129 the 'Alt' key on a PC, or 'Option' key on a Mac. 80 81 00:03:36,792 --> 00:03:39,065 You can see, our cursor gets a little minus '-' there. 81 82 00:03:39,784 --> 00:03:42,284 So I'm going to drag across it, drag across you. 82 83 00:03:42,987 --> 00:03:46,159 Drag across. You can see how cool, quick, and easy it is. 83 84 00:03:46,417 --> 00:03:48,933 I've built that first little path now. 84 85 00:03:49,097 --> 00:03:50,612 I'm going to turn on that layer again. 85 86 00:03:50,901 --> 00:03:52,503 Let's start doing the rest of it. 86 87 00:03:52,839 --> 00:03:55,675 I'm not going to build every single thing with Adjust Shapes. 87 88 00:03:55,715 --> 00:03:59,315 There's a couple of curves in here, I'll probably use the Curvature Tool for. 88 89 00:03:59,597 --> 00:04:02,073 Let's do the hard stuff first. 89 90 00:04:02,098 --> 00:04:05,745 So you can move on if you're getting bored of this. 90 91 00:04:05,770 --> 00:04:09,112 So what we'll do is join this circle up the top here. 91 92 00:04:10,175 --> 00:04:13,159 I'm going to grab the 'Ellipse Tool', draw a circle. 92 93 00:04:13,347 --> 00:04:14,839 Kind of starting at the center there. 93 94 00:04:14,864 --> 00:04:17,120 Now, a cool little shortcut is... 94 95 00:04:17,145 --> 00:04:19,091 when you're kind of getting things lined up... 95 96 00:04:19,116 --> 00:04:21,128 it can be a little hard when there's a Stroke Weight on it. 96 97 00:04:21,153 --> 00:04:22,737 We've got a Stroke Weight of 1, I think. 97 98 00:04:22,762 --> 00:04:28,292 But if you hit 'Command Y' on a Mac, or 'Control Y' on a PC-- 98 99 00:04:28,573 --> 00:04:30,378 I'm also going to turn the background layer off. 99 100 00:04:30,542 --> 00:04:34,127 It just gives you kind of really fine detail. 100 101 00:04:34,995 --> 00:04:37,300 The long way is under 'View', and it's called... 101 102 00:04:37,956 --> 00:04:41,321 This one here, Pixel Preview, versus-- not Pixel Preview. 102 103 00:04:41,352 --> 00:04:44,120 Outline, there it is at the top there, versus GPU Preview. 103 104 00:04:44,378 --> 00:04:46,526 So that's the thing we toggle between. 104 105 00:04:46,551 --> 00:04:49,855 I use that one all the time, 'Command Y', or 'Control Y'. 105 106 00:04:50,198 --> 00:04:51,456 I'm going to go back in. 106 107 00:04:51,589 --> 00:04:54,245 What I'm looking to do is just get this thing kind of close to here. 107 108 00:04:54,409 --> 00:04:55,596 It's never going to be perfect. 108 109 00:04:55,621 --> 00:04:58,276 I'm just trying to grab the edge and get it kind of touching here... 109 110 00:04:58,301 --> 00:04:59,964 so this curve is going to look nice. 110 111 00:05:00,292 --> 00:05:01,617 I'm going to select both of them. 111 112 00:05:01,642 --> 00:05:05,261 I don't have to come out of a Wireframe Outline mode... 112 113 00:05:05,980 --> 00:05:07,667 to keep using the Width Tool. 113 114 00:05:08,401 --> 00:05:11,330 Now, the Width Tool is one-- I say, the Width Tool... 114 115 00:05:11,527 --> 00:05:14,144 I might say that a couple of times in this course, I don't know why. 115 116 00:05:14,228 --> 00:05:16,699 I say that all the time, it's the Shape Builder Tool. 116 117 00:05:16,972 --> 00:05:20,339 So, it's 'Shift M', it's one of the shortcuts, write it down. 117 118 00:05:20,409 --> 00:05:22,510 It's actually one of those ones you use all the time. 118 119 00:05:22,847 --> 00:05:25,437 I'm going to click, hold, and drag across all these guys... 119 120 00:05:25,468 --> 00:05:28,791 and you'll notice along here, it's done a pretty good job of lining this up. 120 121 00:05:29,535 --> 00:05:33,144 I'll do one more and see if I can't fix it... 121 122 00:05:33,894 --> 00:05:37,925 or I can't make that look a little worse, so I can show you how to fix it. 122 123 00:05:38,541 --> 00:05:40,769 It's all looking okay, 'Command Y'. 123 124 00:05:41,527 --> 00:05:45,628 Let's look at this. I should have really had that on to draw out a circle. 124 125 00:05:45,659 --> 00:05:47,199 I'm okay with that. 125 126 00:05:48,464 --> 00:05:49,980 My drawing in this is a hand drawing. 126 127 00:05:50,480 --> 00:05:55,823 What I'd like to do here, is I'd like this to join up to this bit. 127 128 00:05:56,940 --> 00:06:00,089 Let's grab the-- I'm going to deal with two Ellipses again. 128 129 00:06:00,120 --> 00:06:01,918 I'm going to be able to use it, how? 129 130 00:06:02,221 --> 00:06:03,823 Corner Options, which is cool. 130 131 00:06:04,074 --> 00:06:08,152 I'm going to draw a circle roughly in the center here using my tricks. 131 132 00:06:08,308 --> 00:06:09,683 Roughly the right size. 132 133 00:06:11,355 --> 00:06:13,714 That feels a bit right. Be a little bigger. 133 134 00:06:14,597 --> 00:06:16,074 I'm going to have another circle. 134 135 00:06:17,605 --> 00:06:20,816 It's going to be a lot smaller to get that kind of inside radius. 135 136 00:06:23,472 --> 00:06:26,044 Now I'm just banging it around, trying to figure out... 136 137 00:06:26,075 --> 00:06:27,314 needs to be a bit smaller. 137 138 00:06:30,269 --> 00:06:32,644 There's times where Smart Guides can be a little painful. 138 139 00:06:32,675 --> 00:06:34,354 At the moment, I'm going to leave them on. 139 140 00:06:35,066 --> 00:06:37,027 Just using my arrow keys to tap it around. 140 141 00:06:38,127 --> 00:06:40,995 I want this to kind of line up here, and what I'll do is-- 141 142 00:06:41,261 --> 00:06:43,120 actually I'll make it even a bit smaller. 142 143 00:06:43,902 --> 00:06:45,300 And I'll have this... 143 144 00:06:45,589 --> 00:06:46,933 I want this a bit smaller. 144 145 00:06:46,964 --> 00:06:49,722 I want this kind of corner, you can see here, it just kind of corners in. 145 146 00:06:49,753 --> 00:06:52,722 And I want it to be smooth, and that's why Corner Options are going to help. 146 147 00:06:53,253 --> 00:06:55,058 So, you... 147 148 00:06:56,527 --> 00:06:59,027 Quit messing about, Dan, and just do it. 148 149 00:07:01,128 --> 00:07:04,644 I'm going to lob it off, probably about here. 149 150 00:07:06,174 --> 00:07:08,183 I'm going to grab all three of these guys. 150 151 00:07:08,394 --> 00:07:11,777 With my 'Black Arrow', remember, 'Shift M' is our cool tool... 151 152 00:07:11,808 --> 00:07:13,525 and I'm going to drag you guys. 152 153 00:07:13,793 --> 00:07:15,371 Drag these guys to join them up. 153 154 00:07:15,964 --> 00:07:17,745 I want to minus that. 154 155 00:07:18,222 --> 00:07:20,035 Goodbye to you, drag you across. 155 156 00:07:20,293 --> 00:07:21,848 I've kind of got rid of lots of bits. 156 157 00:07:22,074 --> 00:07:23,840 There's this kind of junk going on here... 157 158 00:07:23,870 --> 00:07:26,480 so I'm going to go to 'Command Y' just to see what's going on. 158 159 00:07:26,964 --> 00:07:27,987 I'm going to zoom in. 159 160 00:07:28,660 --> 00:07:30,831 I'm going to drag across these two guys to join them up... 160 161 00:07:30,862 --> 00:07:32,245 and I'm left with this. 161 162 00:07:33,300 --> 00:07:36,612 Now I'm going to grab my White Arrow, and remember, those Corner Options? 162 163 00:07:36,868 --> 00:07:38,745 This is where this is super handy, right? 163 164 00:07:38,776 --> 00:07:42,712 So, I'm going to click on just this point here, and tidy it up. 164 165 00:07:44,347 --> 00:07:47,081 Can you see, kind of just flows it around a lot more. 165 166 00:07:47,269 --> 00:07:48,475 Happens quite a bit. 166 167 00:07:48,506 --> 00:07:51,730 Nice, easy way to kind of fix those terrible joints. 167 168 00:07:51,760 --> 00:07:54,253 I could fix this one, I don't want to in this case, because-- 168 169 00:07:54,542 --> 00:07:56,261 but it's just an easier way than... 169 170 00:07:56,417 --> 00:07:57,472 you've probably done it before... 170 171 00:07:57,503 --> 00:08:01,479 and you've spent ages with the Pen Tool, and Anchors, and trying to delete bits... 171 172 00:08:01,510 --> 00:08:03,081 Man, it's a pain. 172 173 00:08:03,355 --> 00:08:04,793 So that's your handy tip. 173 174 00:08:05,409 --> 00:08:07,831 Let's continue-- any other hard bits? 174 175 00:08:07,862 --> 00:08:10,073 We're going to do the circle thing again here. 175 176 00:08:11,394 --> 00:08:12,902 What other hard bits? 176 177 00:08:13,034 --> 00:08:15,809 They're the same thing here with the Corner Options... 177 178 00:08:15,840 --> 00:08:17,970 let's do that one next, before we do that. 178 179 00:08:18,362 --> 00:08:22,276 So I'm going to draw-- I'm trying to match these two Ellipses roughly. 179 180 00:08:25,800 --> 00:08:27,222 A bit bigger. 180 181 00:08:29,331 --> 00:08:30,706 Something like that. 181 182 00:08:31,464 --> 00:08:34,769 'Command C' for copy, 'Command F' for paste and place... 182 183 00:08:34,800 --> 00:08:36,307 right on the top of that. 183 184 00:08:36,761 --> 00:08:39,066 Make it a bit bigger, this curve. 184 185 00:08:40,339 --> 00:08:41,816 That feels okay. 185 186 00:08:42,847 --> 00:08:45,761 Select both of these guys, 'Shift M'. 186 187 00:08:46,542 --> 00:08:48,954 I'm going to minus that bit, minus that bit... 187 188 00:08:48,985 --> 00:08:51,134 join these guys here, join you. 188 189 00:08:51,534 --> 00:08:54,034 Get rid of that bit, join these. 189 190 00:08:54,190 --> 00:08:56,149 If you've forgotten the shortcut already, sorry about that... 190 191 00:08:56,180 --> 00:09:01,479 it is 'Alt' for PC, and "Option' for Mac, to minus. 191 192 00:09:01,510 --> 00:09:03,495 Otherwise it just works by joining. 192 193 00:09:04,111 --> 00:09:05,431 I'm going to grab our 'Arrow Tool'... 193 194 00:09:05,462 --> 00:09:09,377 and down here, I'm going to click on just this point, and I'm going to tidy that up. 194 195 00:09:09,408 --> 00:09:10,931 You can see, how nice... 195 196 00:09:11,452 --> 00:09:13,454 you can see a perfect circle, look at that, handy. 196 197 00:09:14,878 --> 00:09:16,690 Same thing is going to apply to this. 197 198 00:09:16,721 --> 00:09:18,502 We're going to draw that with the Curvature Tool. 198 199 00:09:18,533 --> 00:09:20,836 Let's draw-- this is probably the last thing... 199 200 00:09:20,867 --> 00:09:24,369 that would be useful for you before I start actually just filling it in. 200 201 00:09:24,550 --> 00:09:27,620 I'm going to grab my Curvature Tool. 201 202 00:09:27,878 --> 00:09:30,839 Now Curvature Tool has a really weird shortcut, I use it all the time. 202 203 00:09:31,112 --> 00:09:34,042 It's a really hard one to learn, it's Shift and Apostrophe. 203 204 00:09:35,151 --> 00:09:37,048 I think it's Apostrophe, I think that's what you call it... 204 205 00:09:37,079 --> 00:09:37,931 if you hover above that... 205 206 00:09:38,276 --> 00:09:42,503 it is Shift plus that little tricky thing, I'm pretty sure that's Apostrophe. 206 207 00:09:42,729 --> 00:09:44,065 So, Shift and that. 207 208 00:09:44,151 --> 00:09:46,331 I'm going to draw through it... 208 209 00:09:46,362 --> 00:09:48,979 because if I get close to this, it's going to try and join it. 209 210 00:09:49,010 --> 00:09:52,057 Remember that shortcut we had before, if I select it with my 'Black Arrow'... 210 211 00:09:52,175 --> 00:09:56,738 and go 'Command 2', it locks it, if you're on a PC, it's 'Control 2'. 211 212 00:09:57,119 --> 00:10:01,071 Now I can go back to my Curvature Tool, and I can click once there. 212 213 00:10:01,361 --> 00:10:03,338 And I'm going to click once there. 213 214 00:10:03,650 --> 00:10:05,416 I'm probably just going to go through... 214 215 00:10:05,557 --> 00:10:08,002 I'm not going to do this at one go, I'll cut this out with a circle. 215 216 00:10:08,057 --> 00:10:11,697 So I'm going to about there, then I want to go down to about... 216 217 00:10:11,744 --> 00:10:16,111 you can see, it's locked, but I can still follow that path, which is really nice. 217 218 00:10:16,580 --> 00:10:17,838 So, about there. 218 219 00:10:19,033 --> 00:10:22,010 We totally missed it though, let's bring him down. 219 220 00:10:22,939 --> 00:10:24,666 Yes, it's a bit good. 220 221 00:10:24,955 --> 00:10:26,600 'Black Arrow', click it from the background. 221 222 00:10:26,625 --> 00:10:27,721 I'm going to unlock them all. 222 223 00:10:27,885 --> 00:10:30,853 Sometimes my shortcut doesn't work, so 'Object', 'Unlock All'. 223 224 00:10:31,038 --> 00:10:34,353 They're all unlocked, I can select him, 'Shift M'. 224 225 00:10:35,416 --> 00:10:37,025 Actually I don’t really need to, like... 225 226 00:10:38,080 --> 00:10:39,127 change him. 226 227 00:10:39,152 --> 00:10:41,501 If I click on him, at least he's another shape now... 227 228 00:10:41,526 --> 00:10:42,831 if I grab my 'Black Arrow'... 228 229 00:10:43,572 --> 00:10:47,447 this guy here is a separate shape, so I can color it later, I might just do that now. 229 230 00:10:47,603 --> 00:10:50,150 Don't worry about this little speckly line. 230 231 00:10:50,175 --> 00:10:52,346 We'll do that in a sec, actually we'll just do that now. 231 232 00:10:53,330 --> 00:10:55,275 So he's part of this thing here. 232 233 00:10:55,517 --> 00:10:58,377 So what ends up happening is, the line's trying to go through here... 233 234 00:10:58,402 --> 00:11:00,588 it doesn't know at all, when it's going to the edge, it's going like... 234 235 00:11:01,236 --> 00:11:03,955 all the way out, and all the way bent to give it a nice pointy edge. 235 236 00:11:04,041 --> 00:11:05,197 If you don't want that... 236 237 00:11:06,416 --> 00:11:07,651 I don't really mind it at the moment... 237 238 00:11:07,676 --> 00:11:09,962 because I'm probably going to get rid of the Stroke, but you might not. 238 239 00:11:09,987 --> 00:11:13,728 So with it selected, go to 'Properties', go to 'Stroke'... 239 240 00:11:14,135 --> 00:11:17,744 and you got options along here for the way the corners are handled. 240 241 00:11:17,769 --> 00:11:20,525 At the moment, it's got this kind of mighty joint, which is this spiky thing. 241 242 00:11:20,723 --> 00:11:22,533 I can round that off, which just be nice... 242 243 00:11:22,565 --> 00:11:25,571 or I can kind of bevel it off, which gives it a hack at the end. 243 244 00:11:26,510 --> 00:11:27,470 It's hard to tell. 244 245 00:11:27,495 --> 00:11:30,932 You have to zoom right in, and use this tool to see what happens... 245 246 00:11:30,957 --> 00:11:34,572 but have a play around with them, see which one will work for you. 246 247 00:11:36,588 --> 00:11:39,579 Let's tidy up a few bits and pieces. 247 248 00:11:39,894 --> 00:11:42,441 Let's draw the little thing here. 248 249 00:11:42,482 --> 00:11:45,036 I'll use my shortcut, 'Shift-Apostrophe'. 249 250 00:11:45,597 --> 00:11:48,816 Remember, double click for a corner, click once for a curve. 250 251 00:11:49,293 --> 00:11:52,918 Click once for a curve, double click for corner, click once for curve. 251 252 00:11:53,097 --> 00:11:54,488 Click once for a curve. 252 253 00:11:56,339 --> 00:11:58,612 Click once for a curve, and then, actually... 253 254 00:11:59,456 --> 00:12:01,363 you really want to hit double click for a corner. 254 255 00:12:01,488 --> 00:12:03,824 That's just one click to kind of finish this thing off. 255 256 00:12:04,605 --> 00:12:05,832 Am I happy with it? 256 257 00:12:06,347 --> 00:12:09,066 Yes, so now it's turning the background layer on and off. 257 258 00:12:09,878 --> 00:12:10,941 That's good enough. 258 259 00:12:10,966 --> 00:12:14,323 Let's slice out the circles. 259 260 00:12:18,113 --> 00:12:21,199 I'll use you, I'll duplicate him, and I'll use the same one across here. 260 261 00:12:21,355 --> 00:12:23,050 Now duplication is, 'Black Arrow'... 261 262 00:12:23,253 --> 00:12:24,204 and while I'm dragging it... 262 263 00:12:24,229 --> 00:12:27,277 holding down the 'Alt' key on a PC, or 'Option' key on a Mac. 263 264 00:12:28,230 --> 00:12:29,980 Now the Smart Guides is battling with me. 264 265 00:12:30,425 --> 00:12:31,925 I'll just tap it up with my arrow key. 265 266 00:12:32,128 --> 00:12:34,831 Select all of you guys, 'Shift M'. 266 267 00:12:35,237 --> 00:12:38,292 I'm going to say, I would like to join you guys up. 267 268 00:12:38,738 --> 00:12:40,211 And I want to hold down... 268 269 00:12:40,236 --> 00:12:43,464 the 'Option' key on my Mac, or the 'Alt' key on a PC... 269 270 00:12:43,699 --> 00:12:44,855 to delete all these guys. 270 271 00:12:45,128 --> 00:12:47,761 Now there's a couple of things, this thing's going up the top here. 271 272 00:12:48,542 --> 00:12:50,589 I feel like I want to go and redo it, so that... 272 273 00:12:51,175 --> 00:12:54,370 because it's still not what I said, it's kind of not lining up. 273 274 00:12:54,668 --> 00:12:58,425 So I want to go back and look like a professional... 274 275 00:12:58,450 --> 00:12:59,652 and know exactly what I'm doing... 275 276 00:12:59,949 --> 00:13:01,316 but I'm going to leave it in here... 276 277 00:13:01,341 --> 00:13:02,832 because you might run into the same problem. 277 278 00:13:02,996 --> 00:13:04,206 How to fix this? No idea... 278 279 00:13:04,519 --> 00:13:06,784 but we're going to just try and make it do again. 279 280 00:13:06,925 --> 00:13:10,308 So I just selected both of them, gone back to my Shape Builder Tool. 280 281 00:13:10,816 --> 00:13:11,800 Join them up. 281 282 00:13:12,019 --> 00:13:15,316 You can kind of see, it still wants to be two separate shapes. 282 283 00:13:15,341 --> 00:13:16,964 I'm not sure what that is. 283 284 00:13:17,160 --> 00:13:18,402 'Command Y'... 284 285 00:13:18,808 --> 00:13:21,378 now he's in there, he's looking good. 285 286 00:13:23,917 --> 00:13:25,168 I don't know. 286 287 00:13:28,347 --> 00:13:30,097 Now let's ignore that for the moment... 287 288 00:13:30,122 --> 00:13:33,628 and we'll go color this thing and see if it runs into any more problems. 288 289 00:13:33,933 --> 00:13:35,371 Let's do this circle here. 289 290 00:13:36,472 --> 00:13:38,128 Goes down the center. 290 291 00:13:40,699 --> 00:13:42,769 I turned these off way too early. 291 292 00:13:42,794 --> 00:13:45,441 If you're doing yours, and following along, don't turn this off early... 292 293 00:13:46,152 --> 00:13:47,910 because I have to move my curves up around. 293 294 00:13:48,566 --> 00:13:51,207 It's all right, remember, 'Command Y' to go to outline. 294 295 00:13:53,214 --> 00:13:54,824 And we're just going to get this to-- 295 296 00:13:55,035 --> 00:13:57,050 Now, I'm going to leave that little bump in there... 296 297 00:13:57,075 --> 00:13:59,410 to show you how to fix that. It's a cool way of doing it. 297 298 00:13:59,435 --> 00:14:03,003 So, 'Command Y', 'Shift M'... 298 299 00:14:05,623 --> 00:14:06,912 almost done the same thing. 299 300 00:14:07,653 --> 00:14:08,560 Interesting. 300 301 00:14:08,935 --> 00:14:13,084 So what I want to do is tidy these up, so I'm going to grab my 'Pen Tool'... 301 302 00:14:13,254 --> 00:14:15,988 and there's a couple of corners I want to get rid of. 302 303 00:14:16,013 --> 00:14:17,879 I'm going to go back to my 'Outline View'. 303 304 00:14:17,965 --> 00:14:20,348 'Command Y', or 'Control Y' on a PC. 304 305 00:14:20,480 --> 00:14:23,542 I want to get rid of these guys. 305 306 00:14:23,567 --> 00:14:25,419 So, with the 'Pen Tool', nothing selected... 306 307 00:14:25,444 --> 00:14:27,786 it's got the minus '-', just kind of does it by itself. 307 308 00:14:28,098 --> 00:14:29,263 I don't want to get rid of that one... 308 309 00:14:29,303 --> 00:14:31,184 because he controls a lot of this, I'm going to get rid of you. 309 310 00:14:33,675 --> 00:14:37,745 Now we've got a problem of this kind of flowing along here. 310 311 00:14:37,840 --> 00:14:40,996 The easiest way to do it, is grab the 'White Arrow', click on this guy. 311 312 00:14:41,105 --> 00:14:43,027 He has a handle at this side... 312 313 00:14:43,245 --> 00:14:45,987 but he has nothing on the other side, so the easiest way, what it does is... 313 314 00:14:46,012 --> 00:14:48,448 a tiny little handle there, can't really see. 314 315 00:14:48,667 --> 00:14:51,994 So with it selected, I'm going to go to-- is it a curve already? 315 316 00:14:54,307 --> 00:14:55,471 I'm going to say, "Be a curve." 316 317 00:14:56,487 --> 00:14:59,010 You can see, it kind of extends that little guy out... 317 318 00:14:59,035 --> 00:15:01,137 and has it made it perfect? Not quite. 318 319 00:15:01,456 --> 00:15:03,042 I might have to do some manual adjustment. 319 320 00:15:03,067 --> 00:15:06,494 Often that little-- just make it a curve, we'll just fix it right up. 320 321 00:15:12,530 --> 00:15:13,859 I'm going to say I'm happy enough with it. 321 322 00:15:15,649 --> 00:15:17,148 I might have to play around with the handles. 322 323 00:15:17,313 --> 00:15:19,828 This tutorial is getting really long now, so I'm going to leave it. 323 324 00:15:20,446 --> 00:15:22,594 Let's do a couple more of these... 324 325 00:15:22,766 --> 00:15:27,547 then I'll go and fix this by myself, and come back. 325 326 00:15:27,789 --> 00:15:31,718 Actually I'll do that now, let's see if it's working one last time... 326 327 00:15:31,751 --> 00:15:34,852 and then I'll pause and try fix it, and give you the ?? 327 328 00:15:35,844 --> 00:15:37,336 So you two, join. 328 329 00:15:37,586 --> 00:15:39,469 You're still separate, join. 329 330 00:15:40,141 --> 00:15:40,867 Still separate. 330 331 00:15:41,164 --> 00:15:43,429 I'm going to pause it now, I'll be back in a sec, figure it out. 331 332 00:15:44,516 --> 00:15:45,766 It's got me stumped. 332 333 00:15:45,791 --> 00:15:47,120 I'm just going to leave it there... 333 334 00:15:47,145 --> 00:15:48,891 because you might run into the same problem. 334 335 00:15:49,000 --> 00:15:50,422 I remember, when I drew it before-- 335 336 00:15:50,758 --> 00:15:52,547 Might be just that version problem. 336 337 00:15:52,672 --> 00:15:54,226 How bad? In your comments, let me know. 337 338 00:15:54,250 --> 00:15:57,664 Did you run into it, or is it just me? No, just me, or leave it. 338 339 00:15:57,906 --> 00:16:01,344 If it's for everybody I'll contact Adobe, and we'll try figure it out together. 339 340 00:16:02,360 --> 00:16:05,367 Let's look at finishing the last little bits off. 340 341 00:16:06,148 --> 00:16:07,656 So I'm back from the future. 341 342 00:16:08,508 --> 00:16:11,804 I couldn't work it out when I was originally fixing this video... 342 343 00:16:11,829 --> 00:16:13,634 and I got in touch with Adobe to help me. 343 344 00:16:13,977 --> 00:16:17,328 And made me look like a fool, but I'm back, humble pie-- 344 345 00:16:17,555 --> 00:16:20,586 these two things are still separate, remember, I had that problem. 345 346 00:16:21,360 --> 00:16:25,422 All it is, is the options in your Shape Builder Tool. 346 347 00:16:25,455 --> 00:16:27,955 If you double click it, you get this option... 347 348 00:16:27,980 --> 00:16:29,711 it was on Gap Detection 'Large'. 348 349 00:16:29,736 --> 00:16:31,860 I was messing around with that on some other project... 349 350 00:16:31,885 --> 00:16:32,773 and I left it along. 350 351 00:16:32,798 --> 00:16:35,171 Turns out it causes that problem. 351 352 00:16:35,344 --> 00:16:37,961 So change Gap Detection 'off', click 'OK'. 352 353 00:16:38,110 --> 00:16:41,094 Yours is not going to have this problem by the way, probably just mine. 353 354 00:16:41,336 --> 00:16:44,227 But now with it selected, I can go back to my Shape Builder Tool... 354 355 00:16:44,252 --> 00:16:45,922 and everything should be good. 355 356 00:16:46,500 --> 00:16:47,430 Nice! 356 357 00:16:48,774 --> 00:16:50,164 I already have both of these selected. 357 358 00:16:51,352 --> 00:16:52,461 We still have a problem. 358 359 00:16:53,336 --> 00:16:55,859 So now they're joined, and they stop being separate. 359 360 00:16:56,031 --> 00:16:58,623 One thing you'll also notice that I turned back on,... 360 361 00:16:58,648 --> 00:17:01,414 was, if I double click, I turned this off previously. 361 362 00:17:01,439 --> 00:17:03,805 This thing here, where it says... 362 363 00:17:05,672 --> 00:17:07,281 Cursor Swatch Preview. 363 364 00:17:07,306 --> 00:17:10,039 Turn it off because it's annoying, it's the thing just above the cursor. 364 365 00:17:10,064 --> 00:17:14,406 See that, if I double click it again it shows me the coloring just above it. 365 366 00:17:14,431 --> 00:17:16,463 I find that a little bit annoying, so I turned it off. 366 367 00:17:16,488 --> 00:17:17,485 We'll turn it back on now. 367 368 00:17:17,899 --> 00:17:19,617 Continue watching Dan floundering. 368 369 00:17:19,836 --> 00:17:22,336 But there's some good tips in there, continue watching... 369 370 00:17:22,369 --> 00:17:23,539 and now we'll learn. 370 371 00:17:23,781 --> 00:17:26,610 All right, back to your regular scheduled programming. 371 372 00:17:26,635 --> 00:17:27,915 We'll do this bit down here... 372 373 00:17:27,940 --> 00:17:29,946 and actually what I'll do is reuse the shape. 373 374 00:17:30,163 --> 00:17:33,132 So I'm going to drag this across here, we'll show you how I work, right? 374 375 00:17:33,297 --> 00:17:36,985 I'm just going to slice this bit here using the 'Align Tool', select all of that. 375 376 00:17:37,328 --> 00:17:40,649 My Shape Builder, goodbye; goodbye, you two, weirdos. 376 377 00:17:41,008 --> 00:17:43,391 And I can get rid of these bits. 377 378 00:17:44,172 --> 00:17:45,750 So I've got this thing, I'm going to-- 378 379 00:17:45,805 --> 00:17:48,532 I should have officially gone in, like, use the proper flip... 379 380 00:17:48,557 --> 00:17:50,055 but I just often do this. 380 381 00:17:50,344 --> 00:17:54,258 I know, you shouldn't, but, flip it across. 381 382 00:17:54,283 --> 00:17:56,352 I'm going to shift all these curves, who's going to know? 382 383 00:17:57,563 --> 00:17:59,610 You all are going to know, you're watching. 383 384 00:18:01,157 --> 00:18:02,430 Put it on a little bit smaller. 384 385 00:18:02,813 --> 00:18:03,922 Maybe make it a bit bigger. 385 386 00:18:04,789 --> 00:18:07,149 I'm messing about, we can fix that curve, right? 386 387 00:18:07,367 --> 00:18:09,516 So select both of these guys, 'Shift M'... 387 388 00:18:09,664 --> 00:18:12,407 and I'm going to drag across there, across there... 388 389 00:18:12,875 --> 00:18:15,640 and grab the 'White Arrow', come down to here... 389 390 00:18:16,016 --> 00:18:18,367 and say, you my friend need to be just a bit nicer. 390 391 00:18:19,227 --> 00:18:20,774 Grab the Target, not the Anchor Point. 391 392 00:18:21,274 --> 00:18:22,344 Just trying to flatten it out. 392 393 00:18:22,369 --> 00:18:24,672 Now if you find it doesn't flatten out really well... 393 394 00:18:25,469 --> 00:18:27,318 you can see, there's an Anchor Point there... 394 395 00:18:27,343 --> 00:18:29,110 and there, they're both trying to do stuff. 395 396 00:18:29,367 --> 00:18:30,298 So what I might do is... 396 397 00:18:30,323 --> 00:18:32,742 this guy here doesn't seem to be doing a whole heck of a lot. 397 398 00:18:32,767 --> 00:18:34,148 So I'm going to grab my 'Pen Tool'... 398 399 00:18:34,405 --> 00:18:37,406 and by default it will just try and minus it, which is cool. 399 400 00:18:37,805 --> 00:18:40,914 Now with my 'White Arrow', my 'Direct Selection Tool'... 400 401 00:18:41,163 --> 00:18:43,850 now gives me a bit more of a nicer curve there. 401 402 00:18:45,304 --> 00:18:49,218 All right, last little bit here, Curvature Tool. 402 403 00:18:52,171 --> 00:18:54,584 Double click for a corner, click once for a curve... 403 404 00:18:54,616 --> 00:18:56,436 click once for a curve, double click. 404 405 00:18:56,858 --> 00:18:59,491 Click once for a curve, once for curve... 405 406 00:18:59,531 --> 00:19:00,734 and the weird one, when you get back... 406 407 00:19:00,759 --> 00:19:03,163 when you double click here, it does it wrong. 407 408 00:19:03,897 --> 00:19:06,108 Just click it once to kind of finish the line. 408 409 00:19:06,436 --> 00:19:08,459 And that's the weird little thing there. 409 410 00:19:08,484 --> 00:19:11,546 Have I missed anything? Oh, this guy down here. 410 411 00:19:12,249 --> 00:19:13,718 I'll join you guys up. 411 412 00:19:14,140 --> 00:19:15,804 Turn it off, Layers. 412 413 00:19:16,468 --> 00:19:20,577 I think it's like coloring time, and avoid these guys. 413 414 00:19:23,116 --> 00:19:27,194 So let's do a couple of things. We're going to do some Gradient. 414 415 00:19:27,219 --> 00:19:29,960 You might totally move on now, because I'm just going to color it in... 415 416 00:19:30,585 --> 00:19:31,632 but you can watch if you like... 416 417 00:19:32,499 --> 00:19:33,835 but I'm just going to color it in. 417 418 00:19:34,054 --> 00:19:36,233 I'm going to turn the background 'off', because I don't need you anymore. 418 419 00:19:36,757 --> 00:19:39,616 I am going to make another Layer. 419 420 00:19:39,999 --> 00:19:42,265 Actually I'm not going to make a Layer, I'm going to... 420 421 00:19:42,671 --> 00:19:44,112 you should put Layers in, right... 421 422 00:19:44,137 --> 00:19:47,147 but I'm getting into the habit of just grabbing the Rectangle Tool... 422 423 00:19:47,991 --> 00:19:52,054 and filling it with color, and locking it. 423 424 00:19:52,772 --> 00:19:55,670 Super handy, that was super quick. Send it to the back. 424 425 00:19:55,695 --> 00:19:57,756 Shortcuts to send to back is... 425 426 00:19:57,781 --> 00:19:59,936 at the moment, it's way above my whale, right?... 426 427 00:20:00,093 --> 00:20:02,624 but I can, with it selected, with pretty much any tool... 427 428 00:20:02,741 --> 00:20:06,717 I can hold 'Command Shift' and hit the first of the square bracket '[' 428 429 00:20:06,765 --> 00:20:11,115 So look at your keyboard, just next to P there's the first square bracket. 429 430 00:20:12,319 --> 00:20:15,350 So that's 'Command-Shift-[' sends it all the way to the back. 430 431 00:20:15,709 --> 00:20:19,295 If you're on a PC, it's 'Control-Shift-['. 431 432 00:20:19,647 --> 00:20:21,100 And the second square bracket, ']' sends it to the front. 432 433 00:20:21,561 --> 00:20:23,389 Back, forth, back, forth, all the way through. 433 434 00:20:23,952 --> 00:20:25,842 So that's what I want. 434 435 00:20:25,991 --> 00:20:30,209 I'm going to lock it using 'Command 2', or you can use 'Control 2' on a PC. 435 436 00:20:30,327 --> 00:20:32,420 I'm going to stop giving the shortcuts. 436 437 00:20:32,831 --> 00:20:34,457 You'll be going mad soon, but... 437 438 00:20:35,582 --> 00:20:37,512 we'll do a lot of it later on, we've got lots of videos to go. 438 439 00:20:38,394 --> 00:20:40,730 He's in the middle because that's where I want him to be. 439 440 00:20:40,755 --> 00:20:43,363 I am going to give him some Fill colors. 440 441 00:20:43,390 --> 00:20:45,780 I want to start by selecting, or just give it all the Fill. 441 442 00:20:49,554 --> 00:20:52,967 Now I'm going to-- because it's basically only a couple of shapes... 442 443 00:20:52,992 --> 00:20:53,895 I'm going to get rid of the Stroke... 443 444 00:20:53,920 --> 00:20:57,132 and that's going to avoid my problem of joining along the top there. 444 445 00:20:57,702 --> 00:20:59,788 It could be that ??, maybe. 445 446 00:21:00,062 --> 00:21:01,991 These guys here, I'm going to do a lighter color. 446 447 00:21:05,179 --> 00:21:06,679 Just some sort of lighter color. 447 448 00:21:07,804 --> 00:21:09,413 This guy here is going to be the same color. 448 449 00:21:09,726 --> 00:21:11,702 He's my Eye Dropper Tool, just to select from that. 449 450 00:21:12,007 --> 00:21:15,592 And this guy here is going to be lighter too, just because. 450 451 00:21:16,843 --> 00:21:18,562 Is it cool? Yes, it's all right. 451 452 00:21:21,202 --> 00:21:22,429 One last thing I'm going to show you. 452 453 00:21:24,428 --> 00:21:25,795 We'll put Gradients in this thing. 453 454 00:21:25,820 --> 00:21:26,843 Good old Gradients. 454 455 00:21:27,132 --> 00:21:29,592 So I'm going to draw a big kind of circle in the background. 455 456 00:21:29,624 --> 00:21:32,515 It's just for show, right? It's just, I wanted to... 456 457 00:21:32,843 --> 00:21:36,090 I want to pick 'black', actually I'll go to my Swatches... 457 458 00:21:36,115 --> 00:21:37,507 I'll pick this one. 458 459 00:21:38,218 --> 00:21:40,749 Maybe lower down the Opacity, it's just kind of, like a... 459 460 00:21:41,187 --> 00:21:43,913 I guess a look that I want. I just want to kind of lower it down. 460 461 00:21:44,999 --> 00:21:46,054 Send it to the back. 461 462 00:21:48,991 --> 00:21:50,342 Send this guy to the back. 462 463 00:21:51,553 --> 00:21:52,506 He's locked. 463 464 00:21:52,632 --> 00:21:54,140 See, he's the come forward one. 464 465 00:21:55,585 --> 00:21:56,268 What I could do now... 465 466 00:21:56,293 --> 00:21:58,187 I just want to crop it so it's not hanging around the edge. 466 467 00:21:58,804 --> 00:22:01,640 There's two ways of doing it, I can grab a 'Rectangle Tool'... 467 468 00:22:01,866 --> 00:22:02,937 just drag it out. 468 469 00:22:04,788 --> 00:22:07,023 Drag it to the edge properly, select both of them... 469 470 00:22:07,048 --> 00:22:11,264 and hit 'Command 7', or if you're on a PC, 'Control 7'... 470 471 00:22:11,289 --> 00:22:13,905 and that crops it, and that's cool but you end up with this kind of... 471 472 00:22:14,132 --> 00:22:16,983 it's a cropped circle, and sometimes it runs into problems, right? 472 473 00:22:17,008 --> 00:22:19,897 So I'll show you how to do it with the Shape Builder Tool. 473 474 00:22:20,116 --> 00:22:22,093 You probably can imagine how this is going to work. 474 475 00:22:22,389 --> 00:22:25,342 'Shift M' for the Shape Builder Tool, it's going to delete that bit... 475 476 00:22:25,773 --> 00:22:26,788 and inside. 476 477 00:22:27,382 --> 00:22:28,827 Now send him to the back. 477 478 00:22:30,129 --> 00:22:32,671 That's kind of it for what I want to do with the whale. 478 479 00:22:32,696 --> 00:22:35,826 And now if you have joined, and yours look different... 479 480 00:22:35,851 --> 00:22:39,559 you can totally go in a different direction in terms of the flairs. 480 481 00:22:39,584 --> 00:22:42,293 You could do the whole thing slightly different, and different colors... 481 482 00:22:42,318 --> 00:22:44,442 but I'd like to see it, and I'd also like to find out... 482 483 00:22:44,467 --> 00:22:46,403 if you had the same problems with the joining bits. 483 484 00:22:47,145 --> 00:22:50,778 But yes, send me-- I'd like to see what you've done. 484 485 00:22:50,841 --> 00:22:52,122 Either Instagram, Twitter... 485 486 00:22:52,154 --> 00:22:54,077 or here on this platform... 486 487 00:22:55,030 --> 00:22:57,125 there's an option for posting your projects. 487 488 00:22:57,453 --> 00:23:00,062 All right, happy whale making... 488 489 00:23:00,258 --> 00:23:01,172 not hunting.