How To Use PUPPET WARP in Photoshop - Photo Manipulation Tutorial Video Lecture | Mastering Adobe Photoshop CC 2017: Step by Step Tutorials - Design

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.