New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Using Motion Sketch

From: After Effects Apprentice 03: Advanced Animation

Video: Using Motion Sketch

After Effects has lots of ways to help you craft an animation, but sometimes the best way is to merely draw it by hand. This is where Motion Sketch comes in. If you have the exercise files that came up with this lesson, open up the Comp 05a Butterfly Flight *Starter. You can also substitute any object of your own choice, or you can even just create Llayer > New > Solid and make yourself a small solid, say something about 100 pixel square. Anyway, I've got a butterfly, so I am going to play with that for now. My goal is to have this butterfly fly around the scene. Maybe start in this flower, go around happily, and then back up on this flower.

Using Motion Sketch

After Effects has lots of ways to help you craft an animation, but sometimes the best way is to merely draw it by hand. This is where Motion Sketch comes in. If you have the exercise files that came up with this lesson, open up the Comp 05a Butterfly Flight *Starter. You can also substitute any object of your own choice, or you can even just create Llayer > New > Solid and make yourself a small solid, say something about 100 pixel square. Anyway, I've got a butterfly, so I am going to play with that for now. My goal is to have this butterfly fly around the scene. Maybe start in this flower, go around happily, and then back up on this flower.

It looks a little bit big for this image, so let's go ahead and type S for scale and scale him down until he looks more appropriate given the size of flower, somewhere around 60%. Next comes opening up the Motion Sketch Assistant. There are a couple of ways of doing that. I can go to window and select Motion Sketch. Another approach is to go to the Workspaces and select Animation. This will open up a selection of panels which are very useful for creating animations, including the Smoother which we'll talk about in the next movie, the Wiggler, and Motion Sketch.

Just to make sure no one has fiddled with my defaults, I'll go ahead and say yeah, reset Animation and say yes to discard. There we go. And I'll go ahead and resize this so I can view it at 100%, so I can have all the pixels to play with. Motion Sketch allows you to use your mouse or whatever cursor controlled device you may have to go ahead and drag around inside the Comp panel. It will remember that path and the timing of that path and create a set of position keyframes to try to re-create that path. I want to make sure my butterfly is selected. I need to have a layer selected for this to work.

I go to my Motion Sketch panel and look in my options. Capture speed at basically says how fast do you want the clock to be running while you're drawing around the screen. A 100% says capture real-time. If you're trying to create a particularly complex path that you may have trouble drawing in real time, you can enter a lower number here so it slows down the clock and gives you more time to draw out your path. I tend to capture in real-time. Next is Smoothing and this was added sometime later to Motion Sketch.

When you Motion Sketch a path around the screen, you are going to create a lot of keyframes. Smoothing is a way of reducing those keyframes to keep just the essence of your path. One, it's not a bad default, but personally I set this to zero to keep all of my keyframes and then I'll make a decision later about how much I want smooth this. Show has an option of Wireframe. Basically whether or not you want to see the bounding box around the outside edges of your layer as you draw. If you turn it off, you won't see anything at all.

You want to even see the layers. So I leave it on. And then Background. Background is important in case you have important context that you want to use for reference while you're drawing, and in this case I do. I want to start in this flower, I want to end in this flower, and so I definitely need to see the background. And then there is a Start Time and Duration. These are controlled by the work area inside your comp. If you are not familiar with the work area, we have a separate sidebar movie at the end of this lesson about it. Okay. Now that I am all set up I'll make sure again that the butterfly is selected.

I click on Start Capture and I don't need to panic. Motion Sketch won't start until I start dragging, so don't feel rushed. Calm down, take a breath, thing about what you want to do, and when you're ready, click and start dragging. And you'll notice the time indicator in the Timeline panel starts running as soon as I click on the object. So here is my initial path. I don't know if I got back to the flower in time before my time ran out. So let's go ahead and press zero on the numeric keypad and RAM Preview to see how it looks.

Okay, it was a little late off the mark there. Not a bad path. I wouldn't mind flying around the wider range of this comp and it looks like I indeed did not get back in time. Okay. I'll stop my preview and I can either Undo to remove all those keyframes or press U to Reveal them, press Home to make sure I'm back on my initial start position, and just turn the animations stopwatch off to remove all those keyframes. Either way. Okay, let's try again. I'll go over select Start Capture, remember that this is going to start recording at the moment I click, and now I take off and say, okay, let's take a more loopy path around the whole screen and get back here in time.

There we are, see how that works. That's a little bit more like it. Maybe that little bit ending is a little bit funky, but I'll clean it up in the next movie. Yeah, that's something I can work with. It is a little bit rough. It does have an awful lot of keyframes, particularly if I want to go in and start editing it, but again these are the things I can do with tools like the Smoother. If I wanted, I could Undo and keep trying again. Another approach is to make multiple copies of your object you want to drag around or create multiple new solids and then create different motion paths for a variety of objects allowing you to defer your decision later, as to which path you prefer best, but I want to go ahead and go with this path.

Show transcript

This video is part of

Image for After Effects Apprentice 03: Advanced Animation
After Effects Apprentice 03: Advanced Animation

32 video lessons · 22529 viewers

Chris Meyer and Trish Meyer
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.