Hi there, are you ready to put text inside other text in Illustrator? 1
We'll do that, plus we'll add some Gradients, add some image. 2
Cool stuff going on. Let's go learn that now. 3
First thing is, open up the exercise file, 'Text in a Shape'. 4
It's in your exercise files. 5
You don't need to, I just made a few Artboards... 6
that we're going to kind of practice with, but you can obviously do with anything. 7
First up, we're going to start with some giant Type. 8
So, 'Type Tool', click once. 9
We're using RX, which is our brand that we're doing for that bike company. 10
I'm using my 'Black Arrow' to do the Font size, just to make it super big. 11
Pick a Font, I'm using 'Aktiv'... 12
'Aktiv Grotesk', it's one you can get from TypeKit. 13
It's a nice big bold font, big slabby Arial style. 14
I'm going to make it that sort of size. 15
What I'll do is hold 'Alt' key down... 16
and drag it out, so I've got a copy just in case I need to go back... 17
because we're going to destroy this guy. 18
So for the moment, just to work, this needs to be broken apart. 19
So 'Command-Shift-O' on a Mac, or 'Control-Shift-O' on a PC. 20
It is under... 21
'Create Outlines', sorry, it is there, so 'Type', 'Create Outline'. 22
Now it's just shapes, no longer editable text. 23
That's kind of the first part. 24
Let's ungroup it. 25
Right click, 'Ungroup', or use the shortcut. 26
So I got two separate shapes. 27
We'll start with the X because it's less complicated. 28
Anything that has these kind of Compound Shapes in it... 29
we have to do a little extra steps. We'll start with the X. 30
And all we need to do now is grab our 'Type Tool'. 31
Yours might automatically, depending on the shape that you've used... 32
automatically grab the right tool. 33
We're going to grab this one here. 34
If you click and hold down 'Type Tool', grab 'Area Type Tool'. 35
And you want to kind of click in the top corner here... 36
and it's going to say it can't be a Compound Shape. 37
It's not a Compound Shape, but it thinks it is. 38
Right click it, and say 'Release Compound Path'. 39
That doesn't happen all the time. 40
So now I'm going to click on it, and it's going to work. 41
Your Font size will probably be different. 42
I've played around with this already, so it's kind of a small Font size... 43
but say you're going to use something like Open Sans-- 44
I've made mine quite small. 45
Big fonts just don't really look nice inside of here. 46
So there's a couple of things you need to do. 47
By default yours is going to be left aligned, and a really big font. 48
So go down to something that's going to work. 49
Actually it's going to be legible... 50
and it's going to fit in this shape nicely. 51
I've picked a font really strong and bold. 52
If you got a thin font, it's just going to look strange. 53
Down to your 'Paragraph', I'm going to use 'Justification'. 54
And you can decide on whether it's justification... 55
but leaving the last line, or whether it's full blown. 56
Smash it in there, any way you can, you end up with... 57
kind of some of these strange things going on. 58
Depends if you're doing it for legibility, or it's just for effect. 59
Now in this case you're looking-- 60
it's a really huge problem, it's really hard to get away from... 61
some of these rivers that start running... 62
these kind of gaps that run through the type. 63
You play around with your Paragraph options. 64
This little option in here as well. 65
Start playing with Line heights and things. 66
Get it as close as you can, I'm going to leave mine as it is. 67
What you also might do is... 68
you got to obviously have that magic amount of Type. 69
So you might have to play around with Font sizes and Tracking... 70
to get it to kind of fill up. 71
I'm using Placeholder text... 72
but let's say yours is missing some. 73
What you can do is go to 'Type'... 74
and go to 'Fill' again, and it will just kind of fill it out for you. 75
And what you might do, you might do some-- 76
this one line here is not going to work for me... 77
so I might 'Shift' click this one, and start messing about with it. 78
So that's that guy, let's look at this other option, the R. 79
He has an issue with this bit in the middle here. 80
So like the X, we need to say 'Release Compound Path'. 81
This one has a bit more repercussions, this chunk of R is missing. 82
So we have to put him back in afterwards... 83
I'm going to copy him, and just move him over there. 84
So I just hit 'Command C', or 'Control C' on a PC. 85
And let's do the same thing, 'Type Tool', click in there. 86
With it all selected, I'm going to grab the Eye Dropper Tool. 87
Click this so it's the same color, and weight... 88
and same crazy Justification. 89
The next thing to do is getting this kind of center back in there. 90
You do it like this, I'm going to actually go 'Command F'... 91
to put that back, but I don't need him anymore. 92
That's pasting, but back to exactly where you got it. 93
If you're on a PC, it's 'Control F'. 94
And with this guy, we need to go to 'Object'. 95
Click on 'Text Wrap', and go to 'Make'. 96
You can see, if I'm moving it, it's actually affecting it now. 97
So I'm going to put it where I got it, and just give it 'no' Stroke, 'no' Fill. 98
It will do its job by pushing the text around... 99
but it won't-- 100
Did I put it back where I got it? I didn't. I know it's a bit weird. 101
So that's how to get the text to flow through other letters. 102
Let's do another option, I'm going to copy all of this... 103
and put a Gradient through it. 104
So I'm going to copy it, just move over here, and paste it. 105
Cool. So I've got white text on a white background. 106
Not going to worry about that too much at the moment... 107
because I want to add a Gradient. 108
Now I can't, for the life of me work out a way... 109
of adding a Gradient to the Type... 110
while it's inside this Arial Type. 111
You might be smarter than me, or you've worked it out. 112
Let me know if you can. 113
The only way I can work it out is if you outline the Type again. 114
At the moment it's editable text, which is cool... 115
but what we need to do now is go... 116
sorry guys, you need to be 'Command-Shift-O'. 117
Outlined. 118
Now we can add the Gradient. 119
By having it selected, I can go to 'Fill', and say, actually give it a Gradient. 120
Actually not this guy. 121
I'll take him off in a second. 122
He's just going to hang out here until I'm finished, actually he can stay. 123
I'll select both of them in the background, not selecting him. 124
I'm going to say, you have a 'Fill' of our 'Gradient'. 125
Now by default it will do it per letter. 126
That's kind of cool. 127
It's not really what I wanted. 128
So what we can do, an easy way to fix that... 129
with it selected again, go to 'Object', 'Compound Path', and 'Make'. 130
It doesn't really change it much, except, now when we do this... 131
it will go kind of all the way across. 132
Cool, huh? 133
If you want to change the Gradient... 134
with it selected, grab the 'Gradient Tool' over here, in my 'Tool Bar'... 135
and you can see, I can just kind of drag it any which way I want. 136
Click off. 137
Remember that cool shortcut? 138
It's, stop showing me all the little lines. 139
Do you remember what it is? Do you remember yet? 'Command H'. 140
'Command H', or 'Control H' on a PC... 141
just hides all of the blue stuff temporarily. 142
We can turn it back on later on. 143
Turn 'Command H' back on, because it is helpful. 144
There you go, you got a cool Gradient with Text. 145
The last thing we do is put an image in the background. 146
Weird thing about the images here... 147
and why I think you can probably put Gradients... 148
without outlining the Text... 149
is I can grab this one, which is editable text. 150
I'm going to paste it over here... 151
and I'm going to go back and grab the whole thing. 152
Come back here, buddy. Copy. 153
Let's paste it here. 154
What I'm going to do is put an image in. 155
So I'm going to go to 'File', 'Place'. 156
I'm going to bring in 'Color Whirl', which is in your exercise files. 157
I'm just going to make sure the document's... 158
I guess, big enough to cover everything. 159
Next thing we need to do, is the Text needs to be in the front. 160
So I'm going to right click him, 'Send to Back'. 161
Have these guys selected. 162
I'm not messing about with this thing here. 163
The kind of center hole. 164
So I've just clicked this, this, in the background... 165
and we're going to hit 'Command 7'. 166
It's going to say, "It's pretty complex, be careful," I'm ready. 167
We have to do it per letter. 168
So I'm going to copy this, select both of them. 169
'Command 7', or 'Control 7' on a PC. 170
Now I'm going to paste it again. 171
'Send to Back', and do the second one for these guys. 172
A way around that actually would be to turn them into a group first. 173
A Compound Shape first. 174
That's the end of the tutorial. 175
I'm kind of going back on myself now to prove, maybe a point. 176
Let's click on this one, I'm guessing here, if I-- 177
actually you, you, make Compound Path'. 178
The shortcut is 'Command 8'. 179
I'm going to say 'OK'. 180
Now select these two. 181
Still didn't work. 182
So I should edit that sort of stuff out, but let's leave it in there. 183
That is how, my friends, to put Type in other Type, in Adobe Illustrator. 184
Let's get on to the next video.