Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
I've saved my progress as Warped letters.psd, found inside the 23_distort folder. Now, you may recall a couple exercises back, I took this live text layer, I placed it inside of a Smart Object, and that allowed me to assign Puppet Warp as a nondestructive editable modification. So, I can come back and make changes all I want. However, that doesn't mean that I'm going to be able to edit my text, and have any success with it. There are pros and cons associated with that, by the way. I'll show you how terribly wrong things can go, and then I'll show you how to exploit that in just a moment.
So, let's start things off. If you're working along with me, go to that Jump, Puppet layer, and I want you to double-click on the Smart Object thumbnail. You'll get this warning that's telling you how to work with Smart Objects. Don't worry about that for now. Just go ahead and click OK in order to open your editable type. We'll see, by the way, what that alert message means in detail when we discuss Smart Objects in the Mastery portion of this series. But for now, I'm going to go ahead and switch to my Type tool by pressing the T key. I'm going to change the word Jump to Leap, let's say. That's it.
Then I'll press the Enter key on the keypad or what have you in order to accept my modifications. I'll close this image file. So, I just click in the Close box. Photoshop will ask me, hey, do you want to save your changes? Yes, I do. Now, I'm not saving to disk. I'm saving back into the Warped letters.psd composition. So, go ahead and click Yes here on the PC. It'd be the Save button on the Mac. It really ought to be called update, because that's what you're doing. In any case, you are going to go ahead and update your text. And look just how tragically wrong things have gone. Why is that? Well, let's switch to a different tool here.
I'll switch to the Rectangular Marquee tool. So, I'm switching away from the Type tool. Then I'll go ahead and double-click on Puppet Warp underneath the Jump, Puppet layer. That takes me back into the Puppet Warp mode, and I'm going to go ahead and zoom in a click here. So I can see what I'm doing. Now, press Ctrl+H or Cmd+H on the Mac in order to show the mesh. Notice even though the word now says Leap, the mesh still says Jump. There's nothing you can do about that. Once you've assigned Puppet Warp, the mesh is memorized, and you can modify the mesh using pins.
However, the mesh shape is set. Even if you go ahead and get rid of all the pins, for a specific layer like if I get rid of all the pins associate with M, the M will remain. I'll see the original M shape instead of the warped version of it. So, you'd actually have to throw away this Puppet Warp effect and start over, if you're going to make big edits to your text. That said, you might have some luck with some small edits. For example, let's go ahead and escape out here. I'll press Ctrl+Alt+Z or Cmd+Option +Z on the Mac in order to restore the original version of my text.
So it says Jump, Puppet in other words. Now, let's go ahead and double-click on the Smart Object thumbnail once again, see the warning, click OK. By the way, that warning has nothing to do with Puppet Warp. I'm going to take this text right here. I'll bring up my Character panel which I can get to by clicking on this A icon in this column of panel icons. If you're not seeing such an icon, then you can go to the Window menu and choose the Character command. In any case, I'm going to change this value right there, the tracking value. I'm going to change it to -20.
Then press the Enter key or the Return key on the Mac. So, I'm just tightening my character spacing ever so slightly just by -20 thousands of an em space. Now, I'll go ahead and hide my Character panel. I'm going to close this window, and then I'll click on the Yes button here on the PC. That would be the Save button on the Mac in order to apply my changes. So, the text has now been tracked in Word. However, the individual characters of Puppet Warp mesh are still in the same place they ever were. To check that out, go ahead and double-click on Puppet Warp once again.
Because I had left my mesh turned on, I can still see it. You'll see that the U mesh doesn't line up with the new U at all, because it's been kerned over slightly to the right. Therefore, it's disappearing inside of this mesh space. But watch this! I'll go ahead and increase the Expansion value to something like, let's try 20 for starters. That makes a big difference. You can see that I've gone ahead and expanded the mesh. So it includes all of the characters in one way or another. Now, if that's not quite enough, and it might not be, I'll go ahead and press Shift+Up Arrow to take that Expansion value up to 30 pixels. Awesome! Now, I'll press the Enter key a couple of times in order to accept my effect.
Notice just how wrong things have gone here where Jump, Puppet is concerned. But actually I kind of like the way things have gone wrong. I think that's heck of an effect. If you were to show this to anybody else, you tell them, you know what, I created this text Jump, Puppet, and then I placed it in the Smart Object, and then I applied Puppet Warp in order to distort each one of these letters. This is what I came up. Somebody who's tried something similar on their own will go, well, how in the world did you get this wacky mess of an effect here? This is great! You'd say, well, what you'd tell them, I did some things.
That's for me to know and you to find out. Anyway, now at this point having created this clever, mostly legible effect, I'm going to replace the black associated with these letters right now with some layer effects. So, with Jump, Puppet selected once again, I'll change the Fill value to 0%. So we're just getting rid of the Fill entirely. Now we'll fill things out, using layer effects by dropping down to the Fx icon, and choosing Bevel and Emboss, and we end up getting this effect right out of the gate, which is actually pretty good.
But I'm going to take the Altitude value up to 70, I think, like so. Then I'll increase the Depth value to 200. Otherwise, I'm accepting the default settings incidentally. I'll raise the Opacity value for the Highlight mode to 100%. I get this effect here, which I quite like. Now, I'll switch over to Color Overlay by clicking on it. Then I'll click this Red color swatch in order to bring up the Color Picker dialog box. And I'll click inside the guy's shirt in order to load this kind of basically almost magenta color right here.
I might click in this lower portion of the shirt right there in order to darken things up. Let's go ahead and take this Hue value down to 340. I'll reduce the Saturation value to 50, and I'll raise the Brightness value to 50 as well. Click OK to accept that modification, and then I'm going to change the Blend mode from Normal to Multiply in order to burn the effect in. Then I'll click OK. Finally, let's say that we need to adjust the text and the placement of this guy's foot, a little bit to compensate here. I want the bottom of the characters to land on the grass in some way, shape, or form.
So with Jump, Puppet, once again, selected, I'm going to go up to the Edit menu, and I'll choose Free Transform or press Ctrl+T, Cmd+T on the Mac, which allows me to stretch the characters downward. At least that's what I'm going to do. Now I'll get this warning that's telling me, hey, you've got some Smart Filters applied. That is Puppet Warp, is my Smart Filter. That's going to be temporarily turned off as long as you're performing the transformation. Well, that's very unfortunate in my estimation, but it can't be helped. So, I'll click OK, and I'll see this text like so without any Puppet Warp assigned to it.
A little difficult to imagine how things are going to look, but I'll drag this bottom handle downward quite a bit until the characters are dipping well into the grass. Then I'll press the Enter key here on the PC or the Return key on a Mac in order to apply my modifications, stretch the characters, and then Photoshop will automatically assign Puppet Warp once again. Now, his foot is diving into the text. I don't like that. So, I'm going to go ahead and click on his jumpist layer in order to make him active. I'll lift them by pressing Ctrl+Shift +Up Arrow a couple times like that.
That would be Cmd+Shift+Up Arrow on the Mac, in order to lift all of his body. That foot is still dipping down, however. So, I'll double-click on Puppet Warp - still a live effect, still modifiable. Let's get rid of that mesh by pressing Ctrl+H or Cmd+H on the Mac. Then I'll drag this pin upward. In order to compensate for the text, press the Enter key or the Return key on the Mac, and the deed is done. Now, I'll go ahead and press Shift+F in order to switch to the Full Screen mode, and this is the final version of my illustration, with Jump, Puppet down at the bottom here, the guy jumping up in the air.
Thanks to the basically never- ending, and sometimes strange powers of Puppet Warp.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 64477 Viewers
119 Video lessons · 71819 Viewers
125 Video lessons · 32452 Viewers
103 Video lessons · 31653 Viewers
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.