Hi there, in this video we're going to do two things. 1
We're going to take this colored image, and turn it into a black and white image. 2
Then we're going to do some cool stuff... 3
with colors, and blending with the background. 4
You can see a few different options there. 5
Let's go do that now in Adobe Illustrator. 6
To get started you can open up a file, in our 'Exercise files'... 7
called 'blending modes - black and white.ai'. 8
I've just put in some basic stuff to get us going. 9
Phase one, is bringing in an image, and making it black and white. 10
So we're going to go 'File', 'Place'. 11
And we're going to find an image in here called 'grayscale.jpg'. 12
Click 'Place'. 13
I'm going to drag it so it kind of fits in the background here. 14
It's a little bit too big, we should trim that up. I'm not going to bother. 15
I also want to send it to the back. 16
So 'Command Shift', and square bracket, '['... 17
or 'Control Shift', square bracket on a PC. 18
Now we need to make it black and white. 19
So black and white in Illustrator is... 20
with it selected with my 'Black Arrow', I go up to 'Edit'... 21
and I go down to 'Edit Colors', and I've got 'Convert to Grayscale'. 22
And it's black and white. 23
Now that's fine, and this one looks fine. 24
I find that Illustrator does... 25
it's got one option, right? 26
It's pretty kind of, just take it or leave it. 27
So what I tend to do is... 28
I'll do the same image in something like Photoshop. 29
I know it's not a Photoshop class... 30
but even if you've never used it... 31
do this particular thing. 32
All you want to do is... 33
with it open, go to 'Adjustments', there's an option in here. 34
This little icon here is the 'Black and White'. 35
It does a similar sort of thing, we'll have a little look. 36
It's slightly different. 37
Where it gets different in Photoshop though is... 38
you get to adjust the colors. 39
So in here you get to say what you do with the reds. 40
So you get a bit of control. 41
You can see, rather than just leave what the default is... 42
you can say, actually I want to do some other stuff with him... 43
maybe darken him up. 44
Just gives you a lot more control... 45
about how this thing gets converted to black and white, which I love. 46
There's no green in the image, but these guys do. 47
A little bit cyan in his pocket, turns out. 48
Little bit blue in his shirt. 49
So you get to kind of have a bit more control. 50
Another cool thing about this in Photoshop is this guy here. 51
It's got a terrible name, the On Art Modifier. 52
But give it a click. 53
What it does is, means that you get to click and drag. 54
So I've turned it on. You know it's active because it's dark. 55
And over here I get to say... 56
say his cheeks need a bit of work, I can click, hold... 57
drag left and right. 58
So instead of just trying to guess over here what colors are affecting things... 59
you need to go, and say, this bit of the checkered shirt... 60
a bit brighter, darker. 61
So it's just really kind of teched our pocket. 62
I need to kind of darken down... 63
because here it's quite bright, I need to darken it down. 64
The fence here, bring it up, down. 65
So you just click, hold, and drag. 66
The other thing... 67
you might not want black and white... 68
you might want a tint, there's a tint option here. 69
By default it's got kind of sepia kind of tone. 70
So that is the Black & White Tool in Photoshop. 71
Now you can save that out. 72
Maybe as a PSD, maybe as a JPEG, and bring it into Illustrator. 73
I'm not going to, but if you want to do more with Photoshop... 74
tips and tricks like these, I've got a Photoshop course. 75
So check out either the Essentials of the Advanced one of that. 76
All right, back into Illustrator. 77
What we want to do now is get-- 78
there's kind of coloration interacting with the background... 79
like we saw at the beginning. 80
It's quite easy, it's called Color Blending... 81
like we did in an earlier tutorial. 82
So 'Black Arrow, I've got this red box selected. 83
Go to opacity, click on the word 'Opacity'. 84
'Normal', and then just play around here until you find one that works. 85
I like Multiply, looks pretty good. 86
They've all got different kind of effects. 87
Also know that if you use a different color... 88
I use kind of a rich red... 89
that's going to work this way with Multiply... 90
but if you have a different color you'll find... 91
that some of these options can be quite different. 92
I'm going to leave that at Multiply, because I like it... 93
and move on to our next one. 94
What we're going to do in the next bit... 95
we're going to grab our 'Artboard Tool', just make a duplicate. 96
So 'Artboard Tool'... 97
I hold down the 'Option' key on a Mac, 'Alt' key on a PC... 98
to get a second version. 99
In this one what I want to do is not only colorize this... 100
actually I'm going to touch this bit to black. 101
I want you to be black. 102
Doesn't really matter with Multiply. 103
It could be a normal Multiply only. They both look the same. 104
What I'd like to do is... 105
add these kind of guys up here, grab these three. 106
I'm going to just make them nice and big. 107
Just stretching them out, I'm going to rotate them. 108
What I really want to do is... 109
the layer order is kind of important. 110
Not kind of important, it's very important. 111
So I'm going to get him there. 112
What I can't do is overlap this other document. 113
So I might have to move this guy across with my Artboard Tool. 114
So there's a bit more space. 115
So with these selected, I'm going to send them to the back... 116
and bring them forward so they are just one-- 117
Just in front of the gray, but not in front of this text... 118
because I don't want this color affecting that. 119
Now exactly same thing, I'm going to go through, 'Stroke'-- 120
sorry, the word is 'Opacity', and pick another one of these. 121
You can do some really cool stuff with different colors. 122
What is this color mode? It's quite cool. 123
Looks like too much. Just one of the boxes. 124
And this one here is 'Multiply'. 125
Looks pretty cool. 'Color Burn', 'Lighten'. 126
Kind of color burnt. 127
Cool kind of Instagram look. 128
And what we might do as well is draw a rectangle to crop these guys in. 129
So I'm going to intersect you, intersect you. 130
I'm going to select all these boxes plus that image in the background. 131
Can't grab him, hard to grab. 132
Come on, Daniel. Professional. 133
Grab them all, cut them all. 134
So I've got everything selected, this image, these boxes, this guy here. 135
Because this guy's in the front... 136
I can hit 'Command 7', or 'Control 7' on a PC. 137
Just kind of crop them all in. They're still there. 138
I'm going to select on this, and move it to the back so I can see my text. 139
One last thing I'll show you. 140
You saw at the beginning there... 141
I'm going to grab my Artboard Tool, 'Shift O'. 142
And I'm going to hold down the 'Alt' key, or 'Option' key. 143
I'm going to right click, 'Release Clipping Mask'. 144
Don't want you guys anymore. Thank you, very much. 145
We're going to do two things, one is, I'm going to kind of posterize him. 146
It's called Half Tone, kind of that cool-- 147
I don't know, exaggeration of old school printing. 148
Not old school, actual printing... 149
but I'm going to blow it up to look quite cool, so we're going to select him. 150
We're going to go into 'Effect'. 151
Dan's going to try and remember which one this is in. 152
Guess it's Pixelate. 153
Color Halftone, that's what I'm after. 154
I'm going to just leave all the defaults. 155
And that's going to be our result. 156
What we might do as well just to kind of give it... 157
a little, I don't know, what's that? Dan's Netflix show. 158
It's Making a Murderer. 159
I love that series anyway. 160
That's what we're going for anyway, we're going for red. 161
Then we're going to go and play with the opacity. 162
Actually we're playing with the Blending Mode inside of Opacity. 163
And in here we're going to pick one of these, right? 164
Kind of some color burn, I like it. 165
It's got that kind of look to it. Maybe I'm making it up... 166
but you get the idea, right? 167
You can play around with obviously Color Halftone... 168
you can drag that off, click on this guy, and update it in here... 169
and decide, kind of Max Radius, Channels 1, 2, and 3. 170
Just kind of edit it. 171
This looks quite different when you're working with a colored image... 172
because we only have one channel being used. 173
So play around with the colored image, mine look quite cool as well. 174
All right my friends, that is how to work with black and white images... 175
and do some cool stuff with Color Blending Modes. 176
All right, I'll see you in the next video.