0 1 00:00:06,133 --> 00:00:09,289 Hi there, in this video we're going to make this paper cut effect... 1 2 00:00:09,314 --> 00:00:11,039 using Adobe Illustrator. 2 3 00:00:11,064 --> 00:00:12,796 All right, let's jump in and do it. 3 4 00:00:13,508 --> 00:00:17,929 To start making this effect, we are going to use a bit of Type. 4 5 00:00:17,954 --> 00:00:20,835 One thing also, we're going to use some colors that are from the 80s. 5 6 00:00:20,860 --> 00:00:21,804 You saw it at the beginning there... 6 7 00:00:21,829 --> 00:00:24,804 so just make sure your Document Setup or Document Color Mode is 'RGB'. 7 8 00:00:24,836 --> 00:00:26,898 You just can't reach those colors with CMYK. 8 9 00:00:27,633 --> 00:00:29,687 So grab the 'Type Tool', create a letter. 9 10 00:00:30,039 --> 00:00:32,766 I'm just going to just use the letter X, like you saw. 10 11 00:00:33,304 --> 00:00:35,406 And I'm going to use a nice, big thick font. 11 12 00:00:36,313 --> 00:00:38,594 I'm going to use 'Museo Slab'. 12 13 00:00:38,619 --> 00:00:42,313 It's part of TypeKit, you can download that for free as part of your license. 13 14 00:00:42,492 --> 00:00:45,852 If you don't have Museo, you can just go into here, and go to 'Slab Serif'... 14 15 00:00:46,117 --> 00:00:47,812 and just see what slabs you have in here. 15 16 00:00:49,734 --> 00:00:52,031 I feel like I have more than that, but anyway-- 16 17 00:00:52,250 --> 00:00:55,086 I'm going to turn-- I'm going to give it a Fill like-- 17 18 00:00:55,111 --> 00:00:56,234 Let's go super chunky. 18 19 00:00:57,389 --> 00:01:01,960 Even chunkier, 1000, make it nice and big. 19 20 00:01:02,633 --> 00:01:04,266 And I'm going to go and outline it. 20 21 00:01:05,484 --> 00:01:09,593 You need to outline the font eventually, I'm going to make a copy over here. 21 22 00:01:09,650 --> 00:01:12,750 You've opened it, you've outlined it, and you can't remember what it was. 22 23 00:01:13,052 --> 00:01:16,638 So this guy here is going to be outlined, so 'Type', 'Create Outlines'. 23 24 00:01:17,326 --> 00:01:18,982 And now we're going to do some drawing. 24 25 00:01:19,007 --> 00:01:22,974 Up to you, you can be super precise with the Curvature or Pen Tool. 25 26 00:01:22,999 --> 00:01:25,482 I am not, I'm going to use the Pencil Tool... 26 27 00:01:25,623 --> 00:01:27,950 but just make sure I've double clicked the 'Pencil Tool'... 27 28 00:01:27,975 --> 00:01:30,974 the Smoothing is at really high, and you've unselected, keep selected. 28 29 00:01:30,999 --> 00:01:32,982 That just causes a pain while you're drawing. 29 30 00:01:33,435 --> 00:01:36,123 One thing I wish though, I wish I had my Wacom tablet with me. 30 31 00:01:36,287 --> 00:01:40,068 Again, I'm stuck inside with a snow storm. 31 32 00:01:40,591 --> 00:01:43,536 So we're filling from home, no Wacom, but that's okay. 32 33 00:01:43,841 --> 00:01:45,263 Now when I'm drawing, I'm going to-- 33 34 00:01:45,474 --> 00:01:47,195 It doesn't really matter what colors you picked now... 34 35 00:01:47,220 --> 00:01:49,318 but it needs no Fill, any Stroke. 35 36 00:01:49,459 --> 00:01:52,638 I'm going to do three Strokes, so I'm going to do... 36 37 00:01:53,716 --> 00:01:57,591 yellow, green, and Cyan for my three levels. 37 38 00:01:57,919 --> 00:02:00,294 Now when you're drawing there's nothing to it, it's-- 38 39 00:02:00,443 --> 00:02:03,130 I'm going to start from the outside end, it's totally up to you... 39 40 00:02:03,155 --> 00:02:04,810 but we're going to draw all the way around, I'll show you what I mean. 40 41 00:02:04,835 --> 00:02:06,911 I'm going to kind of draw around here. 41 42 00:02:07,263 --> 00:02:10,169 I've got some loopy things, it's going to come in and out. 42 43 00:02:14,255 --> 00:02:15,952 There's a lot of work that goes into... 43 44 00:02:15,977 --> 00:02:18,364 kind of guessing what it's going to look at the end. 44 45 00:02:18,389 --> 00:02:21,029 We can do some adjustments later on. 45 46 00:02:22,404 --> 00:02:23,896 You want to come back to the beginning. 46 47 00:02:24,193 --> 00:02:27,310 I shouldn't probably loop back on itself, but I'm trying to make it look fine. 47 48 00:02:28,138 --> 00:02:30,356 And you can see, with the Pencil Tool up and smoothing... 48 49 00:02:30,381 --> 00:02:33,263 it made me look like I'm pretty good with my mouse here. 49 50 00:02:33,531 --> 00:02:36,086 So that's the first level, I'm going to draw another one. 50 51 00:02:36,111 --> 00:02:37,633 That is the green. 51 52 00:02:38,446 --> 00:02:39,617 And this one here is just going to-- 52 53 00:02:39,650 --> 00:02:43,297 So this is going to be like peeking in around this guy, in and out a little bit... 53 54 00:02:43,322 --> 00:02:45,742 but he's kind of the next level down... 54 55 00:02:45,767 --> 00:02:48,094 that we saw in that Intro video. 55 56 00:02:50,032 --> 00:02:53,234 We're going to leave enough room for, I guess, whatever you decide... 56 57 00:02:53,461 --> 00:02:55,024 how many levels you're going to do. 57 58 00:02:55,149 --> 00:02:57,196 We did three in this case. 58 59 00:02:57,742 --> 00:02:59,571 Three plus the background equals four. 59 60 00:03:00,367 --> 00:03:01,969 Now I'm just coming back to the beginning. 60 61 00:03:02,860 --> 00:03:05,013 We'll speed this next bit up, I'm just going to use blue. 61 62 00:03:05,038 --> 00:03:06,458 So let's go speedy version. 62 63 00:03:13,320 --> 00:03:15,529 We're back, so that scribbly mess is-- 63 64 00:03:15,562 --> 00:03:17,196 that's the reason I picked colors, I guess. 64 65 00:03:17,492 --> 00:03:20,351 Now we're going to choose a set of colors to use for it. 65 66 00:03:20,376 --> 00:03:24,211 I'm going to go 'Window', 'Color Themes', just to pick awesome colors. 66 67 00:03:24,236 --> 00:03:25,844 'Color Themes'. 67 68 00:03:27,294 --> 00:03:29,966 If you go from 'Create' to 'Explore' you get a bunch of colors. 68 69 00:03:30,428 --> 00:03:33,560 Mine's on Most Popular this month, 'Zoo' is the one I'm going to use. 69 70 00:03:33,585 --> 00:03:35,358 If you can't find it, and you want to use it... 70 71 00:03:35,383 --> 00:03:37,858 just type in 'zoom' and search, and you should be able to find it. 71 72 00:03:38,295 --> 00:03:42,185 What we need now is four squares for our four different levels. 72 73 00:03:42,210 --> 00:03:45,225 The three kind of scribbles, plus the background. 73 74 00:03:45,467 --> 00:03:48,459 So draw a rectangle above the thing you want to-- 74 75 00:03:48,484 --> 00:03:50,912 just needs to be bigger, doesn't really matter how much bigger. 75 76 00:03:51,287 --> 00:03:55,435 We need to decide on our levels, so I'm going to start with orange. 76 77 00:03:56,928 --> 00:04:00,584 I'm going to drag it up holding 'Alt', then hit 'Command D'. 77 78 00:04:00,740 --> 00:04:03,568 So I've got one, two, three, four. Zoom out. 78 79 00:04:04,014 --> 00:04:05,428 All right, so orange... 79 80 00:04:06,179 --> 00:04:07,022 blue... 80 81 00:04:07,047 --> 00:04:07,966 green... 81 82 00:04:08,115 --> 00:04:09,607 and pink. 82 83 00:04:10,037 --> 00:04:13,053 So I've got these guys, now I'm going to lay these guys out on top of it. 83 84 00:04:16,139 --> 00:04:18,339 Just giving them some sort of order. 84 85 00:04:19,217 --> 00:04:20,982 I'll do this top one here. 85 86 00:04:23,865 --> 00:04:25,943 I'll bring him to front so I can see him. 86 87 00:04:26,600 --> 00:04:28,553 Who is next? Green is next. 87 88 00:04:29,912 --> 00:04:31,537 'Arrange', 'Bring to Front'. 88 89 00:04:32,389 --> 00:04:34,397 You can right click them to bring them to the front. 89 90 00:04:36,365 --> 00:04:38,310 And that guy just kind of fills in the background. 90 91 00:04:38,335 --> 00:04:42,224 So I've got these three, now all I need to do is make them a Compound Path. 91 92 00:04:42,631 --> 00:04:45,178 You can go to 'Object', 'Compound Path', 'Make'... 92 93 00:04:45,203 --> 00:04:49,787 or select them both, and go 'Command 8', or 'Control 8' on a PC. 93 94 00:04:52,389 --> 00:04:55,959 So I've got my bits and pieces, now I want to stack them on top of each other. 94 95 00:04:57,428 --> 00:05:01,248 This can be a bit of a pain, like, I want to put this guy up the top. 95 96 00:05:02,272 --> 00:05:04,147 This guy should be right down the back. 96 97 00:05:06,163 --> 00:05:07,615 So just keep playing with your Layer order... 97 98 00:05:07,640 --> 00:05:09,441 until you get something working. 98 99 00:05:12,945 --> 00:05:14,350 You really didn't know what to stick to that. 99 100 00:05:14,703 --> 00:05:17,460 One more line, perfect, and that guy is at the back. 100 101 00:05:18,242 --> 00:05:20,376 So one, two, three, four. 101 102 00:05:21,570 --> 00:05:23,906 So to get the 3D kind of effect... 102 103 00:05:23,931 --> 00:05:26,820 what we're going to do is, have it selected, all of them... 103 104 00:05:27,054 --> 00:05:28,462 and we're going to go to 'Effects'... 104 105 00:05:28,487 --> 00:05:31,632 and we're going to apply 'Stylize', and it's just a 'Drop Shadow'. 105 106 00:05:32,296 --> 00:05:35,103 Because it's a Compound Shapes, there's a hole in it. 106 107 00:05:35,149 --> 00:05:36,500 Drop Shadow is quite cool. 107 108 00:05:37,265 --> 00:05:40,085 Let's go pretty-- you can do any glow... 108 109 00:05:40,110 --> 00:05:42,983 and change the mode to 'Normal', and use black. 109 110 00:05:43,179 --> 00:05:45,156 But I want this kind of 3D effect. 110 111 00:05:48,523 --> 00:05:50,453 In here, it's just a matter of playing around, right? 111 112 00:05:50,478 --> 00:05:54,077 I've kind of played around with it already, and I was kind of happy with... 112 113 00:05:55,304 --> 00:05:57,835 how it looked here, maybe change this down a bit. 113 114 00:05:58,181 --> 00:05:59,968 So just a matter of playing around. 114 115 00:05:59,993 --> 00:06:01,601 Make sure your Preview is on so you can kind of see. 115 116 00:06:01,626 --> 00:06:03,179 It's got it's 3Dness. 116 117 00:06:03,204 --> 00:06:04,253 Click 'OK'. 117 118 00:06:04,278 --> 00:06:07,300 Now another thing I like to do, when I was playing around... 118 119 00:06:07,325 --> 00:06:09,634 is I liked it when it had a second Drop Shadow... 119 120 00:06:09,659 --> 00:06:12,720 that was just a little bit smaller, I'll show you what I mean. 120 121 00:06:12,839 --> 00:06:14,077 You can leave it like this totally... 121 122 00:06:14,102 --> 00:06:15,682 because this next bit gets a little confusing. 122 123 00:06:15,707 --> 00:06:18,066 I want to add a second Drop Shadow. 123 124 00:06:18,167 --> 00:06:20,808 I'm going to close down Appearance Panel, what I meant to do is go to 'Effects'... 124 125 00:06:20,901 --> 00:06:23,542 and let's go to 'Stylize', and add 'Drop Shadow'. 125 126 00:06:23,730 --> 00:06:26,019 And this is going to apply a second one. 126 127 00:06:27,019 --> 00:06:29,323 I'm going to click it on, and it's going to freak out a bit. 127 128 00:06:29,448 --> 00:06:32,222 That's okay. We have to play around with the Shadow order. 128 129 00:06:34,706 --> 00:06:37,659 Just take it from me at the moment, just leave it at 60. 129 130 00:06:37,995 --> 00:06:40,089 I'm going to do 1 x 1 x-- 130 131 00:06:40,355 --> 00:06:42,370 I might turn this preview off, it's freaking out. 131 132 00:06:42,855 --> 00:06:45,948 1 x 1 x 2. 132 133 00:06:45,973 --> 00:06:49,948 Just kind of a really thin offset, and not much blur. 133 134 00:06:50,347 --> 00:06:52,954 Reasonably strong, I might have to change that. 134 135 00:06:53,355 --> 00:06:54,519 Click 'OK'. 135 136 00:06:54,845 --> 00:06:56,893 Trying to apply the shadow, and it just doesn't work. 136 137 00:06:56,918 --> 00:07:00,042 It's applying a shadow on top of another shadow, which is-- 137 138 00:07:00,355 --> 00:07:03,605 Let's go to the Appearance panel here, so there's two of them applied. 138 139 00:07:03,886 --> 00:07:05,896 Now what we need to do is just change the Layer order... 139 140 00:07:05,921 --> 00:07:07,331 so I can just drag this one underneath. 140 141 00:07:07,651 --> 00:07:11,534 This is where sometimes, it doesn't want to do it, right? 141 142 00:07:11,559 --> 00:07:13,058 So we have to do it individually... 142 143 00:07:13,854 --> 00:07:16,354 because they're all mixed appearances, so this is why-- 143 144 00:07:16,379 --> 00:07:17,784 Yes, if you want to do it. 144 145 00:07:18,050 --> 00:07:21,729 So what I'm going to do is go to 'Wireframe Mode', which is way up, 'View'. 145 146 00:07:22,050 --> 00:07:25,464 And this top one here, 'Command Y', or 'Control Y' on a PC. 146 147 00:07:25,628 --> 00:07:28,081 I'm going to click on 'Direct Selection' tool, click on this guy. 147 148 00:07:28,362 --> 00:07:29,542 I'll drag him underneath. 148 149 00:07:30,019 --> 00:07:31,292 What is the next line? 149 150 00:07:31,377 --> 00:07:33,213 That one there, drag him underneath. 150 151 00:07:33,744 --> 00:07:35,135 These are joined individually. 151 152 00:07:36,033 --> 00:07:37,181 Not too hard, right? 152 153 00:07:38,189 --> 00:07:41,400 So that should be it, let's go back up to Wireframe Mode. 153 154 00:07:41,425 --> 00:07:42,603 'GPU Preview'. 154 155 00:07:42,628 --> 00:07:44,173 It's kind of what I was looking to do. 155 156 00:07:44,198 --> 00:07:45,900 I might have to change that setting. 156 157 00:07:46,283 --> 00:07:48,830 It's maybe a bit too dark around here. 157 158 00:07:48,884 --> 00:07:50,806 Let's click on it, and-- 158 159 00:07:50,831 --> 00:07:54,665 you can adjust them now, so it's the bottom one we want. 159 160 00:07:55,041 --> 00:07:56,634 No, the top one we want. 160 161 00:07:57,220 --> 00:07:58,337 Dan, get on with it. 161 162 00:08:01,439 --> 00:08:03,173 It's the Opacity I'm going to turn down. 162 163 00:08:04,689 --> 00:08:06,048 Click 'OK'. 163 164 00:08:08,470 --> 00:08:09,422 It's kind of what I was looking for. 164 165 00:08:10,345 --> 00:08:11,584 Maybe the Blur's too big. 165 166 00:08:11,609 --> 00:08:13,931 I'm not going to go and change it because we want to carry on. 166 167 00:08:14,002 --> 00:08:16,119 All you need to do now is clip it inside this. 167 168 00:08:16,416 --> 00:08:20,923 So I'm going to grab my 'Black Arrow', select this guy. 168 169 00:08:21,314 --> 00:08:22,611 I'll keep a version up there. 169 170 00:08:23,688 --> 00:08:27,204 Drag it kind of roughly how we want, make sure it's at the back of the X. 170 171 00:08:27,704 --> 00:08:29,064 Get it kind of lined up. 171 172 00:08:29,314 --> 00:08:30,869 Then select them all... 172 173 00:08:32,087 --> 00:08:33,416 then hit 'Command 7'. 173 174 00:08:34,782 --> 00:08:36,774 If you're on a PC, 'Control 7'. 174 175 00:08:36,962 --> 00:08:40,853 The long way, 'Clipping Mask', 'Make', and... 175 176 00:08:41,415 --> 00:08:45,423 ready, 3D, 80 is in. 176 177 00:08:45,455 --> 00:08:47,360 I think there's too much black on that shadow... 177 178 00:08:47,385 --> 00:08:49,728 but I'm going to fix it afterwards. 178 179 00:08:49,861 --> 00:08:51,720 I'm not going to keep you any longer. 179 180 00:08:52,048 --> 00:08:54,277 Now we've done it with curves, you can do it with spikes... 180 181 00:08:54,302 --> 00:08:55,243 you can do with anything. 181 182 00:08:55,268 --> 00:08:57,900 It's just kind of basically Compound Shapes with the Drop Shadow. 182 183 00:08:57,925 --> 00:08:59,900 Gives you that kind of paper cut look. 183 184 00:08:59,925 --> 00:09:02,431 Now it's time for class exercise. 184 185 00:09:02,892 --> 00:09:05,071 And it's going to be just doing a different letter... 185 186 00:09:05,096 --> 00:09:06,790 with different blobs, with different colors. 186 187 00:09:06,815 --> 00:09:07,815 You can use the same colors. 187 188 00:09:08,048 --> 00:09:10,149 I'd love to see it, because it's such a cool-- 188 189 00:09:10,174 --> 00:09:12,166 Pretty simple doing it, kind of long... 189 190 00:09:12,191 --> 00:09:14,720 but quite creative, I feel. 190 191 00:09:14,923 --> 00:09:17,454 I'd love to see it, if you can post it to us... 191 192 00:09:17,479 --> 00:09:22,009 social media wise, Instagram, it's bringyourownlaptop... 192 193 00:09:22,228 --> 00:09:24,861 and Twitter, it's danlovesadobe. 193 194 00:09:25,072 --> 00:09:27,345 Stick it on this site as well, as a project. 194 195 00:09:27,830 --> 00:09:30,947 So, take a screenshot, show me, I'd love to see it. 195 196 00:09:31,781 --> 00:09:33,258 Let's see what everybody makes. 196 197 00:09:33,508 --> 00:09:34,344 Cool, huh? 197 198 00:09:34,369 --> 00:09:35,375 All right, next video.