0 1 00:00:00,477 --> 00:00:04,641 Hi there, are you ready to put text inside other text in Illustrator? 1 2 00:00:04,984 --> 00:00:07,984 We'll do that, plus we'll add some Gradients, add some image. 2 3 00:00:08,009 --> 00:00:11,477 Cool stuff going on. Let's go learn that now. 3 4 00:00:12,859 --> 00:00:16,617 First thing is, open up the exercise file, 'Text in a Shape'. 4 5 00:00:16,688 --> 00:00:18,680 It's in your exercise files. 5 6 00:00:18,705 --> 00:00:21,180 You don't need to, I just made a few Artboards... 6 7 00:00:21,742 --> 00:00:24,625 that we're going to kind of practice with, but you can obviously do with anything. 7 8 00:00:25,609 --> 00:00:27,867 First up, we're going to start with some giant Type. 8 9 00:00:27,892 --> 00:00:29,531 So, 'Type Tool', click once. 9 10 00:00:29,556 --> 00:00:33,390 We're using RX, which is our brand that we're doing for that bike company. 10 11 00:00:33,781 --> 00:00:37,289 I'm using my 'Black Arrow' to do the Font size, just to make it super big. 11 12 00:00:38,641 --> 00:00:41,930 Pick a Font, I'm using 'Aktiv'... 12 13 00:00:43,625 --> 00:00:46,320 'Aktiv Grotesk', it's one you can get from TypeKit. 13 14 00:00:46,354 --> 00:00:49,908 It's a nice big bold font, big slabby Arial style. 14 15 00:00:51,189 --> 00:00:52,838 I'm going to make it that sort of size. 15 16 00:00:53,174 --> 00:00:55,127 What I'll do is hold 'Alt' key down... 16 17 00:00:55,152 --> 00:00:58,033 and drag it out, so I've got a copy just in case I need to go back... 17 18 00:00:58,058 --> 00:00:59,861 because we're going to destroy this guy. 18 19 00:00:59,886 --> 00:01:02,673 So for the moment, just to work, this needs to be broken apart. 19 20 00:01:02,698 --> 00:01:06,799 So 'Command-Shift-O' on a Mac, or 'Control-Shift-O' on a PC. 20 21 00:01:07,010 --> 00:01:08,433 It is under... 21 22 00:01:09,690 --> 00:01:12,244 'Create Outlines', sorry, it is there, so 'Type', 'Create Outline'. 22 23 00:01:12,385 --> 00:01:14,725 Now it's just shapes, no longer editable text. 23 24 00:01:14,750 --> 00:01:16,229 That's kind of the first part. 24 25 00:01:16,572 --> 00:01:17,619 Let's ungroup it. 25 26 00:01:19,119 --> 00:01:20,822 Right click, 'Ungroup', or use the shortcut. 26 27 00:01:20,847 --> 00:01:22,509 So I got two separate shapes. 27 28 00:01:22,534 --> 00:01:25,440 We'll start with the X because it's less complicated. 28 29 00:01:25,697 --> 00:01:28,619 Anything that has these kind of Compound Shapes in it... 29 30 00:01:29,089 --> 00:01:31,705 we have to do a little extra steps. We'll start with the X. 30 31 00:01:32,346 --> 00:01:34,815 And all we need to do now is grab our 'Type Tool'. 31 32 00:01:36,471 --> 00:01:39,533 Yours might automatically, depending on the shape that you've used... 32 33 00:01:39,572 --> 00:01:41,119 automatically grab the right tool. 33 34 00:01:41,144 --> 00:01:42,400 We're going to grab this one here. 34 35 00:01:42,425 --> 00:01:45,635 If you click and hold down 'Type Tool', grab 'Area Type Tool'. 35 36 00:01:46,611 --> 00:01:48,979 And you want to kind of click in the top corner here... 36 37 00:01:49,322 --> 00:01:51,557 and it's going to say it can't be a Compound Shape. 37 38 00:01:53,172 --> 00:01:56,031 It's not a Compound Shape, but it thinks it is. 38 39 00:01:56,056 --> 00:01:58,453 Right click it, and say 'Release Compound Path'. 39 40 00:01:58,726 --> 00:02:00,679 That doesn't happen all the time. 40 41 00:02:00,851 --> 00:02:02,781 So now I'm going to click on it, and it's going to work. 41 42 00:02:03,249 --> 00:02:05,257 Your Font size will probably be different. 42 43 00:02:05,282 --> 00:02:08,461 I've played around with this already, so it's kind of a small Font size... 43 44 00:02:08,640 --> 00:02:11,125 but say you're going to use something like Open Sans-- 44 45 00:02:11,913 --> 00:02:13,327 I've made mine quite small. 45 46 00:02:13,352 --> 00:02:16,093 Big fonts just don't really look nice inside of here. 46 47 00:02:16,586 --> 00:02:18,242 So there's a couple of things you need to do. 47 48 00:02:18,267 --> 00:02:21,109 By default yours is going to be left aligned, and a really big font. 48 49 00:02:21,367 --> 00:02:23,820 So go down to something that's going to work. 49 50 00:02:24,515 --> 00:02:25,968 Actually it's going to be legible... 50 51 00:02:26,094 --> 00:02:28,320 and it's going to fit in this shape nicely. 51 52 00:02:28,345 --> 00:02:30,508 I've picked a font really strong and bold. 52 53 00:02:30,548 --> 00:02:33,650 If you got a thin font, it's just going to look strange. 53 54 00:02:33,925 --> 00:02:36,503 Down to your 'Paragraph', I'm going to use 'Justification'. 54 55 00:02:36,815 --> 00:02:39,760 And you can decide on whether it's justification... 55 56 00:02:39,785 --> 00:02:43,082 but leaving the last line, or whether it's full blown. 56 57 00:02:43,107 --> 00:02:45,831 Smash it in there, any way you can, you end up with... 57 58 00:02:46,026 --> 00:02:47,862 kind of some of these strange things going on. 58 59 00:02:47,887 --> 00:02:50,932 Depends if you're doing it for legibility, or it's just for effect. 59 60 00:02:51,284 --> 00:02:52,846 Now in this case you're looking-- 60 61 00:02:52,871 --> 00:02:55,784 it's a really huge problem, it's really hard to get away from... 61 62 00:02:55,809 --> 00:02:57,673 some of these rivers that start running... 62 63 00:02:57,698 --> 00:02:59,784 these kind of gaps that run through the type. 63 64 00:03:01,128 --> 00:03:03,292 You play around with your Paragraph options. 64 65 00:03:03,456 --> 00:03:05,119 This little option in here as well. 65 66 00:03:05,144 --> 00:03:07,244 Start playing with Line heights and things. 66 67 00:03:07,269 --> 00:03:11,026 Get it as close as you can, I'm going to leave mine as it is. 67 68 00:03:12,675 --> 00:03:14,213 What you also might do is... 68 69 00:03:14,425 --> 00:03:16,549 you got to obviously have that magic amount of Type. 69 70 00:03:16,574 --> 00:03:19,193 So you might have to play around with Font sizes and Tracking... 70 71 00:03:19,218 --> 00:03:20,425 to get it to kind of fill up. 71 72 00:03:20,659 --> 00:03:22,283 I'm using Placeholder text... 72 73 00:03:22,526 --> 00:03:24,635 but let's say yours is missing some. 73 74 00:03:24,660 --> 00:03:26,112 What you can do is go to 'Type'... 74 75 00:03:26,362 --> 00:03:29,182 and go to 'Fill' again, and it will just kind of fill it out for you. 75 76 00:03:29,448 --> 00:03:32,104 And what you might do, you might do some-- 76 77 00:03:32,479 --> 00:03:35,190 this one line here is not going to work for me... 77 78 00:03:35,534 --> 00:03:38,464 so I might 'Shift' click this one, and start messing about with it. 78 79 00:03:39,456 --> 00:03:43,237 So that's that guy, let's look at this other option, the R. 79 80 00:03:43,565 --> 00:03:47,276 He has an issue with this bit in the middle here. 80 81 00:03:47,503 --> 00:03:50,565 So like the X, we need to say 'Release Compound Path'. 81 82 00:03:50,728 --> 00:03:54,744 This one has a bit more repercussions, this chunk of R is missing. 82 83 00:03:55,260 --> 00:03:57,362 So we have to put him back in afterwards... 83 84 00:03:57,387 --> 00:03:59,917 I'm going to copy him, and just move him over there. 84 85 00:04:00,128 --> 00:04:02,979 So I just hit 'Command C', or 'Control C' on a PC. 85 86 00:04:03,698 --> 00:04:07,018 And let's do the same thing, 'Type Tool', click in there. 86 87 00:04:07,682 --> 00:04:10,034 With it all selected, I'm going to grab the Eye Dropper Tool. 87 88 00:04:10,059 --> 00:04:12,815 Click this so it's the same color, and weight... 88 89 00:04:13,499 --> 00:04:15,065 and same crazy Justification. 89 90 00:04:17,065 --> 00:04:20,807 The next thing to do is getting this kind of center back in there. 90 91 00:04:20,832 --> 00:04:24,471 You do it like this, I'm going to actually go 'Command F'... 91 92 00:04:25,089 --> 00:04:27,034 to put that back, but I don't need him anymore. 92 93 00:04:28,885 --> 00:04:31,042 That's pasting, but back to exactly where you got it. 93 94 00:04:31,067 --> 00:04:32,745 If you're on a PC, it's 'Control F'. 94 95 00:04:32,979 --> 00:04:34,979 And with this guy, we need to go to 'Object'. 95 96 00:04:35,221 --> 00:04:37,229 Click on 'Text Wrap', and go to 'Make'. 96 97 00:04:39,104 --> 00:04:41,612 You can see, if I'm moving it, it's actually affecting it now. 97 98 00:04:41,637 --> 00:04:44,925 So I'm going to put it where I got it, and just give it 'no' Stroke, 'no' Fill. 98 99 00:04:45,182 --> 00:04:47,050 It will do its job by pushing the text around... 99 100 00:04:47,075 --> 00:04:48,749 but it won't-- 100 101 00:04:48,774 --> 00:04:52,151 Did I put it back where I got it? I didn't. I know it's a bit weird. 101 102 00:04:53,456 --> 00:04:57,089 So that's how to get the text to flow through other letters. 102 103 00:04:57,409 --> 00:04:59,784 Let's do another option, I'm going to copy all of this... 103 104 00:04:59,809 --> 00:05:01,246 and put a Gradient through it. 104 105 00:05:01,505 --> 00:05:04,888 So I'm going to copy it, just move over here, and paste it. 105 106 00:05:05,247 --> 00:05:08,068 Cool. So I've got white text on a white background. 106 107 00:05:08,801 --> 00:05:10,433 Not going to worry about that too much at the moment... 107 108 00:05:10,458 --> 00:05:11,803 because I want to add a Gradient. 108 109 00:05:12,052 --> 00:05:14,419 Now I can't, for the life of me work out a way... 109 110 00:05:14,444 --> 00:05:16,451 of adding a Gradient to the Type... 110 111 00:05:16,476 --> 00:05:18,490 while it's inside this Arial Type. 111 112 00:05:18,515 --> 00:05:21,208 You might be smarter than me, or you've worked it out. 112 113 00:05:21,233 --> 00:05:22,630 Let me know if you can. 113 114 00:05:22,655 --> 00:05:25,458 The only way I can work it out is if you outline the Type again. 114 115 00:05:25,630 --> 00:05:27,927 At the moment it's editable text, which is cool... 115 116 00:05:28,099 --> 00:05:29,918 but what we need to do now is go... 116 117 00:05:29,943 --> 00:05:33,997 sorry guys, you need to be 'Command-Shift-O'. 117 118 00:05:34,638 --> 00:05:35,662 Outlined. 118 119 00:05:35,825 --> 00:05:37,356 Now we can add the Gradient. 119 120 00:05:37,389 --> 00:05:40,474 By having it selected, I can go to 'Fill', and say, actually give it a Gradient. 120 121 00:05:41,379 --> 00:05:43,169 Actually not this guy. 121 122 00:05:44,091 --> 00:05:45,599 I'll take him off in a second. 122 123 00:05:45,802 --> 00:05:48,622 He's just going to hang out here until I'm finished, actually he can stay. 123 124 00:05:48,974 --> 00:05:51,622 I'll select both of them in the background, not selecting him. 124 125 00:05:52,091 --> 00:05:54,076 I'm going to say, you have a 'Fill' of our 'Gradient'. 125 126 00:05:54,529 --> 00:05:57,427 Now by default it will do it per letter. 126 127 00:05:57,591 --> 00:05:58,662 That's kind of cool. 127 128 00:05:58,896 --> 00:06:00,154 It's not really what I wanted. 128 129 00:06:00,302 --> 00:06:02,247 So what we can do, an easy way to fix that... 129 130 00:06:02,419 --> 00:06:07,856 with it selected again, go to 'Object', 'Compound Path', and 'Make'. 130 131 00:06:08,693 --> 00:06:11,379 It doesn't really change it much, except, now when we do this... 131 132 00:06:11,404 --> 00:06:13,787 it will go kind of all the way across. 132 133 00:06:14,427 --> 00:06:15,365 Cool, huh? 133 134 00:06:16,051 --> 00:06:17,491 If you want to change the Gradient... 134 135 00:06:17,516 --> 00:06:20,240 with it selected, grab the 'Gradient Tool' over here, in my 'Tool Bar'... 135 136 00:06:20,490 --> 00:06:23,349 and you can see, I can just kind of drag it any which way I want. 136 137 00:06:24,240 --> 00:06:25,115 Click off. 137 138 00:06:25,388 --> 00:06:26,755 Remember that cool shortcut? 138 139 00:06:26,780 --> 00:06:28,966 It's, stop showing me all the little lines. 139 140 00:06:28,991 --> 00:06:32,009 Do you remember what it is? Do you remember yet? 'Command H'. 140 141 00:06:32,399 --> 00:06:34,926 'Command H', or 'Control H' on a PC... 141 142 00:06:34,951 --> 00:06:38,248 just hides all of the blue stuff temporarily. 142 143 00:06:38,497 --> 00:06:40,076 We can turn it back on later on. 143 144 00:06:41,347 --> 00:06:43,770 Turn 'Command H' back on, because it is helpful. 144 145 00:06:44,263 --> 00:06:46,904 There you go, you got a cool Gradient with Text. 145 146 00:06:47,732 --> 00:06:50,099 The last thing we do is put an image in the background. 146 147 00:06:50,357 --> 00:06:52,052 Weird thing about the images here... 147 148 00:06:52,084 --> 00:06:54,152 and why I think you can probably put Gradients... 148 149 00:06:54,177 --> 00:06:56,590 without outlining the Text... 149 150 00:06:56,927 --> 00:06:58,888 is I can grab this one, which is editable text. 150 151 00:06:58,913 --> 00:07:00,341 I'm going to paste it over here... 151 152 00:07:00,817 --> 00:07:03,505 and I'm going to go back and grab the whole thing. 152 153 00:07:03,693 --> 00:07:05,497 Come back here, buddy. Copy. 153 154 00:07:06,349 --> 00:07:07,927 Let's paste it here. 154 155 00:07:08,591 --> 00:07:11,692 What I'm going to do is put an image in. 155 156 00:07:11,717 --> 00:07:14,013 So I'm going to go to 'File', 'Place'. 156 157 00:07:14,038 --> 00:07:17,677 I'm going to bring in 'Color Whirl', which is in your exercise files. 157 158 00:07:18,005 --> 00:07:19,615 I'm just going to make sure the document's... 158 159 00:07:19,640 --> 00:07:21,841 I guess, big enough to cover everything. 159 160 00:07:23,693 --> 00:07:25,732 Next thing we need to do, is the Text needs to be in the front. 160 161 00:07:25,757 --> 00:07:28,162 So I'm going to right click him, 'Send to Back'. 161 162 00:07:29,146 --> 00:07:31,209 Have these guys selected. 162 163 00:07:31,468 --> 00:07:34,335 I'm not messing about with this thing here. 163 164 00:07:34,445 --> 00:07:36,007 The kind of center hole. 164 165 00:07:36,164 --> 00:07:39,554 So I've just clicked this, this, in the background... 165 166 00:07:39,579 --> 00:07:41,703 and we're going to hit 'Command 7'. 166 167 00:07:42,632 --> 00:07:45,304 It's going to say, "It's pretty complex, be careful," I'm ready. 167 168 00:07:46,107 --> 00:07:47,724 We have to do it per letter. 168 169 00:07:48,678 --> 00:07:52,124 So I'm going to copy this, select both of them. 169 170 00:07:52,149 --> 00:07:55,523 'Command 7', or 'Control 7' on a PC. 170 171 00:07:55,851 --> 00:07:57,507 Now I'm going to paste it again. 171 172 00:07:57,679 --> 00:08:00,647 'Send to Back', and do the second one for these guys. 172 173 00:08:02,038 --> 00:08:05,507 A way around that actually would be to turn them into a group first. 173 174 00:08:05,532 --> 00:08:06,789 A Compound Shape first. 174 175 00:08:08,304 --> 00:08:09,367 That's the end of the tutorial. 175 176 00:08:09,392 --> 00:08:12,156 I'm kind of going back on myself now to prove, maybe a point. 176 177 00:08:12,406 --> 00:08:14,507 Let's click on this one, I'm guessing here, if I-- 177 178 00:08:14,532 --> 00:08:17,382 actually you, you, make Compound Path'. 178 179 00:08:17,763 --> 00:08:19,382 The shortcut is 'Command 8'. 179 180 00:08:20,239 --> 00:08:21,435 I'm going to say 'OK'. 180 181 00:08:21,828 --> 00:08:23,749 Now select these two. 181 182 00:08:26,179 --> 00:08:26,890 Still didn't work. 182 183 00:08:30,148 --> 00:08:33,702 So I should edit that sort of stuff out, but let's leave it in there. 183 184 00:08:34,734 --> 00:08:39,327 That is how, my friends, to put Type in other Type, in Adobe Illustrator. 184 185 00:08:39,546 --> 00:08:40,749 Let's get on to the next video.