See a demo of how to use motion sketch and smoother windows for faster more organic looking keyframing.
- [Instructor] I'm in chapter three 01_Motion Sketch and right here, I got bat phone, and when bat phone starts ringing, bat phone don't just vibrate a little bit, no. Bat phone flies around, it's a bat phone. So, I just want to make bat phone fly around this screen. Normally, I'd start by setting a position key frame, then move the phone, set another, and another, repeat. But, if bat phone is ringing, that means things are time sensitive, so I'll have to show you all how to do some much quicker animation using Motion Sketch.
But before I do, it's good to actually get acquainted with traditional keyframing, but this is a heck of a time saver I wish someone had shared with me early on. So, here I am, sharing it with you. If we go up to Window, right down here will be Motion Sketch. Now, this is located up top here as opposed to way below where all the scripts are because this is not a script, it is a functionality of after effects. I will click on Motion Sketch. Now, Motion Sketch has popped up in my window over here, and I'll just go ahead and pull it down.
If for some reason it pops up as an undocked panel like this, you can just grab Motion Sketch, just the name right there, and dock it and adjust it. So, Motion Sketch works with position. I'm going to go ahead and click position, and as you can see, now everything is highlighted. Unclicked, not highlighted, clicked, highlighted. Motion Sketch also works by determining the length of animation as according to the length of your work area. So, let me pause playback. As you can see, my work area is all the way at five seconds, so we have a duration of five.
If I change my work area down to three seconds, oh, lo and behold, a duration of three. I'm going to go ahead and put it back up to five, 'cause I want to do the whole thing. So, what Motion Sketch does is it captures the motion of you moving around this in real time. So, I'm going to go ahead and make a few little adjustments over here. Capture speed at 100%, that works for me. Smoothing, I'll leave that at one so it captures everything as I do it. Now, I want to show Wireframe and show Background.
Because it animates, it's not going to show me all the motion of this. It will show the Wireframe outline of it and it will keep this background in place. So, we want to start it at zero, zero, zero. We can change that by changing this, but I'm going to keep it at zero, and I'm going to go ahead and hit Command minus, just to make it a little smaller. 16.7's a little bit less than I want. Let's go to 25%. And I'm going to move my bat off screen right now. I'm holding down the space bar just to move this up. That's because I want it to start off screen and come flying on screen.
So, I'm going to leave it there at the time being, and now, I'm going to go click Start Capture. No worries, it hasn't actually captured anything just yet, but it gives us this little crosshair that we can see, and once I actually click and move my bat phone, it will begin capturing. So, here we go, happening in real time. This is the moment, this is the time to shine. And, motion sketch. So, it's coming up, and I'm going to have it kind of go around and back up. There we go.
Now, if I hit the space bar to preview. And, I accidentally hit Info up here. I'm going to go ahead and Close Panel for Info to leave Motion Sketch up, cool. So, it made all of these key frames in that amount of time. I'll hit the space bar. Here it comes, flying around, bat phoning its way around like a bat phone would. So, there's my bat phone. If I don't like this, I can always just go to the start and delete those key frames, go back to Start Capture again, and make it happen a little faster.
So, yeah, look at bat phone get all jittery bat phone style. All right, that seems okay, but it's a little bit rough. I might want to smooth it out. So, once again, as you can see the Info window popped up. I'll just move that up top for now and go back to Motion Sketch. Now, if I want to smooth this out so it's not so rough, I can just keep my position key frames highlighted by clicking on position, I can go to Window, and I'll go down to Smoother. Smoother is something like Motion Sketch, but what it does is it takes this Motion path and it smooths it out.
I'll bring the tolerance up to something like 15 and see how that works. Spacial path is right, I'll hit apply. And as you can see, not only does it lower the amount of key frames, but it actually turns things into curved bezier paths with handles. So if I play it now, and let me command minus so we can see the whole thing, it's a little bit smoother. Yeah, and I can adjust everything in here by just simply deleting some of these key frames, or if I feel like something goes a little bit too fast or too haphazardly, I can spread things out a little bit, no big deal.
And there it is, Motion Sketch and Smoother, a faster way to key frame when you're in a hurry. You're all very much welcome.
- Installing and using scripts in After Effects
- The laws of physics and rules of animation
- Continuous motion and overlapping action with Wiggle
- Animating fast with Motion Sketch and Smoother
- Fixing an anchor point
- Working around expressions in a project
- Quick stop motion style with Tickler
- Using the Puppet tool outside of puppets