Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
All right, now let's take a look at a more advanced application of Puppet Warp inside a Photoshop. I am working inside of an image called Rope trick.psd, and the base image, the one of the hands pulling at the rope right there, the tug-of-war image, comes to us from photographer James Steidl of the Fotolia image library, but the actual image looks something like this. If I go over to Layers panel, you can see I have a couple of layers. I will turn off the top layer heart, and that's the image as it first appeared when I downloaded it, more or less was.
It was actually shorter than this. It didn't have this much rope. And eventually what did, I went ahead and lengthened the amount of rope between the two hands, and then I used Puppet Warp in order to take that lengthened amount of rope and actually warp it into a heart shape, so that we have a little bit of cooperation. Don't you know? These guys are struggling, and then somehow they end up finding a happy medium, or something along those lines. Anyway, how in the world do we create such an effect? Well, ultimately the trick is to use Puppet Warp in order to trace our heart shape, and I will show you how works, but first of all we need a heck of a lot more rope than we have going on right here, and we are going to create that rope inside of this image.
It's called Duplicate this.psd, and here's what's going on. If you take a look at the Layers panel, we've got a total of five layers, including this text layer that says periodicity: 248 pixels! I'll come back to that in just a moment. Why don't you go ahead, if you're working along with me, turn off all the layers besides the text layer, and then this layer at the bottom that's called hands right. Those are the right side hands by themselves. So cut from the rope, and then on the hands left layer we have the left side hands, and then in-between we are going to fill this whole space with lengths of rope.
We are going to use these layers right here. They're called rope 01 and rope 14. They are actually exactly the same bit of rope. We are going to take rope 01 actually and fill in the gap. This one's called rope 14, because we are going to have rope 2, 3, 4, 5, 6, and all the way through 13 in between these two lengths right here once we are done. Now to give you a sense of what the original image looked like, I'll go ahead and click on the hands right layer for a moment, and I'll Ctrl+Drag or Cmd+Drag that layer over to left inside, and that's how much rope I had to work with in the first place, so nothing.
These guys are holding a very short length of rope. All right so I will press Ctrl+Z, Cmd+ Z on Mac to move that layer back in place. Now we need a heck of a lot of rope in between in order to be able to distort the rope essentially into a heart shape. That's going to take an awful lot of original pixels so that we get a halfway decent result. So notice that I have this layer that's periodicity: 248 pixels!. What that's saying is if we go ahead and duplicate this length of rope 248 pixels to the right, we will get a match, and that I've figured out just through trial and error.
So I've set up this entire composition so that we can duplicate a single length of rope over and over again, 248 pixels, and that will end up exactly filling this gap. All right so turn off the periodicity: 248 pixels! layer for now. Click on the rope 01 layer here inside the Layers panel, and then we are going to ahead and zoom into the 100% zoom ratio like so, so that we can see this rope up close and personal, because we are going to have to apply a little bit of layer mask in order to get an exact match.
All right so rope 01 is selected. Now remember that we can both duplicate and transform a layer in one operation by pressing that secret keyboard shortcut Ctrl+Alt+T or Cmd+Option+T on the Mac. So I am going to press it. Ctrl+Alt+T once again, Cmd+Option+ T on the Mac, takes us into the Free Transform mode, but we are not transforming this layer right here. We are transforming a duplicate of it. Now go up to the Options bar, and I want you to make sure that this delta icon is turned on.
It looks like a triangle, but it's actually a capital Greek letter delta. That means we are going to enter a measurement of change. That is we are going to move the layer x number of pixels as opposed to entering a specific coordinate location. So this option, by the way, is off by default. Go ahead and click on the triangle to turn on, and then we don't care about the reference point matrix there. I want you to change the X value to 248 like so, and that's it. You don't need to change the Y value at all. Now press the Enter key a couple of times here on the PC or the Return key a couple times on the Mac.
Now notice, I will go ahead and zoom in even farther here, notice that we don't have an exact match. Part of the reason for that is we need to skew the layer just little bit, and the other issue is we need to apply a layer mask. So for starters I'm working on this rope 01 copy layer. Let's go ahead and change it's name to rope 02, and then I will press Ctrl+T or Cmd+T on a Mac to, once again, enter the Free Transform mode. Now you might think, hey, Deke, two Free Transforms in a row, isn't that going to be a destructive modification? Well, no, because the first application of Free Transform was just a movement.
We didn't actually redraw any of the pixels. We just moved the pixels to a new location. This time we are going to redraw the pixels, and you are going to do it by pressing the Ctrl key or the Cmd key on the Mac and dragging this left side handle, like so. You might press the Shift key as well. So Ctrl+Shift+Drag, Cmd+Shift+ Drag on a Mac in order to skew the rope down ever so slightly, and notice my V value is negative almost to one degree, not quite one degree. That's fine. I will go ahead and press the Enter key a couple times, the Return key a couple times on a Mac, in order accept that modification.
Now let's add a layer mask, so that we can smooth over this transition a little bit. I will drop down to the Add layer mask icon down here at the bottom of Layers panel. Click on it, now we have a blank layer mask. Now let's press the B key to switch to the Brush tool right here and then let me show you the cursor I've got going here. If I right-click here inside the image window, you can see that I have a Size value of 10 pixels and a Hardness of 100%, and those are the settings I recommend you use as well. Make sure that black is your foreground color.
If it isn't, press the X key, and then let's go ahead and paint away some of this rope and paint very carefully, just gingerly, that is to say, just a little bit of rope needs to be painted away, nothing more, and if you need to go back and forth, you can. That is, you can paint, if you go too far with this modification here, you can paint back with white. However, as you can see I did a pretty good job. So just paint a little bit along this edge, and you'll be fine. And then go ahead and zoom out to 100% once again if you want, and now we are going to duplicate this length of rope over and over again.
So press Ctrl+Alt+T, Cmd+Option+ T on the Mac in order to once again transform a duplicate of this length of rope. Go up to the Options bar, notice that your delta icon should still be on. So, the triangle should still be active between X and Y right there and I want you to change once again the X value to 248 pixels and then press the Enter key or the Return key on the Mac a couple times in order to accept your modification. Now I am going to go ahead and make my Layers panel a little wider here, so I can rename this new layer rope 03 like so, instead of rope 02 copy, and now then, let's go and zoom out, because now we are ready to just fill in the gaps by the way, and don't worry if you zoom out so far that you can see tiny little hairline fractures, they're not really there.
Don't worry about them. All right, I am going to now press Ctrl+Shift+Alt+T, that would be Cmd+Shift+Option+T on the Mac in order to create a new length of rope, just like that, bing! It goes ahead and repeats that last transformation. So it duplicates a length of rope, a periodicity, once again, an X value of 248 pixels. So, the deed is done. I just go ahead and rename this length of rope right there rope 04. It depends how fastidious you want to get here, folks. You can sit here and rename every single one of them or not, if you don't care.
Press Ctrl+Alt+T once again, and I'm just going to go for it, Cmd+Option+T, Ctrl+Alt+T, what have you, just mash your fist down and press the T key over and over and over again until you complete the length of rope like that. You now have what is commonly known in the business as a very long length of rope between two guys who are doing a tug-of-war thing. In the next exercise we will go ahead and mask this length of rope. So we will lift it, place it on its own layer, and then we will eventually invoke the Puppet Warp command in order to twist that length of rope around the heart.
Get unlimited access to all courses for just $25/month.Become a member
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.