Hi there, welcome to this video... 1
about the Puppet Warp Tool in Adobe Illustrator. 2
It's used for a couple of good things. 3
One of them is this, where we get to kind of manipulate Type... 4
and bend it around so it fits into shapes... 5
but also make monsters dance. 6
Very, very important and useful technique. 7
All right, maybe he wants to wave too. 8
Let's go and do the tutorial. 9
Yay! 10
Let's get started. 11
Open up the 'Puppet Pin' file from your 'Exercise Files'. 12
We're going to select on something. 13
Now for this to work, it needs to be a vector file. 14
Most things in Illustrator are. 15
If you want to do it with say, JPEG, pixels, or raster images... 16
you can do in Photoshop, there's a Puppet Pin Tool there as well. 17
There's one in After Effects as well if you want to animate it. 18
This is the tool we want, the Puppet Pin Tool. 19
You click on him once, you need at least two. 20
In this case, probably a few of them. 21
You'll need to probably experiment with him... 22
because once you put them in, if I grab the tail, and wiggle it... 23
it's cool, huh. 24
I love-- I don't know. 25
Pretty cool. Organic, okay. 26
You can see, he's kind of-- 27
See the waves moving. 28
It's meant to be water. 29
You see that wiggling around. 30
If you don't want that to happen... 31
you might go-- okay, I'm going to undo that. 32
Then I'm going to put in a pin there, and maybe a pin there. 33
The more pins you have... 34
the kind of more it doesn't want to move around that. 35
You get more control, you can see, it's not moving the whale... 36
and over here, the tail is not moving that. 37
So just play around with what you need. 38
How many pins you need... 39
if you want to get rid of pins, say you don't want too many... 40
click on them, delete on your keyboard. 41
Other things you can do is-- 42
We're just going to pin this guy, so you need to select him first. 43
I'm going to grab my 'Puppet Pin Tool'. 44
One of the things, is you do get artefacts, it's just part of this process. 45
You might have to tidy them up afterwards with the Direct Selection Tool. 46
I'm just pinning it at a few places, and you can see... 47
you can see, down here, see this line here has kind of come apart. 48
That's kind of pointing a little bit. 49
There's no real way of kind of fixing that on the fly. 50
Just get the things where you want it. 51
Change your adjustments... 52
and you might have to go and do some fixing up afterwards. 53
It's just a really good way of like, kind of recurling this. 54
Say I don't want that kind of perfect circle look... 55
I'm kind of just adjusting this. 56
Other options is, with him selected-- 57
there's this kind of dotted line around the outside. 58
If you click, hold, and drag that, it's the rotation rather than the movement. 59
All right, you, rotation. 60
All very cool. 61
Now by default I-- 62
well not by default, we're going to show you the Mesh. 63
I should have that on by default. 64
I turn it off when I don't find it that helpful. 65
Just shows you kind of like where it's distorting this thing. 66
Turn that on and off. 67
Let's have a look at this one, because this raises some other... 68
well not issues, but this guy here... 69
let's say we're drawing a character... 70
and it's best to draw them obviously arms off their body, and legs... 71
so that you can later on adjust them. 72
Gives you more options. 73
What we're going to do is select this whole guy... 74
and we are going to grab the 'Pen Tool'. 75
We're going to look at Pin Depth. 76
Let's click on arms. 77
This guy here, this guy is the best guy to do the animation because-- 78
I'm going to put him back. 79
One of the other thing is... 80
say I want to move him in, and scratch his belly... 81
but at the moment he's scratching his bum, right? 82
Because this hand is going below this. 83
In other programs they've got something called Pin Depth... 84
we don't have that in Illustrator yet. 85
Probably will happen, there might be an option up here that says Pin Depth... 86
or over here, in future versions. 87
It doesn't at the moment, so I'm going to undo, put him back. 88
It's nothing to do with when the Pen Tool replaces... 89
it's all to do with the Layer order. 90
What I can do is grab my Direct Selection Tool, click off... 91
click on just this hand here, and I can bring him to the front. 92
You can use your shortcut, or go, 'Arrange', 'Bring to Front'. 93
It's all to do with that. 94
You can mess around lots more in your Layers panel figuring out. 95
Here's this guy, he had all his bits and pieces... 96
if I drag him up or down... 97
that might be just too painful... 98
but now if I click on him, and grab my 'Puppet Pin Tool'... 99
and I go... he's scratching his belly. 100
Awesome, huh? 101
Last but not least, let's look at doing a kind of-- 102
I'm not a character animator... 103
I do more graphic design kind of work with it. 104
Remember, in an earlier tutorial, we grabbed this and this... 105
and we make sure this is in front, we selected both of them... 106
and we went 'Object', 'Envelope Distort', we said 'Make the Top Object'. 107
And it kind of worked, right? 108
You're like, "I switched that Fill out over here." 109
So that's where it gets quite cool, right? 110
I can select on this... 111
I am going to grab my 'Pen Tool'. Do I need to expand it first? I do. 112
So with it selected, go to 'Object'... 113
go to 'Envelope Distort', and go to 'Expand'. 114
So now it's just bits and pieces. 115
What I might do as well is I want that heart back. 116
How can I go back in time and get the heart? I don't know. 117
Should have left the heart there. 118
'Object', this guy up here will release object. 119
'Envelope Distort', and we'll say 'Release', please. 120
So now they're two separate pieces. 121
I'm using this just as a visual guide. 122
So this top one now... 123
Can I click on it? There it is there. 124
So if I go to 'Object', and now if I expand him. 125
I've taken the long road. 126
What I might do is give myself just a stronger Fill... 127
so we can see what we're doing. 128
Now grab the 'Puppet Pin Tool'... 129
and what I'll do is just give it some kind of rough pins. 130
Make sure I'm clicking on the right path. 131
I'm going to pin it there. 132
Pin it there, pin it there. 133
I'm clicking on the actual vector, not in this no man's land here... 134
because that won't work. 135
There's a couple of places I don't want to move him from. 136
I want to do that step here. 137
I'm guessing now where I want all these pins. 138
So I want that there to stay, because it's kind of looking nice. 139
It's this kind of a group here that I need... 140
I'm going to bring that out, put another pin there, just tidy it in. 141
You can see how you can kind of get some really nice-- 142
well, I guess-- 143
you see, the appearance. 144
Better control. 145
The other option, well what we used to do is some of these Liquefy tools. 146
They're cool, but they're not as much. 147
You can't have as much control. 148
So goodbye, gray fox, and it's more like a heart. 149
All right, your class exercise is to go and play with this guy. 150
Set him up in some different poses... 151
but before you go and do that... 152
I wanted to show you how it works in something like After Effects... 153
because, let's say we take this fella... 154
and we stick him into our libraries. 155
I want to put him into my library. 156
There you go, buddy. 157
I'm only using my After Effects, because the Puppet tool has... 158
I get extra ingredient in After Effects... 159
which is, you can animate it... 160
whereas in Illustrator it's kind of flat. 161
We'll illuminate it a little bit in the next set of videos, but check this out. 162
I'm going to After Effects, just making it default comp, nothing special. 163
In here, my libraries, where's my monster? Here he is. 164
I'm going to make him a little-- actually I want to make him bigger. 165
I'll make him a bit bigger. 166
Remember, when you're scaling stuff up in After Effects... 167
you need to click on that little button. 168
So the vector comes and gets rescaled. 169
Anyway, you can see here, it's the exact same icon, the Puppet Pin Tool. 170
Exact same principle. 171
Click on it a few times, it looks slightly different, the yellow dots. 172
The nice thing about it is... 173
I can do the same thing as I did in Illustrator, except... 174
there's a shortcut, if you hold down... 175
the 'Command' key on a Mac, or 'Control' key on a PC... 176
so I'm holding it down. 177
I'm clicking the 'Pin' first, then hold down the 'Command' key. 178
Then, can you see the timeline in the bottom go... 179
you can kind of see the yellow line. 180
I am... 181
It looks kind of crazy, but watch this... 182
if I bring my Play head back to the beginning... 183
and hit 'return' on my keyboard, no, it's 'space bar' on my keyboard... 184
hit 'space bar' on my keyboard. 185
Look at him go. 186
Every time I-- 187
I've made this guy dance thousands of times, but always makes me smile. 188
You can get back to the beginning, and say, I need the hand too. 189
With him selected, I'm going to hold 'Command' key down. 190
See this little stopwatch kind of icon appears. 191
Now clicking, holding, and dragging, and scratch bum time. 192
Or waving time. 193
Back to the beginning, hit 'space bar'. 194
That's just the quick version. 195
I'm going to jump back into Illustrator. 196
Now I've got a course on how to do that properly with the Puppet Tool. 197
We look at Puppet Depth, Mesh, and all sort of starching stuff. 198
So check out that After Effects course. 199
That one in particular is the After Effects and Motion Graphics course. 200
One last thing before we go, there's going to be times where... 201
we've got this Mesh, and we don't want it anymore. 202
We want to get rid of the pins, and you can do that by going to 'Object'... 203
and just go to 'Expand Appearance', that kind of gets rid of everything. 204
It's now just a regular old shape. 205
All right my friends, that is the Puppet Pin Tool. 206
I hope you enjoyed it, and yes, I'd love to see what you do with this guy. 207
Make sure you share it with me on this site here, and on social media. 208
Let's go into the next video.