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're going to take that textured type treatment that we created in the previous movie and we're going to get rid of the drop shadow and the skinny stroke and we're going to replace it with these thicker strokes, both of which are entirely in back of the letters. So in other words, the texture inside the letters covers up the white stroke, which in turn covers up the black stroke. And in order to achieve that effect, we have to take a very different approach. So here's what we're going to do. Switch back to my image so far, and I'll go ahead and twirl open this layer and the clipping group inside of it, by Alt+Clicking or Option+ Clicking on the triangle in front of the layer name.
And then I'll go ahead and click on the image and Shift+Click on this editable text, and I'm going to drag both of these items out of the clipping group. And that goes ahead and returns them to normal, everyday objects. So we're no longer masking the image inside the letters. Then I'm going to take the image and pop it to the top by dragging it up the stack. Now we need to take this linked image and we need to embed it inside this file, and you do that by clicking on the image to select it. And then you go up to the control panel and you click on the Embed button, and that turns that photograph into a native Illustrator object. We're no longer linked to a file on disk.
Now what we need to do is make sure the Swatches panel is up onscreen. If it isn't for you, go to the Window menu and choose the Swatches command. And then you want to drag the image and drop it into the Swatches panel, like so, and that'll create a new pattern swatch. Now at this point, we probably want to rename the pattern swatch, so press Ctrl+Shift+A or Command+Shift+A on the Mac to deselect the image so you don't go messing it up by adding a pattern to it. Now double-click on the little pattern swatch in order to bring up the Pattern Options panel here inside Illustrator CS6. I'm going to rename this pattern Clouds, and that's it.
Now if you're working along with me, you can go ahead and close the Pattern Options panel and then press the Escape key in order to return to the illustration. Now at this point, we have two versions of this embedded image: one that we're seeing here inside the document window and the other of which is defined as a pattern here inside the Swatches panel. We don't need them both, so go ahead and click on the image to select it and then press the Backspace key or the Delete key on the Mac to get rid of it. Now what I want you to do is click on the big letters with the Black Arrow tool to select them. Then let's go ahead and switch over to the Appearance panel once again by choosing Appearance from the Window menu. Notice in my case I've already got a stroke and a fill that have been added to this text. If you're not seeing a stroke or a fill, just go ahead and click on the Add New Stroke icon in the bottom-left corner of the panel. And I'm going to change the fill by clicking on the little swatch there and choosing the Clouds pattern from my swatch list. And then I'm going to increase the Stroke value from 1 point to 8 points, so we have this super-thick stroke. Problem is, that looks like garbage because the stroke is centered on letterform outlines. And that means we're encroaching into the characters, which is never a good idea.
What you should be able to do is click on the word Stroke and just switch the Alignment option to Outside. But, when you're working with text, that option is dimmed, so instead what you do is you grab the stroke and you move it below the fill, like so, so just drag it down. And that moves the stroke behind the letters, which looks so much better. Now what I want you to do is click on the stroke to make it active, and then click once again on Add New Stroke to create a copy of it. Let's change this stroke to white this time around, and I'm going to change the Line Weight value to 4 points, like so, and we end up achieving the final effect. So I'll press Ctrl+Shift+A, Command+Shift+A on the Mac, and what we've managed to do is create a much better effect, in my opinion.
But there is one problem remaining. Notice up here at the top of the A and the R, we're seeing a little bit of the bottom of the image repeated at the top of those letters, and that is not something we want. So we can move that pattern inside the letters in kind of a strange way. You click on the letters to select them, as I have here. Then double-click on the Black Arrow tool, which Illustrator calls the Selection tool, in order to bring up the Move dialog box. What we want to do here is we don't want to transform the object, we want to leave those letters where they were, and we want to just transform the patterns.
And so in our case, we want to leave the Horizontal value set to 0 and we want to take the Vertical value down. So a negative Vertical value ends up scooting the selection upward. So I'm going to take that value down even farther, and notice I'm pressing Shift+Down Arrow to lower that value as well as raise the pattern in the background. I've got the Preview checkbox turned on, which is very important. You can see at -100 we end up taking the clouds up too far, so now the top of the clouds are repeating at the bottom of the letters. So now I know -100 is too far in the other direction, so I'll just split the difference by changing this value to -50 and pressing the Tab key in order to preview the results.
Then I'll click on the OK button in order to accept that change and press Ctrl+Shift+A or Command+Shift+A on the Mac to deselect my text. And that, folks, is how you combine text with a photographic image and great-looking strokes here inside Illustrator.
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.