Hi there, in this video we're going to take this... 1
kind of hand drawn, done with a pencil in real life drawing... 2
and go do this... 3
where we fill it with color easily... 4
making it all kind of vectory and nice. 5
All right, let's go do it now in this tutorial. 6
So there's going to be three different types. 7
There's going to be a hand drawn one... 8
where if I zoom in, you can see, it's just kind of a pencil drawing. 9
And these guys here we drew earlier in the class, right? 10
I'll show you the pros and cons working with these. 11
So for this guy here we need to first of all vectorize it. 12
Basically it's called Live Trace... 13
or Image Trace; if you select on him... 14
and over here there's one called Image Trace. 15
If you're using an earlier version of Illustrator, it's at the top there. 16
Image Trace, it doesn't matter. 17
Click on it, and this results. 18
Try different ones, but normally it's just black and white logo that will work. 19
The cool thing about it, if I zoom in now, it's actually vector shapes I can fill. 20
It's not quite ready because you need to expand it... 21
otherwise it won't work. 22
Now it's lots of pieces, if I go to Outline view... 23
'Command Y', or 'Control Y' on a PC, it's actually vector. 24
Now I need to color it. 25
We're going to use our super resourceful Shape Builder Tool. 26
We use it for lots of things. 27
So with it open-- let's do a couple of things. 28
Let's open up 'Window', 'Swatches'. 29
What I've done for us in this tutorial is I've cleaned up-- 30
remember the thing we learned in advanced color tips and tricks... 31
I've cleaned up our Swatches panel just so we've got the basics in here. 32
You might, to get started with... 33
start mixing up colors that you want to color with. 34
You can do them on the fly. 35
Another thing you need to double check is... 36
if we double click this tool, is that... 37
you want to make sure Gap Detection is on small for the moment. 38
We'll look at that in a bit more detail in a second. 39
Make sure this-- I turned this off earlier in the course. 40
Basically it's the color that appears just above your cursor. 41
I'm not a big fan of it. 42
So what I want you do now is click on it, and color it. 43
So I'm going to pick a starting color. 44
I'm going to click on it once, and it's filled with that kind of-- 45
I should pick a slightly more specific color that you can actually see. 46
So I've clicked on that, and it just fills it up. 47
If you're running into problems with your hand drawn type... 48
double click this, and play around with the Gap Detection. 49
As you can see in here, there's gaps that I've got. 50
Is there any gaps in this one? There's a gap right there. 51
At the top right. 52
And because I've got Gap Detection on, it's going... 53
it's going to fill that for you, don't worry about it. 54
Thank you. 55
Couple of things I want to do to speed this up. 56
One is, the shortcut that you weren't sure... 57
if that was useful back in an earlier video... 58
remember, 'Command' on a Mac, or 'Control' on a PC, and 'H'. 59
Gets rid of all of that Anchor Points everywhere. 60
Just tidy it up, please. 61
Another cool little shortcut when you're coloring is... 62
can you see, just above my cursor there... 63
there is actually three little squares. 64
The middle one's slightly bigger. 65
If I go over here, close to this panel-- you can zoom right in. 66
Can you see, over here, my cursor... 67
is telling me that's the one I have selected. 68
But watch when I hit my left and right arrow. 69
Can you see, I can kind of toggle through the available Swatches. 70
So it kind of makes it nice to kind of... 71
have one hand on your keyboard, to go, actually I want this to be this color. 72
Then I'll go, a darker color in here for this. 73
I'm just kind of using my left and right... 74
to color the pieces. 75
If you're finding it very hard to color, keep zooming in. 76
I find, the closer you are zoomed, it's easier to get to some of these gaps. 77
So I'm using left and right. 78
You can see how quick and easy it is to start coloring this thing. 79
I don't want white, I want... 80
this color here. 81
I know it doesn't look that rich for a color. 82
You don't have to use these Swatches... 83
you can just use pre-mixed colors, make your own. 84
Let's double click this. 85
Pick a 'Swatch', I want a color for... 86
my flower thing. 87
And you can click in here. 88
You can see, I just picked a random color. 89
Really hard to get? Zoom right in. 90
There we go. 91
Come on, I get you, there you go. 92
So that is how to color it. 93
There's a couple of things-- you'll end up with a white border around the outside... 94
which you may, or might not want. 95
I'm going to hold down... 96
the 'Alt' key on my PC, or 'Option' key on a Mac, and just delete it. 97
Hopefully now, we're going to go to Transparency mode. 98
That's a shortcut we haven't learned before. 99
'Command-Shift-D', or 'Control-Shift-D'. 100
Goes into that kind of more Photoshop style. 101
Kind of sets the Opacity or Transparency. 102
It allows you to know whether there's white in the background, or if it's black. 103
Let's look at some of these other guys here... 104
because it's going to run into a few more problems. 105
I left a gap there on purpose, I've got some overlapping bits. 106
So we want to tidy this up. 107
So we've kind of moved on from live drawing... 108
to kind of just coloring anything. 109
Remember, these aren't complete shapes. 110
There's big holes, this guy just kind of overlaps this. 111
Select them all. 112
Let's grab 'Shift M' for our Shape Builder Tool. 113
Gap Detection's going to be a little bit more important in this case... 114
because you'll find things like... 115
if I double click it, and make the Gap Detection large... 116
can you see, it's detected a really large gap... 117
over here and here, it's decided that, "Hey, I can fill that in." 118
If you are watching this whole tutorial series... 119
that drove me mad a little while ago. 120
You might have to play around with Gap Detection... 121
to work it out for your particular drawing. 122
I'm going to click 'OK'. 123
Let's say I want to do this again, I want the color over here. 124
Go to the green color. 125
And I'm going to color the face this color. 126
The eyes are going to be this color. 127
But I've got all these extra bits, they overlap. 128
So what I can do is... 129
hold down the 'Alt' key on a PC, or 'Option' key on a Mac... 130
and just click on them. 131
These blue bits get trimmed up. 132
I love this, nice little circle. 133
You decide on how detailed you want to get rid of these bits. 134
I'm just holding 'Alt'. 135
You can drag across these. 136
So there's a kind of a pile of junk here. 137
I'm going to hold down 'Alt'... 138
drag across them all, get rid of all of that. 139
Not what I wanted. 140
It's getting rid of everything. Hold down 'Alt', and get rid of these guys. 141
I said you can drag across them, it's not working very well. 142
So I'm going to work my way through, and keep coloring . 143
There is going to be no difference for this guy. 144
What I'd like you to do now is... 145
go through and do it by doing maybe some nice colors. 146
I picked these colors, they seemed like they were going to be good. 147
I even did a demo before I recorded this one, and it looked better. 148
So remember, 'Window', 'Color Themes'... 149
find some nicer color themes, I want you to fill it. 150
Play with Gap Detection, delete the lines. 151
Maybe get rid of this Stroke, add a cool Brush Stroke. 152
I'd like to see what you've done, so either... 153
stick it here as the class project. 154
There'll be a proper space for it here on the website. 155
Also, I'd love to see... 156
just take a screen shot, and send it to me on Instagram or on Twitter. 157
All right, I'll see you in the next video.