• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Photoshop Effects » How To Use Puppet Warp in Photoshop – Puppet Warp Guide

How To Use Puppet Warp in Photoshop – Puppet Warp Guide

583
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit
Subscribe on YouTube!

Posted In: Photoshop Effects | Watch on YouTube

In this tutorial, we’re going to talk about how to use the Puppet Warp in Photoshop and it’s a handy tool to use in order to manipulate your subject’s pose!

Puppet Warp can be very useful for many distortions, such as shaping hair and repositioning body parts.

You can distort the image by dragging over the pins that you create over the mesh.

In this video, you’re going to learn how the Puppet Warp works in Photoshop and how you can take advantage of all the options available in this tool.

Table of contents

  • Puppet Warp Options
  • Puppet Warp in Photoshop Keyboard Shortcuts
  • Tutorial Image
  •  Convert Layer Into a Smart Object
  • Apply The Puppet Warp and Create Pins Over Your Layer
  • The Puppet Warp Mode (Rigid, Normal, or Distort)
  • The Puppet Warp Density (Fewer Points, Normal, More Points)
  • The Puppet Warp Mesh Expansion
  • Delete Puppet Warp Pins
  • Puppet Warp Pin Depth
  • Puppet Warp Rotate Pin (Auto or Fixed)
  • Make Subtle Distortions To Keep Things Realistic
  • The Advantages of Working Non-Destructively

Puppet Warp Options

These are the different settings that you can adjust for the Puppet Warp in the Options Bar.

  • Mode: Determines the stretchiness of the mesh.
  • Density: Determines the spacing of mesh points. Having fewer points gives you less precise control. While having more points increases precision but requires more processing time.
  • Expansion: Expands or contracts the edge of the mesh.
  • Show Mesh: Deselect to show only adjustment pins, making your adjustments easier to see.

Puppet Warp in Photoshop Keyboard Shortcuts

These are the Photoshop keyboard shortcuts that are available to you while in the Puppet Warp.

  • Ctrl A (Mac: Command A) – Select all pins.
  • Ctrl D (Mac: Command D) – Deselect all pins.
  • Shift-Click on any pins to select multiple pins.
  • Hold down the H key to hide pins. Release to bring back the pins.
  • Alt-Click (Mac: Option-Click) on a Pin to Delete it.
  • Hold Alt (Mac: Option) near to, but not over a pin to reveal a circle that allows you to rotate the pin.
  • Press the Esc key to cancel distortions.

Tutorial Image

  • Man Jumping

 Convert Layer Into a Smart Object

On your working space, prepare a Background layer and a Subject with a masked out the background. Convert the Subject layer into a Smart Object by right-clicking > Convert to Smart Object. 

Apply The Puppet Warp and Create Pins Over Your Layer

Choose Edit > Puppet Warp.

Initially, it will apply a mesh around your layer, and you can disable this by going to the Options bar and unchecking the box for Show Mesh. 

Check the box for Show Mesh

Create pins over the layer by clicking on the Subject’s joints so that when you manipulate its pose, it looks more natural. 

Add pins to the joints

If you click-and-drag on a pin, you will see how the Subject’s body moves naturally as you add movement.

The Puppet Warp Mode (Rigid, Normal, or Distort)

The Mode determines the elasticity of the mesh, and by default, it is set to Normal where you can easily manipulate the position and pose of the Subject. 

By switching it to Distort, then clicking-and-dragging on one of the pins, you will notice how it distorts the mesh by altering its perspective and scale around the pinned area. 

If you set the Mode to Rigid, it has the exact opposite effect by having less elasticity than the Normal 

and Distort mode.  

The Puppet Warp Density (Fewer Points, Normal, More Points)

The Density determines the spacing of the mesh points, which means More Points increase precision but more processing time. 

The Fewer Points option gives you less precision but with faster processing time. 

The Puppet Warp Mesh Expansion

Zooming into the image, the Subject has a wayward backpack strap sticking out with its own mesh.

In fact, you can click on it to add a point and transform its position. 

However, if you don’t want this to be the case and you want it to be part of the subject’s main mesh, then head over to the Options bar and adjust the Expansion.

Expansion controls how the mesh expands or contracts around the Subject, and you can adjust this by pixel.

By increasing the Expansion value, the strap is now part of the main mesh.

Delete Puppet Warp Pins

Click on a pin you want to remove to activate it > right-click > Delete Pin.

A faster way of doing it is by clicking on a pin and pressing Delete (Windows) or Backspace (macOS).

Another method is hovering over a pin and pressing Alt (Windows) or Option (macOS).  

Puppet Warp Pin Depth

If two limbs or parts of the Subject’s body overlap each other and you want the other one to be on top instead, select the pin you want to move. 

On the Options bar, you have two Pin Depth options, and you can click either of the icons to perform commands of moving the selected pin forward or backward. 

Puppet Warp Rotate Pin (Auto or Fixed)

On the Options bar, Rotate has a drop-down menu with two options: Auto and Fixed. 

With the Rotate set to Auto, clicking-and-dragging on a pin automatically rotates it, and you can see it in real-time with the Rotate Angle input box showing the angle of rotation as you move a pin. 

Click on a pin and change the Rotate to Fixed. 

This time, as you click-and-drag on the elbow’s pin, the forearm’s position is fixed and doesn’t change its angle even if you drastically move the pin around. 

Make Subtle Distortions To Keep Things Realistic

When you’re distorting an image, it’s essential to keep it as realistic as possible. 

For example, clicking on the knee’s pin and rotating it creates an unrealistic bend on the thigh area.

To keep it affixed on its original position, click on the thigh area to add a pin on it and, therefore, “pinning” it into place. 

To rotate an area, hover your mouse near a pin until a circle appears around it. Drag your mouse on either side to rotate that part of the mesh.

Rotate the pins

Then, click on the Options bar’s checkmark to commit to the changes you applied on this Subject. 

The Advantages of Working Non-Destructively

Since the Puppet Warp tool is applied to a Smart Object, this makes it non-destructive.

This means you can quickly go back and tweak the adjustments by double-clicking on the Puppet Warp label to bring the pins back and readjust it as you need.

You can also click on the Reset icon to reset the pins and start over. 


The Puppet Warp tool will surely be your favorite part in Photoshop as it allows you to have more control with the posture of your subjects, whether it’s a person or an inanimate objects.

Final Image

Drag The Slider To See Before & After

Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • Zombie Photoshop Tutorial
  • How To Make Someone Older In Photoshop – Young To Old Tutorial
  • Make Money In PhotoshopHow To Make Money With Photoshop

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Subscribe
Login
Notify of
guest
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

12 Comments
Oldest
Newest
Inline Feedbacks
View all comments
Ed Ward
Ed Ward
3 years ago

That was a great tutorial. Gonna have to watch it again. I’ve never used puppet warp. What a super-powerful feature. Thanks!

Reply
Jesus Ramirez
Jesus Ramirez
Author
Reply to  Ed Ward
3 years ago

You’re welcome, Ed!!!

Reply
Elisabeth De Potter
Elisabeth De Potter
3 years ago

I like this tutorial video! Clear and fast. All nessecary information no blabla 😉

Reply
Jesus Ramirez
Jesus Ramirez
Author
Reply to  Elisabeth De Potter
3 years ago

Thank you, Elisabeth!

Reply
Ray
Ray
3 years ago

Wicked cool! Thank you for bringing this technique to my attention.

Reply
Jesus Ramirez
Jesus Ramirez
Author
Reply to  Ray
3 years ago

You’re welcome, Ray!

Reply
mahfooz
mahfooz
3 years ago

Thanks dear these tutorials are very useful for me because I work in a photography as photoshop designer, thank you for giving us to use of your experiences.

Reply
Jesus Ramirez
Jesus Ramirez
Author
Reply to  mahfooz
3 years ago

You’re welcome!

Reply
Rabioul Islam
Rabioul Islam
3 years ago

Thanks for the tutorial, I never knew it was this simple to puppet warp!

Reply
Jesus Ramirez
Jesus Ramirez
Author
Reply to  Rabioul Islam
3 years ago

You’re welcome!

Reply
F Litchmore-Smith
F Litchmore-Smith
Reply to  Jesus Ramirez
2 years ago

thank you

Reply
HUMAIDRIFAI
HUMAIDRIFAI
8 months ago

good tutorial

Reply

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    Create Book Cover Mockups in Photoshop [Pro Techniques]...
    I
    37 Shares
  •  
    Better DUAL LIGHTING Effect In Photoshop [Total Control]...
    L
    5 Shares
  •  
    Channel Based Selections in Photoshop...
    I
    3 Shares
  •  
    How To Repair Old Film Negatives in Photoshop...
    I
    2 Shares
  •  
    How To Customize The Photoshop Interface Color...
    L
    1 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.
wpDiscuz