Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Deke's Techniques is a collection of short Photoshop and Illustrator projects and creative effects that can be completed in ten minutes or less. The series is taught by computer graphics guru Deke McClelland, and presented in his signature step-by-step style. The intent is to reveal how various Photoshop and Illustrator features can be combined and leveraged in real-world examples so that they can be applied to creative projects right away.
In this movie we will take these two text objects that is to say the one on the left and the one over here in the right, and we will stroke the text, which is not an intuitive operation inside of Illustrator, but it can be accomplished. Whether you're working with live editable text or with text that's being converted to path outlines as in our case. I will go ahead and switchover to the final version of the Illustration that we created in the previous movie, and if you're working along with me, go to the Layers panel and turn on the Text Layer and you can see that we have two text objects.
Now, as I say, I have converted them to path outlines, as you can see, but what I am about to show you works with live editable text as well. The only reason I haven't given you live editable text is because you might not have these fonts, and just so you know what these fonts are, the one over here on the left is called Feast of Flesh, you can look it up online and download it for free. The font over here on the right is Reporter, which is a commercial font from Adobe, just so you know. Anyway, I'm a twirl open my Text layer and I will turn off that font's object, just so we can focus on the text itself.
Then what you want to do is click on this text here, over here on the left hand side with a Black Arrow tool to select it. This would work with live editable text as well, and here are the steps you want to take. When you're working with Path outlines, you want to press Ctrl+H or Command+H on the Mac just to hide them, so you can better see what you are doing. Then switch over to the Appearance panel, which you can get by going up to the Window menu and choosing the Appearance command. And just to keep things as tidy as possible, you want to get rid of the Fill that's currently associated with this object.
And you do that by going up to the first swatch, up here in the Control panel and changing it to None. That will make the text disappear. That's okay. Now you go back over to the Appearance panel and you click on the word Group to make sure it's selected. If you are working with the Type object, you click on the word Type instead. Then you want to drop down to the Add New Stroke icon in the bottom left corner of the Appearance panel and click on it, and that's going to give you both a stroke and a fill as you see here. I am going to go ahead and click in the word Fill and change it to white, and then I will click on the Stroke and let's make sure that it's set to a nice rick black, by clicking on the black swatch.
And then change the Line weight value to 5 points in order to thicken up that stroke. Now obviously, that's totally wrong. So what we need to do to get rid of those jagged transitions right there is click on the word Stroke and then set the Corner to Round Joint, in order to get rid of those spikes. That's still not the effect I am looking for. What we want is the stroke behind the Fill. And all you need to do to accomplish that is drag the stroke down below the fill and drop it into place and you end up getting this effect here.
Now I will go and zoom out by pressing Ctrl+0 or Command+0 on the Mac. I want to go ahead and duplicate those same settings over on to Abilities here. So I will press the V key to confirm that I have got the Black Arrow tool, and then I will click on this text in order to select it, I am not seeing the path outlines, because they are hidden. But if I were to press Ctrl+H or Command+H on the Mac, you can see that the text is selected. I will go ahead and press Ctrl+H or Command+H again, in order to hide those edges so I can better see what I am doing. And now I will switch back to the Layers panel and I will take advantage of that same trick that we saw in the previous movie.
Notice that the meatball is filled in and sort of sculptural for the first text object, that is the text in the upper left corner of the document. So I will go ahead and press the Alt key or the Option key on the Mac and drag from that meatball on to this one here, in order to transfer all of those effects. So the lack of fill associated with the actual path outlines in this case, and the fill and stroke attributes that are assigned with the entire group, or again, if you were working with the Type object, the overall Type object itself.
I don't want a white fill in a black stroke. I want the opposite. So I will just go ahead and press Shift+X in order to swap those attributes like so, and then I will return to the Appearance panel, I'll click on the Stroke, and I will change its Line Weight this time to 3 points, and that is all there is to it. What you want to do now is press Ctrl+H or Command+H on the Mac in order to bring back your selection edges. Because whether you see the selection edges or not, is a saved attribute of the document, so you always want to turn them back on when you're done, and then press Ctrl+0 or Command+0 on the Mac in order to center my zoom, and I will press Ctrl+Shift+A or Command+Shift+A on the Mac in order to deselect the text.
And that folks is how you stroke text in Illustrator, whether it's expressed as live editable text, or as in our case, text that's been converted to path outlines.
Find answers to the most frequently asked questions about Deke's Techniques.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.