How To Use PUPPET WARP in Photoshop – Photo Manipulation Tutorial


Welcome back
to another very exciting tutorial here at the
PhotoshopTrainingChannel.com. My name is Jesus Ramirez, and you can find me on
Instagram at @JRfromPTC. In this tutorial, we’re going
to talk about the puppet warp which allows you to distort
images by dragging points. Puppet warp can be very
useful for many distortions such as shaping hair and
repositioning body parts. In this video, I’m going to show you how the puppet warp works and
how you can take advantage of all the options available in this tool. If this is your first time at
the Photoshop Training Channel then click on the subscribe
button and enable notifications to get more free Photoshop tutorials. Okay, let’s get started. For this tutorial, we’re
gonna work with two layers. A background layer, and this foreground
layer of a man jumping. I’ve already created a mask,
so I’m going to enable the mask by holding shift and clicking on it and it removes the background. Now, I’m gonna right click on the layer and select Convert to Smart
Object to put that layer into a smart object so that
I can work non-destructively. If we double click on the
smart object thumbnail, it opens it up in a new tab and we can readjust the mask if need be. I’m gonna close this tab and now we’re gonna apply the puppet warp. I’m gonna go into edit,
puppet warp, and by default you should see a mesh that looks like so. I usually don’t like having the mesh on, so I always disable it. You can disable it by clicking on the Show Mesh checkbox in the options bar. The way this tool works
is by creating pins, and those pins allow you
to move the pixels around, much like you would with a puppet. Let me show you what I mean by that. I’m gonna tap on his
wrist and create a pin. I’m gonna create a pin on his shoulder, and another pin on his other shoulder, and also one right here, right where his belly button should be. Now, I can click on that pin and drag it to a different position. I can do the same thing with this legs, so I’m gonna create a
pin right on his knee, another one right about
where his ankle should be, and just move that pin over to the right, and I can do the same
thing with the other leg. Now, if I want this leg, his
right leg, to be in front, then we need to change the
pin depth, so I’m gonna select the pin that controls his
right leg, this one here, and I’m gonna make sure
that pin pushes forward. In the options bar under Pin
Depth, I’m gonna click on this move forward icon to push
that forward like so. I can continue making more adjustments. I’m gonna create another pin on his neck and move that in like so, and
then one more on his elbow, and I’m gonna try to get
that hat over onto his head. I’m just gonna make sure the
arm doesn’t look distorted, so maybe something like that. You can maybe create a pin
and push his head in front of the hat or behind the hat,
depends on what you wanna do. In this case, I think it looks better if his head is behind the hat. And then, I can tap on the check
mark to accept the changes. In the layers panel, you
can see the Smart Filter. That’s before, and after. If I wanna make any
adjustments, I can double click on the puppet warp label
and all the pins reappear and you can reposition them if need be. So maybe, I can move this leg
to the right even further. And just reposition his
body any way that you want. You can also hover a
pin, right click on it, and select delete to delete that pin. Or, you can hold alt, option on a Mac, and click to delete the pin. This time, I’m gonna hit enter,
that’s return on the Mac, to commit the changes. Another thing that we
can do is select the pin. For example, like this
pin here on the elbow. Go into the rotate info box,
and if I use the up arrow, notice how it rotates the mesh. You can use this command to
rotate the mesh if you need to. If you hold shift and tap
on the up and down arrows, you move in greater values. I’m gonna click on this knee here and then rotate it so you
can see how it rotates. This is a great technique
to fine-tune your meshes. You could also go into
the rotate crop down menu and select fix and hold
alt, hover near the pin, and you’ll get this rotate UI element. You can click and drag
to rotate it like so. Those are two methods in
which you can rotate pins while using the puppet warp. Also, while inside the
puppet warp command, you can press Ctrl A,
that’s command A on the Mac, to select all pins, Ctrl D, command D to deselect all pins, or you
can click on a single pin and then hold shift and
click on a different pin to add it to that selection. Let’s quickly talk about
mode, density and expansion. Mode determines the
elasticity of the mesh, distort will give you
a really stretchy mesh, while rigid will give
you the opposite result. I’m gonna click on distort,
and notice how that stretches. I’m gonna go back into rigid, and obviously it’s more rigid. We’re gonna go back into normal. Density specifies the spacing of the mesh. Let me enable the mesh and
by default, run normal. Fewer points, creates
fewer points in a mesh. More points will obviously
create more points in a mesh. Having more points in a
mesh will give you more precise control, however it
increases processing times. Also, if Photoshop ever says
that you need to increase the number of available points, then increase the density to more points. Expansion expands or contracts
the outer edges of the mesh. At this moment, we have
a two pixel expansion. We can increase it, and
let me disable the mesh so that you can see the change, or we could of course go
into the negative values. To cancel the changes you
made to the puppet warp, you can simply hit the
escape key on the keyboard and that will cancel all
the changes that you made. And obviously, when you’re
working on your image, you wanna take a little
more time to make sure that things don’t look so distorted. I could probably do a little
more work on the back leg, and maybe the arm that’s holding the hat. But for this tutorial, this
is gonna be good enough. Just as an added bonus for this tutorial, I’m gonna show you how to create a shadow. He’s up in the air, there’s
light coming through, so let’s quickly create a shadow that is gonna be cast onto the ground. I’m gonna double click
to the side of the layer to bring up the layer style window. I’m gonna select drop shadow, and I’m gonna click on reset to default, just so that we’re all
looking at the same thing. I’m gonna click and drag
to pull the shadow out. I’m gonna bring the opacity to 100%. Shadows in the real world are not black, so what I’m gonna do is I’m
gonna open up the color picker and select the darkest
color that I see here, which is this one here, and press ok. Then, I’m gonna press ok one more time. Then, I’m gonna right click on the fx icon and select Create Layer. This is gonna create a layer
out of the layer styles. I’m gonna press ok, and notice now that we have a layer out of that layer style. And I can move the
shadow over to the right, press Ctrl T, command T
on the Mac, to transform. Right click and select distort, and we’re gonna distort this shadow, just to try to make it
fit here in our scene. Maybe something like this. Then we can go into filter,
blur, gaussian blur, and we can blur that shadow. About eight pixels should
work, and press ok, and the reason this shadow is blurry is ’cause I’m looking at the
other shadows in the scene and they’re also pretty blurry. And I’m just gonna bring
down the opacity about there and that’s my final image. Have you used the puppet warp tool before? Do you think it will help
you in your projects? Leave a comment down below. If you create an image using this tutorial or any other of my tutorials,
share it on Instagram with the hashtag #ptcvids, and don’t forget to
click on that like button and share this video with a friend. Thanks for watching, and
I’ll talk to you again soon.

88 Comments

  1. Urban Media Showcase July 15, 2017 at 3:26 pm

    can you animate it?

  2. suruha2306 July 15, 2017 at 3:32 pm

    Nice tut! Now, I want to go have a play with this tool! LOL Thank you!

  3. Brett Ossman July 15, 2017 at 3:32 pm

    This is VERY cool.

  4. Qassam Obedy July 15, 2017 at 3:34 pm

    Wonderful -thank you

  5. Naratis July 15, 2017 at 3:43 pm

    you should make a tutorial on how to make a picture look more like it belongs in the image, for example with what you did, I think he would need some color correction and in some cases people need filtering or added noise/blur to make things look more legit. One thing I wouldn't really know about is that the shadows on your man clash with the shadow from outside as the light is coming from the left but his highlights are all on the right

  6. jenh47 July 15, 2017 at 3:45 pm

    Great tut, as always. Thanks.

  7. Ms Simpson July 15, 2017 at 4:32 pm

    Cool 👍👍

  8. YOG July 15, 2017 at 4:36 pm

    So what couldyou use this for?

  9. Brian Horrocks July 15, 2017 at 4:41 pm

    Great tutorial.

  10. Vincent Ciro, Sr. July 15, 2017 at 5:42 pm

    Awesome as always, Jesus. Thank you very much!

  11. Miguel Ricardo July 15, 2017 at 6:22 pm

    excelent video. 👍👍👍

  12. Jonathan Bisher July 15, 2017 at 6:35 pm

    Wow two things I didn't know about. The puppet warp and that you can create a separate layer out of the FX. Awesome video.

  13. Eduardo Franco Rondina July 15, 2017 at 7:21 pm

    Fantasic… wow

  14. teachgold July 15, 2017 at 7:59 pm

    Good demo, I use puppet wrap to some degree on almost all PS work. Not limited to people.

  15. iamLucian July 15, 2017 at 9:15 pm

    Awesome! Thanks!

  16. You Tech July 16, 2017 at 12:03 am

    great tutorial but i want to learn how to select things please

  17. salem.fotografy July 16, 2017 at 12:52 am

    perfect tutorial and very professional thank you so much

  18. Curtis Partridge July 16, 2017 at 3:12 am

    JR,
    Do you have a tutorial on UCR and GRU? Not sure what they are, and need to come up to speed on how both work. And if possible, best practices.
    Thanks, CP

  19. Bob MAkrides July 16, 2017 at 4:10 am

    Bob Makrides
    Fantastic very profesional

  20. Rat Tickler July 16, 2017 at 5:27 am

    Nice tutorial but it would have been funny if you had covered that douchebag's face with the hat. lol

  21. Luc Waumans July 16, 2017 at 5:40 am

    Great tut Jesus, thank you. I dind't no that there were so many functions of the puppet wrap.

  22. TutanComputerGuide Education in Hindi July 16, 2017 at 12:21 pm

    Awesome tutorial, great

  23. Luciano July 16, 2017 at 1:49 pm

    Obrigado.

  24. cep danie July 16, 2017 at 6:01 pm

    interesting!
    simple explanation but very very useful..
    this is how the pro do the perfect work, thank you!

  25. Mohit Mahajan July 17, 2017 at 6:27 am

    i really really find this tutorial very helpful ….i loved it and i have subscribed your channel …and now i m eagerly waiting for new tutorials ….very very thank you sir…

  26. Kim Skat July 17, 2017 at 4:08 pm

    Hey Jesus Ramirez, can you make a video tutorial on how to make nature look more colorful and beautiful?
    Btw love the videos and work you are doing 🙂

  27. khurram shahzad July 17, 2017 at 8:54 pm

    Another awesome tutorial. Thank you! I was wondering if you could make a tutorial ''how to dodge and burn easily''. I really like your teaching skills.

  28. Photoshop Training Channel July 18, 2017 at 9:44 am

    Share some of your "before and after" Puppet Warp distortions here!

  29. Fotographer Nz July 18, 2017 at 8:15 pm

    Hi from New Zealand :). As always a great tutorial, you have an excellent teaching style and all those points will really help me improve my use of the puppet warp tool. Thanks so much for sharing.

  30. NotByIntent Photography July 20, 2017 at 12:41 am

    Nice tutorial…and for the first time I now know how to use this. Thanks !!

  31. UndergroundTico July 20, 2017 at 2:23 am

    Didn't even know puppet warp was a thing! Thanks, dude!

  32. أنس July 28, 2017 at 5:07 am

    I loved that bonus. it was the best Bonus ever

  33. Rajiv Chopra July 29, 2017 at 5:54 am

    An excellent tutorial, as always

  34. jem gas July 29, 2017 at 1:33 pm

    Outfriggin' standint tut.. love it (learn something new everyday) Mil Gracias. Saludos

  35. Robert Sutschek July 29, 2017 at 1:48 pm

    Great Video Jesus !!…

  36. Eduardo De La Torre August 3, 2017 at 5:53 pm

    Amazing…¡¡¡

  37. Cemil Erkoc August 5, 2017 at 8:08 pm

    thanks man!:)

  38. Cat Norris August 12, 2017 at 10:38 pm

    Awesome tutorial – thank you!

  39. Robyn Bieber August 15, 2017 at 7:22 am

    Wow. Great Tutorial!

  40. Julian Villa August 29, 2017 at 10:37 am

    Thank you for this video! If I haven't found this I would've look girlish in a picture! Thanks!

  41. Mike Giovinazzo September 5, 2017 at 12:33 am

    wow never understood pin depth – now I know better

  42. R Garlin September 5, 2017 at 1:23 am

    Terrific! I'm a displacement map fan, but I learned new things from your blend-if techniques today! As always – thanks a lot JR!

  43. Katie Holmes WWE September 6, 2017 at 6:18 pm

    Wow wow wow wow so beautiful video Thanks.

  44. IT Creations, Inc. September 7, 2017 at 5:52 pm

    Great tutorial!

  45. Erica Dyson September 9, 2017 at 10:33 am

    Great. A new feature for me. Will give it a go!

  46. Tiriaq November 23, 2017 at 9:01 pm

    When I don't want to cut the subject out, is there a quick way to pin all the outer edges of the photo so that things that need to stay do not move? Now I need to click every photo tons of times. I'm thinking about making an action but the places of the pins are different everytime, I wonder if it works… hope there is a faster way, please let me knowl

  47. strikah poze January 9, 2018 at 10:08 pm

    thanks like the info that you just gave me

  48. Mido Mokrani February 8, 2018 at 7:33 am

    very good lesson, thanks.

  49. nightowl February 27, 2018 at 11:10 pm

    very very nice. I learn better by watching and PS has sooo many tools to learn. This is a nifty new tool in my box! Thanks! new subby here.

  50. J W. February 28, 2018 at 12:45 am

    Thanks. Very helpful and informative.

  51. Michael Maersch May 3, 2018 at 3:30 pm

    And in the end… he looks like "Gumbie"! (Awesome – not. Sorry.) But ISN'T THERE A WAY to use PW to make a figure, an object *look realistic*? I guess I'll just have to experiment on my own – but thanks for the inspiration, the information here.

  52. Flicker Flame Photography May 15, 2018 at 5:27 pm

    Perfect! Thank you so much. Very easy to understand and exactly what I needed for my image 🙂

  53. Juan Espinoza July 1, 2018 at 2:56 am

    Amazing Jesus!

  54. la4588 July 19, 2018 at 6:44 am

    Amazing video!I like the shadow part which I never learned before.

  55. Christine Walsh August 14, 2018 at 9:16 pm

    thank you

  56. Liza Gonzalez August 21, 2018 at 1:47 pm

    Great tutorial, thanks!

  57. John Gadcke August 23, 2018 at 9:16 pm

    I cannot follow this tutorial the way it is seen here. I have my background layer and my layer mask but when I shift click it doesn't do anything like I see here, what step is missing?

  58. Dane Custance August 25, 2018 at 3:52 pm

    Great tutorial thanks.

  59. Benedict Ramirez September 12, 2018 at 8:19 am

    Subscribed to my relative from another country

  60. Giulia Debernardi September 21, 2018 at 10:29 pm

    Thanks you so much, it's been really helpful!

  61. Thchification October 1, 2018 at 9:59 pm

    sankyooo….sensei

  62. Robert Greene November 28, 2018 at 2:32 am

    This is amazing. Great tut

  63. Sterling Williams December 1, 2018 at 5:03 am

    Amazing! Hmmm I’m thinking about how to make some cool Gifs or vids w puppet warp now

  64. Pony Moore December 20, 2018 at 1:13 pm

    Awesome!

  65. Franck Jmn February 4, 2019 at 3:28 pm

    great video!! easy!! Thank you man !!

  66. Persona XYZ February 19, 2019 at 2:54 am

    Awesome tutorial. Very clear. Thank you.

  67. Nicos Syrimis March 3, 2019 at 11:20 am

    Thanks a lot men very understanding tutorial great job

  68. Anders Glantz March 6, 2019 at 3:28 pm

    Great! 🙂

  69. NEWLOOK #NEWLOOKWEDDING March 14, 2019 at 3:42 am

    Hello from Nepal ….I like almost all your vdos… i loved it too … i liked ur Shadow vdo too … but pls can u simply show how to use general shadow trick for realistic shadow.

  70. Abraham B. Barry March 14, 2019 at 12:28 pm

    I have discover another tool in Photoshop throughout your tutorial.
    Thanks a lot Prof. May God bless you
    Love from Abraham B. Barry

  71. Janeane Sanborn April 13, 2019 at 9:04 pm

    Excellent tutorial! Really appreciate the careful explanation of all aspects of the tool!

  72. Carlton Henkes May 5, 2019 at 7:37 pm

    I don't use Puppet Warp very often, so this is a great tutorial to keep coming back to. And the added shadow tutorial is fantastic!

  73. Sagacity Multimedia & Art Channel May 16, 2019 at 12:28 pm

    like magics

  74. Cindi Cox May 23, 2019 at 9:16 pm

    My whole picture moves and not the points…what am I doing wrong?

  75. carole wiley May 27, 2019 at 1:09 pm

    Awesome video! Just heard about puppet warp and had no idea how to use it. You never disappoint.

  76. Rock 360 Media June 1, 2019 at 1:06 am

    Hey man, very nice tutorial. Really appreciate you sharing your knowledge. Eager to watch more from you.

  77. Regina Chua June 1, 2019 at 3:50 am

    The word PRECISE is even underestimating. Every word is golden and not a single word is wasted. what an amazing tutorial!!

  78. Clay T. Enos June 22, 2019 at 4:07 pm

    Nice video… I have learned lots of new things since I started watching your channel a month or so ago.

  79. DarthShadie Lavellan July 27, 2019 at 8:55 am

    I've just begun using Puppet Warp. It's good to know a bit more about it. I'm having a lot of fun with it, but since I'm a noob with it it'S taking a long time to get the desired effect.

  80. Walter Thomson July 30, 2019 at 10:06 pm

    Thank you very much for this informative video.

  81. Bonstik Bob September 3, 2019 at 4:07 pm

    Thank's Jesus…. I have learnt something new here again…… great work done

  82. Jaime E. Campuzano T. September 3, 2019 at 9:32 pm

    Muchas gracias Jesús!!!!

  83. Jory Griesman September 4, 2019 at 6:57 pm

    Thanks, Jesus. Not clear on how/where to add pins, and how the warp/motion is controlled by them.

  84. Leslie Ann Sartor September 5, 2019 at 4:10 am

    I cannot wait to play with this. It’ll be such a help on my book cover composites. Thanks for such a clear lesson.

  85. Eric Storm September 19, 2019 at 12:59 pm

    Thanks! Learned about puppet warp and create layer from style today!

  86. Ludak021 October 6, 2019 at 2:59 pm

    and that's one of the reasons Linux, in every shape or form, is just not good enough. Love the tutorial, like always!

  87. AlexaSanz2 October 6, 2019 at 7:32 pm

    👍

  88. Rita Amladi October 8, 2019 at 5:38 pm

    Thank you! This is a brilliant tutorial.

Leave a Comment

Your email address will not be published. Required fields are marked *