How to Use Motion Tweens in Flash CS5

 by Nikkisaurus
Featured
tween1.jpg
Tween - (noun) - A word used to describe a person who is neither a young child nor an adolescent, one of an age in the range of 8 to 12 years old or a similar range (thank you Wikipedia).
Tween - (verb) - To generate intermediate frames in an animated sequence so as to give the appearance of smooth movement (also thank you Wikipedia)

So Sherlock, can you guess what kind of tween we're going to be talking about today? If yes, then congratulations, though I wouldn't get too excited, even my cat could figure that out. If no, then I have a query for you: How did you even boot up your computer?

Okay, okay, all mockery and abuse aside, I can admit that definition was a bit cryptic. what a motion tween, or inbetween is, are frames that are generated by moving, scaling, and rotating (or other, those are just the most common) a shape to create an animation. You know that frustrating feeling you have when all you want to do is animate a car driving by, but you have the draw is frame by frame, just to get the dang thing to slide from one place to another? That's what motion tweens are here to fix, just draw your thing, make it a shape, mess around with it, and you got yourself an animation, huzzah!
So I hope this Instructable serves you well in your journey to becoming an esteemed animator. Don't get frustrated and give up, if my words don't make sense to you, I won't go cry if you watch or read other tutorials (actually, do that, it can't hurt). But enough blah, blah, blah, ONWARD TO STEP ONE!!  

 
Remove these adsRemove these ads by Signing Up

Step 1: A New Beginning

tween2.jpg
tween3.jpg
Hello there! Not deterred by my abuse I see, well, you'll learn soon enough. But I digress, we're here to learn about inbetweens and Flash, no nonsense here! 
So just to get going, go ahead and start up Flash and open a new ActionScript3.0 document. Once that's loaded, you'll have a nice blank white stage. If you need someone to go over basic tools and functions with you, you can find all that in one of my previous Instructables here. For now, I'll just go over some quick things. Depending on what you plan to make your animation for, you may want to change the proportions. I just left them standard, but as you'll see later, that left two large black spaces on either side of my video when I uploaded it to Youtube. If you want to make it look nice on Youtube or other video sharing sites like Vimeo, you may want to change your proportions to 1280x720, rather than the standard 550x400.
Also you have the option to change your stage colour. The stage is the background that you draw on top of when you animate. I plan to animate some clouds in the sky, so I'm changing mine to blue. To change the colour, just click on the box labeled Stage, it should be white by default. 
Now you're ready to create your masterpiece, so let's move on to Step 2 !
Mr. Noack says: Jan 15, 2013. 5:14 PM
Well done! Way to get Featured!
Nikkisaurus (author) in reply to Mr. NoackJan 15, 2013. 5:42 PM
And on the front page too! :)
jessyratfink says: Jan 15, 2013. 9:56 AM
adorable. Also excellent instructions :D
Nikkisaurus (author) in reply to jessyratfinkJan 15, 2013. 4:31 PM
Thank you very much, I don't often get a chance to revel in my adorableness :)
Tomdf says: Jan 15, 2013. 3:35 PM
HA! The best tutorial illustrations I've seen!
Where is the convert to symbol option again? Jk.
Nikkisaurus (author) in reply to TomdfJan 15, 2013. 4:28 PM
Haha, thank you! I love to just doodle in the margins of everything, I'm glad you appreciate it, :)
Ez-Kabob says: Jan 15, 2013. 12:30 PM
This is brilliant!
Nikkisaurus (author) in reply to Ez-KabobJan 15, 2013. 4:24 PM
Ohh yooouuu :) That's very kind.
Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!