0 1 00:00:01,231 --> 00:00:03,050 Hey there, it's Shadow time. 1 2 00:00:03,082 --> 00:00:04,988 We are going to do three kinds of shadows. 2 3 00:00:05,013 --> 00:00:08,769 We are going to do Lane Drop shadows, we're going to do Flat shadows... 3 4 00:00:08,794 --> 00:00:10,785 then we're going to do some Fady shadows. 4 5 00:00:11,098 --> 00:00:12,574 All very technical names. 5 6 00:00:12,691 --> 00:00:15,606 Let's go learn how to do those now in Adobe Illustrator. 6 7 00:00:16,332 --> 00:00:19,043 You can use, obviously, any object if you want to play along. 7 8 00:00:19,083 --> 00:00:22,050 Open up 'shadows.ai' from the 'Exercise Files'. 8 9 00:00:22,613 --> 00:00:23,965 There's three kinds of shadows, right? 9 10 00:00:23,997 --> 00:00:28,190 There is this, just typical Drop shadow, so I've selected it all. 10 11 00:00:28,340 --> 00:00:32,356 Over here, under 'Effects', there's one under 'Stylize'. 11 12 00:00:32,381 --> 00:00:33,574 There's one called 'Drop Shadow'. 12 13 00:00:33,770 --> 00:00:35,988 If you're using an older version of Illustrator... 13 14 00:00:36,013 --> 00:00:37,714 it's under 'Effects', 'Stylize'. 14 15 00:00:38,488 --> 00:00:41,246 Turn Preview 'on', and you get amazing Drop shadow. 15 16 00:00:41,769 --> 00:00:44,472 It's not amazing. Often I turn it right down when I'm using it. 16 17 00:00:44,652 --> 00:00:48,550 Kind of something really small and low, just to give it a bit of depth. 17 18 00:00:49,184 --> 00:00:50,754 Let's say we want a Long shadow. 18 19 00:00:51,371 --> 00:00:53,668 We'll just do a long hard shadow, then we'll do a soft shadow. 19 20 00:00:54,582 --> 00:00:57,645 I'm going to make a duplicate down here, so I can come back to him. 20 21 00:00:57,933 --> 00:01:01,160 What I'd like to do is, I'm going to pick a background color. 21 22 00:01:01,840 --> 00:01:03,575 Actually I'm going to use the 'Eye Dropper Tool'... 22 23 00:01:03,600 --> 00:01:04,476 and pick the background... 23 24 00:01:04,501 --> 00:01:05,379 so use the same color. 24 25 00:01:05,520 --> 00:01:07,590 Then we go to 'Fill', and just darken it down a bit. 25 26 00:01:07,887 --> 00:01:10,059 You can see, I'm using the 'HSB'. 26 27 00:01:10,551 --> 00:01:13,168 I find them easier to use, just going to make it a little darker. 27 28 00:01:14,738 --> 00:01:16,934 Next thing we're going to do is move it down a little bit. 28 29 00:01:16,966 --> 00:01:21,675 So we're going to go to 'Object', 'Transform', 'Transform Each'. 29 30 00:01:21,965 --> 00:01:24,754 This means I can move it down 1 pixel, across 1 pixel. 30 31 00:01:24,779 --> 00:01:27,339 This means it's going to go to the right, and down. 31 32 00:01:27,364 --> 00:01:29,885 You can go negative 1, '-1', and negative up... 32 33 00:01:29,910 --> 00:01:31,160 and it will go up and left. 33 34 00:01:31,324 --> 00:01:32,918 So do that, click on 'Copy'. 34 35 00:01:34,668 --> 00:01:36,410 We got two versions of it now. 35 36 00:01:36,435 --> 00:01:37,637 I'm in Wireframe Mode. 36 37 00:01:37,662 --> 00:01:40,856 'Command Y' on a Mac, 'Control Y' on a PC. 37 38 00:01:41,277 --> 00:01:42,762 I'm going to go back up, 'Command Y'. 38 39 00:01:43,145 --> 00:01:44,473 I'm just going to repeat that. 39 40 00:01:45,136 --> 00:01:46,402 The shortcut is 'Command D'. 40 41 00:01:46,427 --> 00:01:50,332 The long way is somewhere, there it is, 'Transform Again'. 41 42 00:01:50,364 --> 00:01:53,386 So just do that thing I just did again, you can see, it just slipped it out. 42 43 00:01:53,708 --> 00:01:55,935 You'll see that there's a little bit of an edge on it. 43 44 00:01:56,458 --> 00:01:58,713 So if you want there to be less edge... 44 45 00:01:58,738 --> 00:02:02,528 there's just no way around other than drawing it to get an edge. 45 46 00:02:02,553 --> 00:02:05,809 Now what you can do is, we did 'Transform Each'. 46 47 00:02:05,834 --> 00:02:08,669 We did 1pt, you can do 0.1 47 48 00:02:08,872 --> 00:02:11,020 The only trouble is that it's going to take a while. 48 49 00:02:12,505 --> 00:02:13,510 I'll show you what I mean. 49 50 00:02:13,535 --> 00:02:15,637 'Command D' is repeat, remember, 'Control D' on a PC. 50 51 00:02:15,662 --> 00:02:18,325 I'm holding that key down, and it's even taking a while. 51 52 00:02:19,992 --> 00:02:21,375 I'll get the editor to speed it up. 52 53 00:02:23,726 --> 00:02:26,430 All right, didn't take that long, but long enough. 53 54 00:02:26,617 --> 00:02:28,344 So that's our shadow, right? 54 55 00:02:28,472 --> 00:02:30,554 I'm going to grab this. I'll show you how to fix it up... 55 56 00:02:30,579 --> 00:02:32,824 but this is basically what we do. 56 57 00:02:34,559 --> 00:02:36,695 You do them in small increments if you've got the time... 57 58 00:02:37,609 --> 00:02:38,941 and you're more worried about the edge. 58 59 00:02:38,989 --> 00:02:42,816 I'm probably worried about it enough to maybe turn it down to half a point. 59 60 00:02:42,941 --> 00:02:45,191 Next thing we want to do is probably trim it all up... 60 61 00:02:45,216 --> 00:02:47,215 because at the moment it's-- if I go to 'Command Y'... 61 62 00:02:47,240 --> 00:02:49,075 it's a bit of a mess in terms of its vector. 62 63 00:02:49,270 --> 00:02:51,581 So what I'll do is, grab this, undo him... 63 64 00:02:51,606 --> 00:02:53,847 you go back to where you were, just join this all up. 64 65 00:02:53,887 --> 00:02:56,480 We've been using the Shape Builder Tool throughout this course. 65 66 00:02:56,505 --> 00:03:00,699 If you click on the Shape Builder Tool now, it's going to have a seizure. 66 67 00:03:01,379 --> 00:03:03,301 It just doesn't like so many shapes. 67 68 00:03:03,410 --> 00:03:06,020 So we're going to use the more traditional Path Finder. 68 69 00:03:06,199 --> 00:03:09,160 If you can't see it over here, you got to select all of this... 69 70 00:03:09,185 --> 00:03:11,777 with the 'Black Arrow', you go to 'Window', 'Path Finder'. 70 71 00:03:11,810 --> 00:03:13,793 I'm going to click on this first option, 'Unite'. 71 72 00:03:14,699 --> 00:03:15,957 It's still going to take a while. 72 73 00:03:16,215 --> 00:03:17,723 Not as long as Path Finder. 73 74 00:03:17,748 --> 00:03:20,437 And if you've got more, say you've done 0.1... 74 75 00:03:20,992 --> 00:03:22,615 to get it really nice and smooth on the edge... 75 76 00:03:22,640 --> 00:03:23,395 it's going to take forever. 76 77 00:03:23,420 --> 00:03:24,351 Go get a coffee. 77 78 00:03:25,277 --> 00:03:27,231 Oh yes, let's speed this up. 78 79 00:03:29,121 --> 00:03:30,598 Barely needed to speed that up. 79 80 00:03:32,754 --> 00:03:34,645 Other thing I might do is... 80 81 00:03:34,770 --> 00:03:37,598 I'm going to grab this, grab my 'Rectangle Tool'. 81 82 00:03:37,660 --> 00:03:40,152 Drag it out so it matches the Place Board. 82 83 00:03:40,606 --> 00:03:42,660 And I'm going to now-- 83 84 00:03:42,792 --> 00:03:45,847 because this is all united, now I can work with my Shape Builder Tool. 84 85 00:03:46,012 --> 00:03:47,449 'Shift M', remember? 85 86 00:03:47,621 --> 00:03:50,668 And I'm going to delete that chunk, that chunk, and that chunk... 86 87 00:03:50,693 --> 00:03:52,582 and just kind of make it look a little nicer. 87 88 00:03:53,660 --> 00:03:56,941 I drew a bad rectangle, but you get the idea, right? 88 89 00:03:58,770 --> 00:03:59,887 Send him to the back. 89 90 00:04:00,621 --> 00:04:03,472 That one was with the hard shadow, let's do a soft shadow. 90 91 00:04:03,497 --> 00:04:04,832 We'll look at Blending Modes. 91 92 00:04:05,012 --> 00:04:07,098 We're going to kind of just touch on Blending Modes now. 92 93 00:04:07,123 --> 00:04:08,242 We're going to look at Blending Modes... 93 94 00:04:08,267 --> 00:04:10,832 in its full entirety in another section in this course... 94 95 00:04:11,019 --> 00:04:12,894 but for the moment let's do it for the shadows. 95 96 00:04:12,919 --> 00:04:15,246 I'm going to make a copy of this guy down the bottom here. 96 97 00:04:16,183 --> 00:04:17,410 Copy, even. 97 98 00:04:17,988 --> 00:04:19,285 Holding 'Alt' while I'm dragging it. 98 99 00:04:19,824 --> 00:04:21,535 There's a couple of things I need to do. 99 100 00:04:22,230 --> 00:04:24,327 I need to change the color of both of these... 100 101 00:04:24,352 --> 00:04:26,270 then group them before I start moving on. 101 102 00:04:26,988 --> 00:04:30,136 So first of all I want to grab my Eye Dropper Tool. 102 103 00:04:30,176 --> 00:04:34,074 The background color, I want it to be a slightly darker version, right? 103 104 00:04:35,199 --> 00:04:40,738 I'm going to now hold down 'Alt' key on a PC, or 'Option' key on a Mac... 104 105 00:04:40,770 --> 00:04:42,738 and drag this second version. 105 106 00:04:43,457 --> 00:04:46,027 But I want him to actually be the exact background color. 106 107 00:04:46,067 --> 00:04:49,558 So it's not going to really fade out with opacity, that doesn't work. 107 108 00:04:50,238 --> 00:04:51,918 We need to just match the background color. 108 109 00:04:52,254 --> 00:04:55,465 So next step is-- I got them the right colors, but they need to be groups. 109 110 00:04:55,490 --> 00:04:58,699 So they're all separate, so I need to go, you my friend, is a group. 110 111 00:04:58,964 --> 00:05:02,636 'Command G' on a Mac, or 'Control G' on a PC to group them. 111 112 00:05:02,914 --> 00:05:05,656 The other thing is that this guy needs to be at the front... 112 113 00:05:05,681 --> 00:05:07,170 because it's going to be heading backwards. 113 114 00:05:07,195 --> 00:05:08,828 At the moment he's the second guy that got made. 114 115 00:05:08,853 --> 00:05:10,953 So he's at the front, and it looks a bit weird. 115 116 00:05:11,601 --> 00:05:14,492 So, you my friend, 'Arrange', 'Bring to Front'. 116 117 00:05:15,906 --> 00:05:19,328 So they're grouped, the right colors, and they're in the right order. 117 118 00:05:19,414 --> 00:05:20,602 Now we just blend them. 118 119 00:05:20,766 --> 00:05:23,500 So under 'Object', we go to 'Blend', we say 'Make'. 119 120 00:05:24,039 --> 00:05:25,943 By default, you're just getting one guy in the middle. 120 121 00:05:25,968 --> 00:05:27,110 You need to increase that blend. 121 122 00:05:27,445 --> 00:05:30,156 So we're going to go to 'Object', 'Blend'... 122 123 00:05:30,430 --> 00:05:32,367 and we're going to go to 'Blending Options'. 123 124 00:05:32,819 --> 00:05:35,452 In here, I'm going to go to 'Specified Steps'. 124 125 00:05:35,617 --> 00:05:37,828 How many steps in between? At the moment we got one. 125 126 00:05:38,023 --> 00:05:40,437 And the higher it is, the kind of nicer the edge... 126 127 00:05:40,462 --> 00:05:42,210 but they're more stressed out, you're computer's going to bleed. 127 128 00:05:42,235 --> 00:05:44,375 So play around, this will really depend on... 128 129 00:05:44,400 --> 00:05:47,016 your Artboard size, and how far apart things are. 129 130 00:05:47,351 --> 00:05:50,133 Turn 'on' Preview, and let's test '100'. 130 131 00:05:51,180 --> 00:05:53,672 You can see, it's quite jagged at the edge, like we did here. 131 132 00:05:54,258 --> 00:05:55,586 How high? 132 133 00:05:56,359 --> 00:05:58,391 300's looking pretty smooth. 133 134 00:05:58,758 --> 00:06:01,367 Let's click 'OK', let's click off in the background. 134 135 00:06:01,437 --> 00:06:02,742 And there's our Shadow. 135 136 00:06:03,609 --> 00:06:04,969 Let's add this guy back on. 136 137 00:06:07,898 --> 00:06:08,992 Move him to the front. 137 138 00:06:09,460 --> 00:06:10,562 And yes, that's it. 138 139 00:06:10,984 --> 00:06:12,499 Couple of things you might want to do. 139 140 00:06:12,524 --> 00:06:14,320 At the moment this is like an active Blending Mode... 140 141 00:06:14,345 --> 00:06:17,593 which means I can do things like this. I can double click it to go inside. 141 142 00:06:17,625 --> 00:06:18,968 I'm in Isolation Mode. 142 143 00:06:19,180 --> 00:06:21,460 Click on this one guy, the bottom one, I can just move him around... 143 144 00:06:21,485 --> 00:06:24,078 depending on how I want this thing to look. 144 145 00:06:25,211 --> 00:06:27,555 And to get back out, I just double click the background. 145 146 00:06:27,789 --> 00:06:31,461 Next thing I might do is expand it, because this is like an active effect. 146 147 00:06:31,914 --> 00:06:34,062 I can go to 'Object', 'Expand'. 147 148 00:06:35,101 --> 00:06:37,328 Well, 'Object', 'Blend', and say 'Expand'. 148 149 00:06:37,353 --> 00:06:39,305 They just kind of turn into all those shapes. 149 150 00:06:39,516 --> 00:06:42,109 We can't swoosh it down like we did this other one... 150 151 00:06:42,141 --> 00:06:46,304 because they're all different transparency, so it's a little bit problematic that way. 151 152 00:06:46,984 --> 00:06:48,797 But let's say I want to trim it now. 152 153 00:06:48,822 --> 00:06:52,179 You could trim it using Blending Modes... 153 154 00:06:52,204 --> 00:06:53,891 or expanding like we did here. 154 155 00:06:54,663 --> 00:06:56,874 I'm going to select you, grab you. 155 156 00:06:57,328 --> 00:07:01,999 I'm just going to hold 'Command 7' on a Mac, 'Control 7' on a PC... 156 157 00:07:02,258 --> 00:07:03,328 and just send it to the back. 157 158 00:07:03,353 --> 00:07:04,398 There we go. 158 159 00:07:04,555 --> 00:07:10,015 So it's all trimmed up and nice... and ready to be exported for whale stuff. 159 160 00:07:11,727 --> 00:07:13,742 Let's move on to the next video. 160 161 00:07:13,767 --> 00:07:15,007 That's it for Shadows.