Hi there, in this tutorial we're going to create... 1
this Duo Tone effect in Adobe Illustrator. 2
Plus we'll do kind of a Half Tone option over here as well. 3
Transforming this image into these guys. 4
Now this is not an official Duo Tone... 5
that you're going to create separations... 6
and send them off to your commercial printer. 7
It's more like the effect of Duo Tone. 8
All right, let's go and learn how to do that now in Illustrator. 9
First up, open up 'duotone.ai' 10
You don't need to use this file... 11
but if you want to, it's in your exercise files. 12
Why? Because it's got a pink background, and I've got some sneaky text over there. 13
You might not have these fonts so I've got two versions. 14
An outline version, and a one that has the fonts... 15
that you can go and modify to your own font. 16
The one thing with this one... 17
let's go and make sure our document's on RGB. 18
Some of the things we're going to do requires to be RGB. 19
If yours isn't, go to 'File', 'New', and just make sure it's RGB... 20
or over here, 'File', 'Document Color', and just make sure it's in 'RGB'. 21
Let's bring in our image... so 'Command-Shift-P' for 'File', 'Place'. 22
There's one in there called-- I've got two options there. 23
We're going to bring this JPEG in... it's called The Cathedral of Holy Trinity. 24
It's an amazing church here in Ireland, in Waterford. 25
It just looks amazing, that's the main point, that I've used it. 26
So I'm going to bring it in. 27
And I'm going to drag it out, and we're going to start working. 28
Now, I could carry on with this, my problem is I want the sky to be in it. 29
You saw that in the first version, in the intro, it didn't have a sky in it. 30
So often I want to trim all the stuff back. 31
To do it-- Illustrator just doesn't do it. 32
It's Photoshop's job, so I'm going to jump into Photoshop real quick... 33
and just show you how to quickly remove, say this guy. 34
So I've got it open here, I'm going to use this tool here. 35
He's the magic tool, the Quick Selection Tool. 36
If you haven't used him for a long time, he's gone amazing over the years. 37
Watch this, I'm going to click and drag this guy. 38
Amazingly it's got most of the sky. 39
A few little issues, but nothing that's going to hurt my job. 40
All you need to do is click on this option here... 41
that says 'Make Layer Mask'. 42
Problem is, I've got the wrong thing selected. 43
So all I need to do is, before I click that button... 44
go to 'Select', 'Inverse', now I've clicked on this guy. 45
Awesome! Now I'm just going to save him. 46
Save him as a PSD. 47
And I'm going to add the '- No Sky'... 48
which I've already done, so I'm going to close him down, and 'Don't Save'. 49
You might just tidy up an image a little bit in Photoshop. 50
And because we're going to destroy this so much... 51
you don't have to be totally special about it. 52
So, now we're going to go to 'File', 'Place'. 53
Illustrator is pretty good in bringing in PSDs. 54
There's no reason to save it out to a PNG, or anything. 55
I'm going to bring him in, and make him the right size. 56
It goes edge to edge. 57
I got it, drag him down the bottom. 58
First thing I need to do... 59
is convert him into kind of a vector shape. 60
Kind of gives us that kind of printing look. 61
So with it selected, we're going to go over here that says 'Image Trace'. 62
It's up there as well. 63
I'm going to click on it. 64
And the option I want in this case-- 65
you might play around with a few different ones. 66
I find it looks good just converting it to 'Shades of Gray'... 67
because Duo Tone's just two colors, right? 68
So I'm going to use the color of the background... 69
and a color for the cathedral. 70
So I just want it to be black and white. 71
Then we're going to recolor it once it's finished its little thing. 72
We're nearly there, right? 73
We need to-- 74
It's quite cool already. 75
I need to get rid of the background, the background just appeared again. 76
So to get rid of it, grab the 'White Arrow'. 77
This doesn't have clouds in it, I'm going to click off in the background. 78
'White Arrow', click on it, this guy, and just hit 'Delete'. 79
Going too bad, undo. 80
Before I do any of that, I need to hit the 'Expand' button. 81
It's along the top here. 82
Can't forget that. 83
Then, with the White Arrow, click off in the background. 84
Click on this guy, hit 'Delete'. 85
So the sky is gone, it's all kind of lovely vector. 86
If I go to Wireframe mode, it's really complex. 87
Next thing I want to do is recolor. 88
We did recoloring in an earlier video. 89
Same principle works here, 'Black Arrow', click on this guy. 90
Then I go to 'Edit', 'Edit Colors', I'm going to go to... 91
'Recolor Artwork'. 92
Actually I'm going to jump to these presets. 93
This is the exact same thing, except it's going to save some time. 94
I'm going to say, I want 'Color Job', please. 95
If I move it up, says, this, click 'OK'. 96
What we want to do is... 97
we want to change all of these gray colors to the new color, which is... 98
which color? I'm going to double click on this... 99
and pick a color. 100
What color do I want? I kind of want a purple-y color. 101
What you might find is that it didn't quite do it. 102
Grab the 'Saturation' down here, I find it's easier. 103
Grab this guy, drag this up a little bit. 104
Darken it down. 105
I'm messing about too much now. 106
I'm really fond of purple. 107
So once you've got your colors, let's click 'OK'. 108
Now what we need to do is get rid of the white. 109
You could do this, we saw in Duo Tone. 110
Using the white of the paper, and these two colors... 111
but it kind of looks nicer if I start playing with my Blending Modes. 112
Now because of all this detail here it's really hard to actually see. 113
The shortcut for getting rid of all those lines is... 114
that's right, 'Command H'. 115
We'll turn it back on later on... 116
but for the moment, just turning it off, still there... 117
but at least I can see what I'm doing. 118
And over here I'll just kind of work my way through. 119
Kind of darkened, it's kind of quite cool. 120
Click and drags from the background here. 121
Just work your way through now... 122
and figure out which one gives you the effect you were looking for. 123
I'm going to jump back to 'Darken' 124
It gives me that kind of traditional Duo Tone look. 125
Last thing we will do is just bring in that text. 126
So I'm going to zoom out, here he is over here... 127
I'm going to grab these two guys. 128
I laid this out already, if you hate the layout you can go and adjust it. 129
One thing I might do though is I need to be in front. 130
So I'm going to 'Arrange', and 'Bring to Front'. 131
Cool! One little thing we'll do. 132
You saw at the beginning, that Half Tone look. 133
So I'm going to grab my 'Artboard Tool'. 134
I'll hold down the 'Alt' key on a PC, 'Option' key on a Mac. 135
And what I'll do is, I'll select this, and under 'Effect', under 'Pixelate'... 136
and 'Color Halftone', looks quite cool. 137
You might have to undo, come back to this quite a bit... 138
there's no Preview, click 'OK'. 139
It's going to give me the kind of effect I want. 140
You might play around with it, gives it kind of old school newspaper... 141
really exaggerated it a bit... 142
but yes, it's kind of cool little exercise. 143
Now that's the exercise we've done together. 144
Now it's time for your exercise. 145
So there's homework for this one. 146
What I'd like you to do is find a monument in your town. 147
Doesn't have to be a cathedral, it can be anything, I'd like to see it. 148
So find something online, quick and easy. 149
Find something in your local town, kind of a significant building. 150
It could be anything, could be your dog, I'm happy with your dog. 151
But I'd like you to play around with both... 152
different colors, different fonts... 153
and play around with this kind of Duo Tone look. 154
And I'd like you to send me copies of it. 155
So here's the website here to post your projects... 156
or you can send it to me, but, actually, and send it to me. 157
Send it to me on Twitter, I'm danlovesadobe 158
And on Instagram, on bringyourownlaptop 159
I'd love to see what you're doing. 160
And I'd love to see a little bit about your town. 161
All right, that's going to be it for our tutorial. 162
See you in the next one.