Hi there, in this video we're going to make this paper cut effect... 1
using Adobe Illustrator. 2
All right, let's jump in and do it. 3
To start making this effect, we are going to use a bit of Type. 4
One thing also, we're going to use some colors that are from the 80s. 5
You saw it at the beginning there... 6
so just make sure your Document Setup or Document Color Mode is 'RGB'. 7
You just can't reach those colors with CMYK. 8
So grab the 'Type Tool', create a letter. 9
I'm just going to just use the letter X, like you saw. 10
And I'm going to use a nice, big thick font. 11
I'm going to use 'Museo Slab'. 12
It's part of TypeKit, you can download that for free as part of your license. 13
If you don't have Museo, you can just go into here, and go to 'Slab Serif'... 14
and just see what slabs you have in here. 15
I feel like I have more than that, but anyway-- 16
I'm going to turn-- I'm going to give it a Fill like-- 17
Let's go super chunky. 18
Even chunkier, 1000, make it nice and big. 19
And I'm going to go and outline it. 20
You need to outline the font eventually, I'm going to make a copy over here. 21
You've opened it, you've outlined it, and you can't remember what it was. 22
So this guy here is going to be outlined, so 'Type', 'Create Outlines'. 23
And now we're going to do some drawing. 24
Up to you, you can be super precise with the Curvature or Pen Tool. 25
I am not, I'm going to use the Pencil Tool... 26
but just make sure I've double clicked the 'Pencil Tool'... 27
the Smoothing is at really high, and you've unselected, keep selected. 28
That just causes a pain while you're drawing. 29
One thing I wish though, I wish I had my Wacom tablet with me. 30
Again, I'm stuck inside with a snow storm. 31
So we're filling from home, no Wacom, but that's okay. 32
Now when I'm drawing, I'm going to-- 33
It doesn't really matter what colors you picked now... 34
but it needs no Fill, any Stroke. 35
I'm going to do three Strokes, so I'm going to do... 36
yellow, green, and Cyan for my three levels. 37
Now when you're drawing there's nothing to it, it's-- 38
I'm going to start from the outside end, it's totally up to you... 39
but we're going to draw all the way around, I'll show you what I mean. 40
I'm going to kind of draw around here. 41
I've got some loopy things, it's going to come in and out. 42
There's a lot of work that goes into... 43
kind of guessing what it's going to look at the end. 44
We can do some adjustments later on. 45
You want to come back to the beginning. 46
I shouldn't probably loop back on itself, but I'm trying to make it look fine. 47
And you can see, with the Pencil Tool up and smoothing... 48
it made me look like I'm pretty good with my mouse here. 49
So that's the first level, I'm going to draw another one. 50
That is the green. 51
And this one here is just going to-- 52
So this is going to be like peeking in around this guy, in and out a little bit... 53
but he's kind of the next level down... 54
that we saw in that Intro video. 55
We're going to leave enough room for, I guess, whatever you decide... 56
how many levels you're going to do. 57
We did three in this case. 58
Three plus the background equals four. 59
Now I'm just coming back to the beginning. 60
We'll speed this next bit up, I'm just going to use blue. 61
So let's go speedy version. 62
We're back, so that scribbly mess is-- 63
that's the reason I picked colors, I guess. 64
Now we're going to choose a set of colors to use for it. 65
I'm going to go 'Window', 'Color Themes', just to pick awesome colors. 66
'Color Themes'. 67
If you go from 'Create' to 'Explore' you get a bunch of colors. 68
Mine's on Most Popular this month, 'Zoo' is the one I'm going to use. 69
If you can't find it, and you want to use it... 70
just type in 'zoom' and search, and you should be able to find it. 71
What we need now is four squares for our four different levels. 72
The three kind of scribbles, plus the background. 73
So draw a rectangle above the thing you want to-- 74
just needs to be bigger, doesn't really matter how much bigger. 75
We need to decide on our levels, so I'm going to start with orange. 76
I'm going to drag it up holding 'Alt', then hit 'Command D'. 77
So I've got one, two, three, four. Zoom out. 78
All right, so orange... 79
blue... 80
green... 81
and pink. 82
So I've got these guys, now I'm going to lay these guys out on top of it. 83
Just giving them some sort of order. 84
I'll do this top one here. 85
I'll bring him to front so I can see him. 86
Who is next? Green is next. 87
'Arrange', 'Bring to Front'. 88
You can right click them to bring them to the front. 89
And that guy just kind of fills in the background. 90
So I've got these three, now all I need to do is make them a Compound Path. 91
You can go to 'Object', 'Compound Path', 'Make'... 92
or select them both, and go 'Command 8', or 'Control 8' on a PC. 93
So I've got my bits and pieces, now I want to stack them on top of each other. 94
This can be a bit of a pain, like, I want to put this guy up the top. 95
This guy should be right down the back. 96
So just keep playing with your Layer order... 97
until you get something working. 98
You really didn't know what to stick to that. 99
One more line, perfect, and that guy is at the back. 100
So one, two, three, four. 101
So to get the 3D kind of effect... 102
what we're going to do is, have it selected, all of them... 103
and we're going to go to 'Effects'... 104
and we're going to apply 'Stylize', and it's just a 'Drop Shadow'. 105
Because it's a Compound Shapes, there's a hole in it. 106
Drop Shadow is quite cool. 107
Let's go pretty-- you can do any glow... 108
and change the mode to 'Normal', and use black. 109
But I want this kind of 3D effect. 110
In here, it's just a matter of playing around, right? 111
I've kind of played around with it already, and I was kind of happy with... 112
how it looked here, maybe change this down a bit. 113
So just a matter of playing around. 114
Make sure your Preview is on so you can kind of see. 115
It's got it's 3Dness. 116
Click 'OK'. 117
Now another thing I like to do, when I was playing around... 118
is I liked it when it had a second Drop Shadow... 119
that was just a little bit smaller, I'll show you what I mean. 120
You can leave it like this totally... 121
because this next bit gets a little confusing. 122
I want to add a second Drop Shadow. 123
I'm going to close down Appearance Panel, what I meant to do is go to 'Effects'... 124
and let's go to 'Stylize', and add 'Drop Shadow'. 125
And this is going to apply a second one. 126
I'm going to click it on, and it's going to freak out a bit. 127
That's okay. We have to play around with the Shadow order. 128
Just take it from me at the moment, just leave it at 60. 129
I'm going to do 1 x 1 x-- 130
I might turn this preview off, it's freaking out. 131
1 x 1 x 2. 132
Just kind of a really thin offset, and not much blur. 133
Reasonably strong, I might have to change that. 134
Click 'OK'. 135
Trying to apply the shadow, and it just doesn't work. 136
It's applying a shadow on top of another shadow, which is-- 137
Let's go to the Appearance panel here, so there's two of them applied. 138
Now what we need to do is just change the Layer order... 139
so I can just drag this one underneath. 140
This is where sometimes, it doesn't want to do it, right? 141
So we have to do it individually... 142
because they're all mixed appearances, so this is why-- 143
Yes, if you want to do it. 144
So what I'm going to do is go to 'Wireframe Mode', which is way up, 'View'. 145
And this top one here, 'Command Y', or 'Control Y' on a PC. 146
I'm going to click on 'Direct Selection' tool, click on this guy. 147
I'll drag him underneath. 148
What is the next line? 149
That one there, drag him underneath. 150
These are joined individually. 151
Not too hard, right? 152
So that should be it, let's go back up to Wireframe Mode. 153
'GPU Preview'. 154
It's kind of what I was looking to do. 155
I might have to change that setting. 156
It's maybe a bit too dark around here. 157
Let's click on it, and-- 158
you can adjust them now, so it's the bottom one we want. 159
No, the top one we want. 160
Dan, get on with it. 161
It's the Opacity I'm going to turn down. 162
Click 'OK'. 163
It's kind of what I was looking for. 164
Maybe the Blur's too big. 165
I'm not going to go and change it because we want to carry on. 166
All you need to do now is clip it inside this. 167
So I'm going to grab my 'Black Arrow', select this guy. 168
I'll keep a version up there. 169
Drag it kind of roughly how we want, make sure it's at the back of the X. 170
Get it kind of lined up. 171
Then select them all... 172
then hit 'Command 7'. 173
If you're on a PC, 'Control 7'. 174
The long way, 'Clipping Mask', 'Make', and... 175
ready, 3D, 80 is in. 176
I think there's too much black on that shadow... 177
but I'm going to fix it afterwards. 178
I'm not going to keep you any longer. 179
Now we've done it with curves, you can do it with spikes... 180
you can do with anything. 181
It's just kind of basically Compound Shapes with the Drop Shadow. 182
Gives you that kind of paper cut look. 183
Now it's time for class exercise. 184
And it's going to be just doing a different letter... 185
with different blobs, with different colors. 186
You can use the same colors. 187
I'd love to see it, because it's such a cool-- 188
Pretty simple doing it, kind of long... 189
but quite creative, I feel. 190
I'd love to see it, if you can post it to us... 191
social media wise, Instagram, it's bringyourownlaptop... 192
and Twitter, it's danlovesadobe. 193
Stick it on this site as well, as a project. 194
So, take a screenshot, show me, I'd love to see it. 195
Let's see what everybody makes. 196
Cool, huh? 197
All right, next video.