Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Using the Puppet Warp tool

From: Photoshop CS5 New Features

Video: Using the Puppet Warp tool

The new Puppet Warp feature is so much fun that I don't want you to lose track of the fact that it's also a really practical feature. So in this movie I'd like to suggest some real-world situations where you might want to apply Puppet Warp. I'll be using the same techniques that I showed you in the preceding movie. So you can go back and reference there if you need to know more detail. The first situation where you might want to use Puppet Warp is when you just have to move some content. So here for example I'd like to move the tree away from the doorway so the doorway is usable again.

Using the Puppet Warp tool

The new Puppet Warp feature is so much fun that I don't want you to lose track of the fact that it's also a really practical feature. So in this movie I'd like to suggest some real-world situations where you might want to apply Puppet Warp. I'll be using the same techniques that I showed you in the preceding movie. So you can go back and reference there if you need to know more detail. The first situation where you might want to use Puppet Warp is when you just have to move some content. So here for example I'd like to move the tree away from the doorway so the doorway is usable again.

I selected the tree and isolated it on its own layer, which you can see here on the Layers panel. There's also a Background here and I used the selection of the tree and the Content-Aware fill in this area of the Background. Now with the tree layer selected I'll make a Smart Object and then I'll go up to the Edit menu and down to Puppet Warp. Here in Puppet Warp, I'll add some anchor points. I want to be sure to add some anchor points at the top of the part of the tree that I had selected so that it stays in place as I move the rest of the tree.

Now I'm going to select multiple anchor points using the Shift key as I click on these points and I'll click-and-drag any one of them to move the tree out of the doorway and I can shape it just the way I want it. If I need to add more anchor points, I can click to do that. When I'm satisfied, I'll click the checkmark. Here's another situation where the Puppet Warp feature will come in handy and that is retouching portraits.

I could use Puppet Warp to change the shape of the face, to pin back ears, or to fix a hairdo that's gone a bit wild like this one. Here I have this model on a transparent background. I've got the model layer selected, I'll turn that into a Smart Object and I'll enter Puppet Warp Mode. I'm going to add some pins to the model's hair in some places that I think I might want to make the hair a little smaller.

Then I want to set some anchor points across her forehead so that her facial features don't move as I bring hairdo down a bit and I'll also set some anchor points on her torso. Now I'm going to come in and select multiple anchor points holding the Shift key and I'll just experiment with bringing her in a little bit closer to her head. Finally, we'll get that curl at the top.

Now this may not be your taste, but I think it looks a little better than when it was way up high. When I'm happy with it, I'll click the checkmark. Here's another example of a retouching situation, something a little different. Let's say that I wanted to change the shape of this fellow's body. I have him here on a separate layer and so I can try to do that using Puppet Warp. I'll select the man layer, I'll convert it to a Smart Object and I'll enter Puppet Warp Mode. First, I'm going to add some anchor points all along his trunks and the middle of his back and then I'm going to add an anchor point on each shoulder and I'm going to use those to broaden his shoulders and I'll click on one of those pins and I'll drag to the right, I'll click on the other and I'll drag to the left and I don't want to go too far.

I'll just tweak a little bit, because I want it to look realistic. I can also use the Puppet Warp to try to bring in this slight bulge on the sides of his body. I'll click there and there and then I'll just click and drag in a little bit. If I want to see the results without the pins in the way, I'll hold the Control+H key on the Mac, that's Right-Click+H on the PC, and when I'm happy with that, I'll click the checkmark. Here's another situation. Sometimes you'll see some distortion in a photograph that's caused by the angle at which you're shooting or the lens that you've used or sometimes it's caused by stitching together multiple photographs into a panorama.

Whatever the cause of the photographic distortion, you can try to improve it using the Puppet Warp feature. Here for example, the two sides of this building appear to be leaning in, because the photo was taken from down rather low with the wrong lens. To try to fix that I've isolated the building on a separate layer and I'm going to use the Puppet Warp on that layer. First, I'll convert it to a Smart Object and then I'll go to the Edit menu and I'll enter Puppet Warp. I'll start by adding some pins as anchor points along the bottom of the building and I might add a couple towards the center of the building as well.

Then I'm going to add a pin here on the left that's going to be handle and I'll click-and-drag that handle up into the left. I am trying to straighten out the vertical lines in the building. I'll do the same here adding a pin and then dragging up and over to the left and I'll try it at the top as well. I might need one more pin here and then I'll go over to the right side of the building and I'll do the same thing. I'm going to select both of these pins holding the Shift key and then click-and-drag up into the right.

Now normally, of course, I would spend more time on this project trying to get all of these vertical lines just right, but I think you get the idea. So I'm going to click the checkmark to accept those changes and I'll show you one more time that you might want to consider using Puppet Warp and that is to create a simple GIF animation. Now the Puppet Warp feature in Photoshop is actually based upon a tool in the motion graphics program Adobe After Effects and that too is called the Puppet tool in that program.

If you want to make a serious animation, I'll suggest that you use that tool and other features in Adobe After Effects. But if you just want to do a simple GIF animation, you can try this. This image started out with just two layers, this beach on the bottom layer and then this fellow jumping on a transparent background on the second layer. I made a duplicate of the jump layer and that became the jump copy layer that you see here. I selected that layer and applied the Puppet Warp feature to it moving his legs and his hands in just a bit from where they were on the layer below and then I clicked the checkmark.

I duplicated the jump copy layer and that became jump copy 2, selected it, ran Puppet Warp on it, moving his legs and arms in even further and clicked the checkmark. I'll do it one more time so you can see that process. I'm going to right-click on jump copy 2 layer and choose Duplicate Layer. Jump copy 3 is currently an exact copy of jump copy 2. With jump copy 3 selected, I'll go to the Edit menu and I'll choose Puppet Warp. I'll add some pins as anchor points down the middle of his torso and then I'm going to click on one of his hands and drag in and I'll click on the other and drag in and I'll do the same with his feet using these pins as handles.

When I'm satisfied, I'll click the checkmark. Now in the Layers panel I have five layers, four of him jumping and one of the beach. I'm going to select all five by pressing the Shift key and then I'm going to up to the Window menu and I'll open the Animation panel. To change it from this Timeline view to Frame Animation view, I'll click the Icon at the bottom right. With all five layers selected in the Layers panel, I'll go to the panel menu on the Animation panel and I'm going to choose Make Frames From Layers.

You can see the frames that have now appeared in the Animation panel with one frame corresponding to one layer in the Layers panel. I don't really want the first frame, which is only the background. Instead I want that background to be part of the next four frames. So I'm going to go back to the Layers panel and click on just the beach layer to select it and then I'll go back to the Animation panel menu and from there I'm going to choose Match Layer Across Frames. I'll click OK and that takes the beach layer and puts it behind the fellow jumping on each one of the last four frames.

I'm then going to delete the first frame by clicking on it and dragging it to the trash at the bottom of the Animation panel. So now I have an animation with four frames. I'll click through those frames and you can see that the man is changing position in each one of the frames. I can animate that by selecting all the frames, clicking on the first, holding the Shift key and clicking on the last, setting the time delay maybe to 0.2 seconds between each frame and then clicking on the first frame and clicking the Play button to preview.

I can have that animation loop forever. I'll go back to the first frame and I'll click again. So that's the kind of simply animation that you might make either with a photographic image or with a graphic image here in Photoshop. You can save this out as animated GIF by going to the File menu, choosing Save for Web & Devices, making sure that GIF is the format. Because this is a photograph, I'm going to leave all the settings at their defaults with the maximum number of colors for a GIF and I'm going to click Save and then I'll click Save again.

So those are a few situations in which you might consider applying the Puppet Warp feature to make a simple GIF animation, to fix perspective in photographs, to do retouching of bodies or of hairdos or of faces and to move content.

Show transcript

This video is part of

Image for Photoshop CS5 New Features
Photoshop CS5 New Features

30 video lessons · 32029 viewers

Jan Kabili
Author

 
Expand all | Collapse all
  1. 4m 39s
    1. Welcome
      47s
    2. Comparing Photoshop CS4 and Photoshop CS5
      2m 47s
    3. Using the exercise files
      1m 5s
  2. 41m 14s
    1. Using improved selecting and masking
      12m 8s
    2. Working with content-aware fill
      6m 39s
    3. Using content-aware healing
      2m 25s
    4. Getting started with Puppet Warp
      10m 10s
    5. Using the Puppet Warp tool
      9m 52s
  3. 24m 38s
    1. Merging multiple images to HDR Pro
      7m 53s
    2. Creating a surreal look with HDR and removing a ghost feature
      5m 4s
    3. Using faux HDR toning
      4m 46s
    4. Working with the new lens correction enhancements
      6m 55s
  4. 13m 35s
    1. Noise reduction and sharpening improvements
      7m 2s
    2. Additive grain
      3m 35s
    3. Reviewing Post-Crop Vignetting enhancements
      2m 58s
  5. 21m 5s
    1. Using the HUD color picker
      4m 49s
    2. Working with the new bristle brush tips
      9m 4s
    3. Using the Mixer Brush tool
      7m 12s
  6. 30m 29s
    1. Understanding the layers enhancements
      7m 2s
    2. Understanding the tool enhancements
      7m 23s
    3. Working with the panel additions
      4m 25s
    4. Using the workspace changes
      3m 4s
    5. Understanding the productivity enhancements
      8m 35s
  7. 5m 34s
    1. Explaining 64-bit performance
      5m 34s
  8. 27m 2s
    1. Introduction to Mini Bridge
      7m 36s
    2. Opening files from Mini Bridge in Photoshop
      6m 21s
    3. Using Mini Bridge with Bridge
      6m 57s
    4. Reviewing the output module improvements
      4m 25s
    5. Looking at the path navigation enhancements
      1m 43s
  9. 23s
    1. Goodbye
      23s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop CS5 New Features.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.