Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
Hey gang, this is Deke McCullen. Welcome to Deke's techniques. Now, this week is a little bit of an experiment, frankly. I'm reaching back into the archives, specifically to Deke's Techniques 007, in which I showed you how to create heavy metal type. A detail of which is shown here in Photoshop CS5. The problem is, the technique works very, very differently in more recent versions of the program which is why I've gotten request after request to redo this technique in either Photoshop CS6 or Photoshop CC.
Which is exactly what I propose to do right now. Alright, here's the final effect just so you can see it on screen. We're going to start off inside of this document, which by the way, if I were to bring up my Layers panel. You can see contains some live text that's set in Myriad Pro, so that should work for you, and then in the background, we've got this hammered metal effect. And you can learn all about how to create that. You want this movie, 006 creating a hammered metal background. It's really easy to pull of those steps. You might have a hard time finding it.
So what you do is you go to lynda.com/dt for Deke's techniques. And then, you'll check out Deke's techniques, the way things stand right now anyway. You'll go to Deke's Techniques 2011 down here. One of the archival things. And you'll find creating a hammered metal background. Now what we're doing right now is replacing movie 007, because it's so different nowadays. All right, so I'll switch back. And, the first you want to do, my friends. Is create a wire pattern.
The first thing you do is turn off the Type layer and you can have the other layer on, it really doesn't matter actually. And then, you want to switch to the Rectangle tool which you can find in the Shape tool Fly-out menu right there. And then, we want to create a white rectangle so press the d key to instate the default colors, black and white, and then press the x key to switch them, so white is the foreground color. And then just make sure this Align Edges check box is on up here in the Options bar and click anywhere inside the image.
And that'll bring up the Create Rectangle dialog box. Change both width and height values to 50 pixels a piece. Make sure that they saw px after them, and then click OK and you'll end up with this white square. Now that also pops up the Properties panel. Go ahead and hide that, we don't need it. Next, what you want to do is switch to the Line tool, which is available inside that same Shape tool Fly-out menu. We need to make a black line at this point. You would think you can switch the fill to black but if you do that you're going to change the fill of the square.
So, no sense in making that happen. I'll press Ctrl+Z or Cmd+Z on the Mac to undo that change. And then you want to go up to this square icon, which is actually the path operations. Click on it, and make sure it's set to New layer. It's going to be, but you might as well just be cautious there. And you want to change the weight value to 12 pixels. Now I'm going to drag from corner to corner like this and I'm pressing the Shift key as I drag, to create a diagonal line. And you want to make sure it's centered right there on the square. And you can move it around if you want to by pressing the Spacebar as you drag.
But you just want to make sure it's as centered as humanly possible. And when you release, you're going to get a white line, which is not what you want, so go up to the Fill swatch in the Options bar. Click on it, and you should be able to find black in your recently used colors, which will look differently than mine. You probably won't see green, for example. Anyway, I'll go ahead and set that to black, and we get a black line. Now I want you to go up to the square once again, which is a path operations. Click on it and choose Combine Shapes because the next line we draw, which you can imagine, will be in the exact opposite direction.
Perpendicular, in other words. Needs to be combined with the existing Line layer. That's over here inside the Layers panel. Notice it says Shape 1. So I'll go ahead and choose that. And then I'll drag like so. And you'll need probably this time to use the Spacebar, in order to orient things like so. And you should have two layers at this point. One's called Rectangle 1, and one's called Shape 1. If we're being all tidy, we rename our layers, but there's no sense in them. They're just garbage layers. They're not going to last. Now, I want you to press the Ctrl key, or the Cmd key on the Mac, and click on the thumbnail for the Rectangle 1 layer right there.
And by the way, if you're having problems getting to your thumbnails, because they're too tiny, then you can right-click down here in an empty portion of the Layers panel and choose Large Thumbnails. That'll give you the big thumbnails that you need. Now I want you to go up to the Edit menu and choose Define Pattern. It should look like this. It's going to be all glumpy and sort of weird edges and stuff. Don't worry about that. Go ahead and call it wires and click OK. Now we're done with this garbage right here, so you can go ahead and turn off those layers, like so. And press Ctrl+d or Cmd+d on the Mac, in order to deselect the image.
Turn, your Type Layer back on, click on it to make it active. And then what you want to do is drop down to the FX icon because we're going to add a couple of layer effects here starting with a big, fat, stroke. So go ahead and choose Stroke, and you want to set your size value to 10. And then it'll look sort of garbagy like this. And then you want to change the position to center. And it'll look all better. Now you are going to get some rounded edges. Notice that the rounded corners that is. But, they'll end up looking really good. So that's okay.
Now drop down to Pattern Overlay, click on it. That selects it and turns it on. Obviously we don't want this. But, you should see wires as well right there at the end. So go ahead and select it, and you'll get these big thick xs here. You may see some edge problems, don't worry about it if you do because we're going to get rid of them by changing the scale value to 25%. And we'll end up with this, exquisite looking effect right here. Now click OK in order to accept that change. Now we need to be able to select kind of more or less what we're seeing.
And that means that we need to see the letters against a white background. So just drop down to the little page icon at the bottom of the Layers panel and click on it in order to make a New Layer. And then I want you to press the d key, very important, so that your background is white. And with this Layer 1 selected, it doesn't need to be named, because you're just going to go up to the Layer menu, choose New, and then choose Background from layer. So that creates a new white background. Now turn off this layer that's called Blackness, in my case, which is the hammered metal background.
So that you can see your black sort of criss cross letters against this white background like so. Now you need to turn this thing into a selection, and you do that by switching to the Channels panel right there. And then you press the Ctrl key or the Cmd key on the Mac, and click on absolutely anything you want. So, I'll just go ahead and Ctrl click or Cmd click on RGB to load everything that's white as the selection. We actually want everything that's black to be selected, so we need to go up to the Select menu and choose Inverse, or you can press Ctrl+Shift+I, or Cmd+Shift+I on the Mac.
Now switch back to the Layers panel. Go ahead and turn off the Type Layer for now, but select the Top Layer in the stack, just so we're creating the New layer on top of it and press Ctrl+Shift+N, or Cmd+Shift+N on the Mac to bring up the New layer dialog box. And change the name of this guy to Outlines. Click OK. And then I want you to press Alt+Backspace.or if you're a Macintosh user, then it's Option+Delete to fill the selection with black. Because black is a foreground color. Now we need to do some stuff to this text ,so press Ctrl+D or Cmd+D on the Mac to deselect everything on this layer.
And you want to change the fill opacity value right there to 0. And I know a lot of people just absolutely hate keyboard shortcuts, but you can if you want press Shift+0 in order to change the fill opacity value to 100%. Or Shift+0+0 to change it to 0%, because I know a lot of people love shortcuts as well. So that's for you guys. Anyway, I'm going to drop down to the fx icon, and I'm going to choose Bevel and Emboss. All of the default settings are fine as is, so depth of 100%, we've got soften set to 0.
By the way, style is inter-bevel, technique is smooth. In my case, the angle value is 120 degrees, and the altitude is 30 degrees. So, you might have to change that if you're creating your own document. I'm going to take the size value down to 2 pixels, and then I'm going to crank the opacity values for both the highlight mode and the shadow mode to 100% each. Highlight the screen. The shadows multiply. That's great. Alright, now let's also add a drop shadow by clicking on it. That will select it and turn it on. Again, default values are fine, but you want to crank the opacity up to 100%.
Take the distance up to 10 and take the size value up to 10 as well. And now, I want you to click on Pattern Overlay right there, in order to select it. Go ahead and click on this little down pointing arrowhead. And if you can't see rust, it's one of the patterns that ships with Photoshop, then click on the little gear right there and choose Patterns. And then, Photoshop will ask you, hey, do you want to replace your existing patterns or append? Go ahead and click on Append. That's the safest thing to do. And we can make this guy a little bigger.
And then click on Rusted Metal, which is the orange one right there. I think that's kind of over the top so go ahead and change the blend mode to overlay and that'll drop it out but it'll look good in a second, so trust me. And then change the opacity value to 50% and then click OK. Just so you don't have to trust me that long. If you turn this layer of sort of beaten metal back on there, the Blackness layer in my case, you'll see just how gorgeous this looks. Now, there is one problem. I want to accentuate the borders some more, so go ahead and turn blackness back off.
Turn outlines off for a moment. Turn the Text layer, whatever it's called, on, so that you're seeing it against the white background. Should be a familiar sight. But this time you want to turn off the pattern overlay like so, so you're just seeing the strokes. Go back to the Channels panel, press the Ctrl key or the Cmd key on the Mac and click on, once again, anything. I will Ctrl click or Cmd click on RGB, and then you want to go up to the Select menu and choose Inverse. Same deal as we did before, now I'll go back to the Layers panel. Turn off that Text Layer right there, go ahead and turn your Blackness Layer or whatever it's called back on and then turn the Outline layers back on as well.
Make sure it's selected, so click on it if necessary. Press Ctrl+Shift+N or Cmd+Shift+N on the Mac. In order to bring up the New layer dialog box, call it borders, click OK. This time, you want to press Alt+Backspace or Option+Delete on the Mac to fill those selections with black. Now press Ctrl+D or Cmd+D on the Mac in order to deselect the image. Go ahead and press the Alt key or the Option key on the Mac, because we're going to duplicate all these layer effects, so you want Alt+Option down, then drag the fx icon.
From outlines right there, and drop it on borders in order to copy all that junk. And then you want to change the fill opacity value by pressing Shift+0+0 to 0%. And turn off the pattern overlay, because we don't need more pattern overlay, because it looks great without it. And that, is it my friends, we have done it. We have created the heavy metal type. In the new and improved version of Photoshop, whether it's Photoshop CS6 or Photoshop CC. And it looks exactly like this.
And incidentally, if you're wondering how I created that hammered metal background behind the letters. Do this. Go to lynda.com/dt, which stands for Deke's Techniques obviously. You want to check out the 2011 archive, which contains a movie called 006, creating a hammered metal background. If you're waiting for next week's free movie, I'm going to show you how to take this product shot, if you can call it that. And turn it into this sweet piece in which I have successfully scaled, rotated, and moved every single object independently.
You can see, that some of the objects have even swapped places. It's such a flexible approach. Deke's Techniques, each and every week. Keep watching.
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.