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 McClelland. Welcome to a very special Halloween episode of Deke's Techniques in which I show you how to take this boring type right here. And we're going to stretch it and then roughen it inside of Illustrator and then we'll add this dripping, gooey ooze inside Photoshop and finally, we'll dress up the letters to create this spine-tingling ghost type. Wooo! Here let me show you exactly how it works. As usual here's the final version of the art work, so you can see it on screen.
I'm going to switch over to our starter document and if I press the T key to switch to the time tool you can see that this text is set at impact and the type size is two hundred points, so nothing special. So first thing we want to do is press Ctrl+J or Cmd+J on the Mac in order to go to make a copy of your original type in case you need to come back to it some time latter. Then turn off the original type, go up to the Type menu and chose Convert To Shape. Then you want to switch from the path selection tool the back arrow, to the wide arrow, which is the direct selection tool.
And marquee these anchor points right there. It's very important if you're working along with me that you grab exactly these anchor points, because they all occur at vertical segments, so that we're not going to do any damage. Then, you want to go up to the Edit menu and choose Free Transform Points, or you can press Ctrl+T, or Cmd+T on the Mac. Go ahead and click on this little Delta icon, this triangle right here. So that both your X and Y values are zero and then change the y value to 300 pixels, and press the Enter key or the Return key on the Mac.
We want to do the same thing for the top portion of the text. But we've got a little problem right there. On the right side of teach one of the Rs, so we've gotta add a point at this location by switching to the Pen tool, which you can do by pressing the P key. And then click right about here. Notice I want to be below this point over on this side, so right about there should do it. And then, same with this R. And thankfully, the word, horror, is half R's.
So we've gotta set another one right there. Press Ctrl+0, or Cmd+0 on the Mac in order to Zoom out. I'll switch back to my White Arrow tool, which I can do by pressing the A key. And then I'll go ahead and marquee these points like so. And you don't want to marquee down so that you select the other anchor point, right there. On the right side of the Rs. You want to just select that top guy like so. So, we're creating a very fine tune selection here. So, I'll press Ctrl+T or Cmd+T on the Mac to invoke that free transform command.
And then I'll change this Y value to negative 300 pixels. In order to move all those points upward like so. Now I'll press the Enter key a couple of times in order to accept that change. Next, you want to switch back to the Black Arrow tool which you can do by pressing Shift+A incidentally. And then marquee all the letters in order to select them and just to make sure everything's okay here, press Ctrl+K, or Cmd+K on the Mac in order to bring up the preferences dialogue box. And make sure that the Export Clipboard checkbox is turned on, that's very important.
Then click OK and now you can go up the Edit menu and choose the Copy Cmd or just press Ctrl+C or Cmd+C on the Mac. Now you want to switch to Illustrator and I've already got a document open. I'm come back to that in a moment. What you do, if you're just working by yourself, is you press Ctrl+N, or Cmd+N on Mac, in order to bring up the new document dialogue box. I went ahead and set the profile to basic RGB and I've got this guy set so the orientation is landscape, that is we have a horizontal page.
And then you want to click OK. And I'll go ahead and Zoom in and press Ctrl+V or Cmd+V on a Mac, in which case you'll see this dialog box right here. And what you want, even though compound shape, which is fully editable is selected by default, what you want is compound path. Which is a lot better for our purposes and it's just as editable as you'll see. Go ahead and click OK and you'll see these path outlines, they probably won't be filled. So you'll have to go up to the Control panel and click on the very first color swatch. And change it to black, in order to produce this effect here Go up to the effect Menu, chose Distort and Transform and chose the Roughen Cmd.
And the settings that came up with were absolute, so you want to go and select that Radio button. And then change the size to ten points and then tab your way to detail and take it down to five per inch. And then you want to turn on the smooth points Radio button right there. Move this guy off to the side and turn on the preview check box, so we can see what has happened then click OK. Next, you want to go up to the Object menu and choose Expand Appearance, so that you've got the expanded anchor points. Now, the thing about Roughen is that every time you apply it, you get a different result.
At least every time you re-launch Illustrator. So in other words, it's a random filter. Which means that, I've got to go back to this document that I saved in advance in order to make sure I get exactly the same results. Now if you don't have access to my exercise files, you may get a different result, which is totally okay. But if you do have access to them, then you'll probably want to switch to this file. Press Ctrl+A or Cmd+A on a Mac in order to select all of the text and then press Ctrl+C, or Cmd+C in the Mac to compute. Now we're going to switch back to Photoshop.
And I'm going to turn off this layer that I've created right there and I'm going to press Ctrl+V or Cmd+V in the Mac in order to paste those path outlines from Illustrator. Even though Paste As is set by default to Smart Object, which is generally a really great thing, what we want is the Shape layer. So go ahead and select that and click OK and you'll end up with this text right here. I'm going to go ahead and rename this layer Rough Horror like that. And then press Ctrl+T or Cmd+T on the Mac to once again invoke free transform.
And you should still have the triangle selected, the delta option, in which case go ahead and change the y value to negative 200 pixels in order to raise the letters like so, and press the Enter key, or the Return key on the Mac, a couple of times in order to apply your change. Now you want to press the M key to switch back to the rectangular marquee tool, and you want to right-click inside the image window and choose Convert To Smart Object. Because in just a moment we'll be applying liquify as a smart filter. But for now just go ahead and choose the command. Now let's try out a layer affect here, I'm going to drop down to the FX icon.
And I'm going to choose Inner Glow and I'm going to go ahead and click on the little Color Swatch there and the color I'm looking for is not very different than the default. I'm just going to change the hue value to 45 degrees. Otherwise you want the saturation, and brightness values to be 25 and 100% as by default. Then click OK. And now, I'm going to change the opacity value to 77%. I thought that'd make it easier to enter, even though it's already 75% by default so you can probably leave it that way. A blend mode of screen is just fine and then I'm going to take the size value up to 35 pixels like so and you'll end up with this effect on screen.
Now we have another layer effect to apply, but in order to get a sense of what's going on here. Just go ahead and click OK. And then I'm going to turn on this layer called The Wall from the fotolia image library, about which you can learn more and get special deals and a bunch of Halloween images at fotolia.com/deke. And now, with the rough horror layer still selected, I'm going to change the fill value to 0%, like so. Now we need to apply another layer effect by dropping down to the Effects icon and choosing Bevel And Emboss.
And what you want to do, if you're working along with me, is go ahead and accept the first couple of default settings. Take the depth down to 50%, and then we want to take the size value here up to 100 pixels. Now, go ahead and change the angle value to 110 degrees. Make sure use Global light is turned on and take the altitude value up to 30 degrees. Then click on the little White color swatch associated with the highlight mode and we're going to dial in the same values that we used in the inner glue that is a hue of 45 degrees, a saturation value of 25% and a brightness value of 100%.
Then go ahead and click OK. And screen and 75% are just fine. The shadow mode stuff is just fine as well. The only other change we want to make is to set the direction to down and we'll get this effect here. Now click OK. All right, now comes the tough part. Now I'm going to make it look pretty darn easy. Because otherwise, we're going to be spending all day on this movie. But if you're going to do it for yourself it is going to take a fair amount of time, in order to pull it off. What you want to to do, you've got to have once again, Photoshop CC in order to pull this off.
So make sure that that small object is selected and then go to the Filter menu and choose Liquify. Here's what you want to do if you want to create drooling text inside of Photoshop. You want to go ahead and turn on the Advanced Mode check box over on the right side of the screen. Brush size can be anything you want. And you can change it, of course, on the fly by pressing the right bracket key to make it bigger or the left Bracket key to make it smaller. The brush pressure is set to 100 by default. You want to raise the brush density value to 77. And then, go ahead and click, at the bottom of the H, for example and Shift Click directly down below in order to stretch out a line.
And then I'm going to do it again. Click and Shift+Click in order to stretch the line down further. And I'll Click and Shift+Click over on the right side of that left stem of the H. And then I'll Click and Shift+Click right about here and if you don't like the results of course. You can just go ahead and press Ctrl+Z, or Cmd+Z on a Mac to undo that change. Because I didn't like mine. Anyway I'll Click and Shift+Click again And click and Shift+Click right there and then maybe click and Shift+Click a second time in order to produce this effect.
You can also do things, by the way, when you run into problems like this. Like grab the reconstruct tool and maybe just click and see what happens and that looks pretty good even though I'm creating a kind of hole there. But I could just go ahead and switch back to the warp tool. Which has a keyboard shortcut of W. And you're going to want to use it by the way because you are going to be going back and forth between this tool and the bloat tool as I'll show you in just a moment. Anyway I'm going to kind of mush this stuff around right there. Now you want to turn these spikes into drops and you do that by switching to the blow tool which has a keyboard shortcut of B.
So if you just remember B for bloat and W for Warp, you'll be in good shape, because then using that bloat tool, you can click and hold in order to create a kind of droplet there, and maybe click a little bit right there as well. And then, in order to switch to the Pucker tool on the fly, which doesn't have a good keyboard shortcut, you can see it's S, for whatever reason. So, the better way to get to it is to press the Alt key or the Option key as you're using that bloat tool. And then you can go ahead and drag up the path like so.
That's too much for me. So I'll press Ctrl+z or Cmd+z on a Mac in order to undo, and try it again. And that looks a lot better, in my opinion. And then I'll go ahead and click and hold right there, and Alt or Option drag like so. And click and hold right at this location. And Alt or Option drag once again. Click and hold there, Alt and Option drag upward. Based on my experience, the safest thing to do at this point, is to click OK. That way you kind of save what you've done so far. So click OK and you'll see the text update and then presumably you go up to the File menu and choose Save or Save As.
To save your work so far. And you're probably going to want to do this for every one of these six letters. Now I'm going to double-click on the word Liquify here inside the Layers panel to bring up the liquify window once again. And I'm going to grab the work tool and I'm going to click up here in this empty region about the H and Shift+click down like so In order to create a kind of cleft into it. And you can also go ahead and turn that into a droplet by switching to the bloat tool. Let's go ahead and zoom in a little bit here so we can see what we're doing.
And I'll click and hold right there in order to turn that into a kind of droplet and I'll Alt drag or Option drag it upward that's to much obviously. So I'll try it again. That probably better like so. So sometimes you have to work pretty quickly. And then click OK to accept that change, and then save your changes and so forth. So I've gone ahead and saved my Liquefy settings in advance. And to load them, I'll go ahead and double click on the work liquefy. Once again you have to have the Advanced Mode check box turned on so you can see the Load Mesh button. In which case you want to click on it.
Navigate your way to this folder here and go ahead and select this file. Works only for horror. In other words, it's only going to work for this specific text. Then click on the Open button and voila, my two hours of work, essentially, is brought to life here. Now I'll go ahead and click OK to create those dripping letters. Now let's say you want to adjust the color scheme, as I do. Well, then, you drop down to the little black white icon at the bottom of the Layers panel. Press and hold the Alt key or the Option key on a Mac and choose hue saturation.
That way you can name this layer as you create it. And I'll go ahead and call it Color Scheme, like so, and then click OK. I'm going to make a few adjustments here inside the Properties panel. I'm going to change the hue value to negative 140. And I'm going to take the saturation value up to positive 65. Then, I'm going to go ahead and create a copy of this layer. And notice that it does not have a layer mass. That's very important. And that's because in the Adjustments panel I went ahead and turned off add mass by default.
Which is a command I do not like at all but it is turned on by default. And the reason I don't like is because you're better off being able to create layer masks when and if you need them as we're going to do right now. So if you've got a layer mask, get rid of it, then go ahead and press Ctrl+Alt+J, or Cmd+Opt+J on a Mac, in order to jump a copy of this layer and name it. And I'll call this new layer Letters, and then click OK. And that's going to, once again, rotate the hue values and increase the saturation, which is why we now have bright green text.
I'm going to go ahead and load up these letters by pressing the Ctrl key or the Cmd key on the Mac and clicking on the thumbnail for that rough horror layer right there. And that will load the letters as the selection outline. And then with the letters layer selected go ahead and drop down to the Add Layer Mask icon and click on it. And you'll end up with this effect, here. Now, that's interesting, but I think that green's a little over the top. So I'll switch back to the Properties panel, click on that little Adjustment layer thumbnail, right there. And I'm going to take the hue value up to negative 90.
And then I'm going to take the saturation value down to 50. And, I'm going to take the lightness value, don't normally recommend this guy. But I'm going to take it up to plus 10 in order to create this final effect here. Now press the F key a couple of times in order to fill the screen with this image. And I might even zoom in as well so we can see these gooey, dripping letters. And just to give you a sense of what we've been able to accomplish here. I'll press the F12 key in order to revert the image so we can see the original plain impact version of the word horror.
And then I'll press Ctrl+Z or Cmd+Z on a Mac and we can see what we've managed to accomplish inside Photoshop. Now, if you are a member of the Lynda.com online training library, then I have a follow up movie. In which I show you how to take our ghost type so far and turn into this green slime type here. That has all these drips coming down the face of it. And occasionally you can see some drips extending beyond the bottoms of the letters as well. If you're waiting for next weeks free movie by popular demand I am bringing back a technique that doesn't work the way it use to.
So I'm going to show you how to create heavy metal type in either Photoshop CS6 or CC. Deek'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.