Twist and distort your shapes freely

Ready to let your creativity run wild? Use the Puppet Warp tool to twist and distort artwork in unexpected ways.

Published December 10, 2025

Download files

00:01

Introduction

Illustrator has some powerful - and really fun ways to transform artwork freely.

One of them is called - the Puppet Warp Tool.

The Puppet Warp Tool - lets you twist and distort artwork without having to even select - individual objects.

Let's take a look at our project - and see how we can use it.

I'll zoom in to this part.

I want this woman to look like - she's going faster on her bike.

Kind of like this.

We'll start by warping the scarf.

It might actually look better - if it had some movement because she's kind of - riding into the wind.

To do that, we're going to twist - and distort using the Puppet Warp Tool.

Go ahead and select all the artwork - for the woman.

You don't really need to select the bike.

Now, to warp the scarf, - you need the Puppet Warp Tool,

00:41

Accessing the puppet warp tool and understanding pins

you won't find it in the default Toolbar.

So to find it, - you can show a more advanced Toolbar.

Choose Window, Toolbars, Advanced.

Now the Puppet Warp Tool - lives here under the Free Transform Tool over here in the Toolbar.

Go ahead and select it.

With the tool selected, notice the circles - that Illustrator added to your artwork.

Those are called pins.

They're where you can control the warp.

Illustrator automatically adds those - so you can move, rotate or pin parts of artwork to even keep it still.

You'll also see a mesh - that covers the artwork.

You can leave this on, - but I find it easier if you turn it off.

You can turn it off over here - in the Properties panel by de-selecting this Mesh option.

Let's get to warping.

Come out to the artwork

01:28

Warping and rotating the scarf to create motion

and move the pointer - into the middle of the scarf here.

When you see a + next to the pointer, - click and you'll add a pin.

If you drag that pin, you can see - the effect it's having on the artwork especially at the scarf here.

Now, the other pins in the artwork, - like the one in her hair, they keep that artwork in place.

They keep it pinned.

But notice how her back - is moving a little bit.

You can set a pin there to keep it still.

So click to add one here - roughly around her shoulder.

Then try moving the scarf pin again.

Now you can also rotate artwork - using these pins.

With this pin still selected - you'll see a dashed circle around it.

Move the pointer over that circle and drag.

I think that looks pretty good.

Now the scarf has some movement to it.

Now I want to get her - into a more aggressive riding position.

We want to rotate her head down, - bring her body down a little bit.

02:16

Adjusting body posture using multiple pins

So if we're going to rotate her head, think of where the pivot point - for that might be.

I'm thinking probably here at the neck.

Click to add a new pin.

Now I want to rotate this pin, - which would rotate the head but the problem is, if I do that watch.

It's going to look weird - because we already have a pin in the head.

To rotate the head freely, - we need to remove all pins.

So I will undo what I just did.

Select any pins in the head here and press Delete or Backspace - to remove them.

Now you can select that pin again - at the neck and try rotating it.

That's better.

Her torso needs to be - a little more horizontal, so we'll move the pin - you added at her shoulders.

But before you move it, if you move it, you're going to see that only that one moves, - and the rest are going to stay still.

The hands on the bike and her hips - shouldn't really move.

So there need to be pins there.

Now I've got a pin here at the elbow - and if you do too, let's remove it.

So select it and delete it, and then add a pin somewhere down here - near her wrist or forearm.

That's going to keep that area still.

Now, I've got a pin here - in the lower back.

If you don't have one, - go ahead and add one.

We need to move the head, body - and scarf down.

You can drag these pins one at a time, but it'll be faster - if you drag them all at once.

So to select multiple pins, - you can press the Shift key and click on all of them.

Now you can drag one of them down.

That looks pretty good.

I don't want to crush the artwork - too much here.

There we go.

A little adjusting here.

Once I think it looks good, now the head - will need to get rotated again.

She's looking down.

She needs to kind of look straight ahead.

So go to the neck pin and rotate the head, - and, there it is.

04:03

Fine-tuning the warp and exploring creative possibilities

That's pretty fun.

You can keep exploring and practicing.

Go ahead and remove some of the pins, add more pins, rotate, - try different things.

If you look to the right in the asset file, there are actually a few examples - of practice artwork and what I wound up with, - to the right there, the final, and if you want to see how I did it, - you can select the final artwork and then select the Puppet Warp Tool - and you can see the pins. -

This sample file contains assets provided by Adobe Stock for your tutorial practice purposes only. Check out the ReadMe file in the folder for the terms of use for this file. Adobe Stock has millions of royalty-free images and videos for your commercial use.  You can get 10 images with a free month trial.

What you learned

Get the Puppet Warp tool

Start by locating and adding the Puppet Warp tool to your Toolbar.

Add pins to your art

See how to add and manipulate the pins that hold artwork in place. These can be moved, rotated, and deleted freely as you develop your design.

Instructor: Brian Wood
Adobe Stock Contributors: Fighterfrancevna; Aniko G Enderle

Try these tutorials with Illustrator

Create illustrations and other graphics with vectors.

View all plans

Cookie Settings

General information

Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.

If enabled:

We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud

If disabled:

We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you