Character animation using the Puppet pin tool

This lesson is exclusive to members

Course contents
SECTION: 5
Inspiration 4:15
SECTION: 13
Swinging text 10:36
SECTION: 14
Puppet tool 5:54
SECTION: 15
Effects & presets 6:56
SECTION: 17
What now? 3:56

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

53 lessons / 6 hours

Overview

Motion graphics are an essential part of video creation and editing. From moving titles across the screen to stabilising your footage to smooth out the bumps or replacing a sign in the background. Ubiquitous, subtly powerful, and for the beginner, a bit mystifying. You need to learn motion graphics. You need a tutorial that will help at every step of the way, without leaving you drowning in details.

If you’ve ever made a video, you’ve probably already discovered that it’s all the little extra infographics, titles and animation that make your project look professional – and you’ve probably already wondered which is the right After Effects tutorial that will let you access the potential.

After Effects is the industrial strength tool for putting the motion in your graphic designs and content. It can also appear to be pretty deep, so getting guidance from a pro that understands how to teach, as much as how to use, After Effects is going to be the key that unlocks your potential.

How about a motion graphics tutorial taught by a working professional who just happens to be great at teaching too? Daniel Scott has been working with animation and motion graphics for over a decade and is the founder of Bring Your Own Laptop - they've been helping people learn design and animation all over the world for just as long.

 



 

Daniel, an Adobe Certified Expert and Instructor, will take you one manageable step at a time through motion graphics in a series of small practical projects that come together to unlock Adobe After Effects, animation, and infographics. These tutorials give you the complete foundation that you can build on for years to come. Learn the principles and the specifics of producing content, in a way that you'll understand and remember. And stay awake.

Just 3 hours long, and very hands on, you’ll take on specific tools and techniques one at a time so you can easily comprehend each aspect of the tutorial, and see all the parts of creating motion graphics before you get intimidated by the scale of what you can do. From zero to hero, as we like to say.

You get downloadable exercise files that match the course, so no time wasted trying to match project settings or finding material to work with. And you can use the end results in your own projects or portfolio – you can customise them to suit your needs as you grow in understanding.

To learn motion graphics is to unlock the door on the magic that makes your video or web content stand out in the crowd. Daniel is going to provide you with the motion graphics tutorial you’ve been looking for to get more than your foot in the door – you’re going to be able to create beautiful animation and infographics. You’ll be empowered to use After Effects the way it was meant to be used, and to create your own creative content, even during the tutorial itself.

What are the requirements?

  • This course is for absolute beginners

  • You'll need a copy of Adobe After Effects CC 2015 or above. A free 30 day trial can be download from Adobe here.

What am I going to get from this course?

  • Create beautiful motion graphics

  • Animate compelling infographics

  • Choose the correct video settings.

  • You’ll learn how to exporting your video easily.

  • You’ll be able to create slick type animations.

  • Rendering your video for Youtube & Vimeo.

  • Create titles for interviews.

  • Add music to your motion graphics.

  • Trim & editing video.

  • Add watermarking your video.

  • Fixing shaky footage.

  • Color correct & fix any bad footage.

  • Add a vignette to your video.

  • Learn how to use your skills from Illustrator & Photoshop

  • How to use green screen footage

  • How to mask like a pro.

  • How to animate infographics like bar graphs, line graphs & pie charts.

  • How to use camera to make 3D type.

  • Animating static images using parallax

  • Plus basic character animation.

  • + More…

What is the target audience?

Yes:

  • This course is for people who want to start earning money as a motion graphics designer.

  • This course is for beginners wanting to learn to use After Effects for motion graphics and infographics.

  • No previous After Effects or animation skills are necessary.

No:

  • This course is NOT for people who have a good understanding of After Effects already. This is for new people only.

Course duration 5 hours+ your study.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Downloads & Exercise files

Download Exercise Files

Transcript

Hey there, in this video we're going to animate a character. So the character's been drawn in Illustrator, and we're going to use something called the 'Puppet Pin' tool to animate him. So we're going to bring him in, double click, 'Project'. Let's go down to 'Puppet Tool'. We're going to make a 'Comp' from it. Because it happens to be a good size to start with, we're going to match that size. It's 5 seconds long, awesome. And what we're going to do-- it's white because that's the last thing I made in the last tutorial. We made the background white, and it will keep remembering that.

So, what we need to do is-- in other videos we've gone through and made-- hit the little sunshine button, which means the vector, we scale it, and it all looks very nice, but when using the Puppet Pin tool we need to leave that one alone for the moment. Grab the 'Pin' tool, this one here. Click and hold down if it's stuck on something else, grab the 'Pin' tool.

We'll look at all three of these, but let's start with the 'Pen' tool. And what we want to do is, I'm going to zoom in-- and I pin him once in his hand, once in his arm pit, both sides. I'm going to pin him in his knees, he doesn't really have knees. Two feet, and maybe in the moustache. and once in the hat. How it pins in there, it's up to you. What we're going to do is, give him a wiggle. Watch this, click, hold, and drag. Hey! If there's any bits that are moving, and you don't want it to move, we can play with the 'Pin' tool. So we can do it, maybe-- I'm happy with how it's—

So this is how to animate a character, so when you're drawing him, you have him with the arms spread, so you can do some bits with him. If they're obviously overlapped, it's going to be hard to move them around. So whenever you are drawing or illustrating, make sure you draw them kind of spread-eagle, so you can then animate them afterwards. One of the nice things we can do is, animate it all the time.

So to do that, what we're going to do is, we're going to click and drag this one, but while we're dragging it, before we start dragging it actually, is we're going to hold down the 'Command' key on the keyboard, or the 'Control' key, if you're on a PC, so hold that down, then start dragging, and give it a wiggle. So I'm going to get him to scratch his belly, and then maybe scratch his mouth. Oops we ran out of time, that's okay. Now we're going to hit 'space bar' to play it back, and look-- except he's not really scratching his belly, he's almost scratching his bum, but it's okay, we can play around with that. So that's how you animate stuff all the time. It's quite cool, right?

We're going to get our 'Play Head' back to the beginning here. Leave it the same as these different ones. We could hold down 'Command'. So, 'Play Head' at the beginning, hold down 'Command' on my Mac, or you can do 'Control' if you're on a PC, and then, you can get him to dance. Cool. Back to the beginning. Hold down the 'Command' key, and I'm going to get this one to dance as well. Back to the beginning, hit 'space bar', and we got a dancing, bum scratching monster. Next thing we're going to look at is 'Pin Depth'. So at the moment, if I-- back to the beginning.

We've used the 'Pen' tool, let's use the 'Overlap' tool. It's not 'Pin Depth', that's what I call it in Photoshop, sorry. So we're going to put a couple of pins, we're going to put one in his hand. Kind of roughly the same sort of place as the last one. So I'm going to put him just off a little bit so it's easy to see. I'm going to put in maybe two pins there. What happens is, if I click on this first one now-- so I put in a couple of pins, because that's where I want it to actually, say above, and scratch his belly, not his bum. So I want this one selected, and this is where it stays in front. They're all at 50% at the moment. It will actually all be wherever the last thing you did was. So if yours might be at 100%, that's fine.

So, what we're going to do is, couple of things, extend, drag it out. Can you see the white coming out? Yours is probably white to start with by default, because mine's messed around before, so it's gone down. So you have this white, go around. It just means, how much is this pin going to affect. You can see, it's kind of creeping up his arms now, that means, his arm is going to be potentially, can you see, in front. I might move him up to like, doesn't really matter, I want to make it '150'. So it's quite far at the front, now I want these guys to be back, so I'm going to hold 'Shift' and click both of these. What I want to do is, drag up the extent, can you see?

So I don't want it kind of go too far, but I just want to make sure that this guy, this area that it's effecting, it's going to be behind. You can drag it negative, doesn't matter. As long as one guy's in front and back, so it could be 1 percentage between them. I'm just dragging mine to make sure it's black, means behind. Just a good example of colors. Now when we play it, watch this, when he plays-- down here, hit 'space bar'. Let me just click off in the background with the black arrow. You can see now, he's the front. So I made that go in front, that's not his back, now he's scratching his belly. So that is the-- it's called the 'Overlap' tool.

Now we're going to go to 'Starch' tool. The 'Starch' tool-- at the moment, everything is quite fluid. With the 'Starch' tool, what I can do is, I can spread it there, and stiffen up this bit. So I can stiffen the extent, make it up, and then I can make the amount-- how much stiff it is, it's like starching a shirt. It's going to be a bit stiff across here, and instead of being so bendy, it just means, now when I go off and I click off in the background using the black tool, watch, it's just going to be-- can you see, it's just kind of from the elbow there rather than the whole bit. You can starch anything that you don't want to move. Say these legs here, we danced around-- I'm going to go back to the beginning. Grab my 'Starch' tool, I'm going to spray his leg. This one here is going out too far, so I'm going to break this extenting, can you see? This comes in, just not too far out, a little bit out. It's quite stiff, but now his foot's going to move, but you can see-- let me check it out. You can see, it's kind of not moving. This one here is going, bending all the way around, but this one here is nice and stiff.

All right, so that is animating inanimate object with a bunch of the 'Pin' tools. All right, see you in the next video.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024