First time here? First time here? Newsletter Signup Newsletter
Login | Register | 651326 Members and growing! | Flash Jobs
Search tutorials
Author: Fadi Aboualfa | Website: http://metamorphosis.4t.com

Animation

Vector curves

Vectors are the ideal medium for rapid, file-size-effective animation, because the code simply describes curves, rather than setting a colour for each and every individual pixel. It's also very simple to make curve shape, comer and position adjustments for every single frame. If you're animating a stick man, it's easier to move line-drawn limbs '2 times for every second than redraw the pixels.

Tweening

Flash offers two types of tweening, which means you set the style of a line or object and one frame, then change it for another frame later on, and Flash will calculate what should go between. The user's player plug-in does the calculations, too -so the download file size only contains info for the two frames and the type of tween. Use this as much as you can.

Shape tweening

For animating drawings, the most powerful type of tweening is Shape tweening. Motion tweening is the other type, which you can use to simply move the position of an object, as well as change its colour, rotation, scaling, transparency and so on (hit F8 to turn the object into a symbol first). Use Shape tweening only if you need to change the curves of an illustration, like morphing.lt's a bit tricky to get great results initially, and sometimes the effect is truly diabolical- but with the right skills you can achieve almost limitless, professional animation.

Tweening in Flash 4& 5

In Flash 5 you set Shape tweening by selecting the frame in your time line and selecting Shape in the dropdown in your Frame palette. In Flash 4 you need to double-click the frame and set it in the Tween tab there. Use Easing to control how the speed of the tween.

Test your tweens

The trick with shape tweening is to set the tween to run across just a few frames, and to make just tiny adjustments at a time using your Bezier and Quadratic tools. Hit Play to test the tween works right, then make another adjustment, test it again, and so on. It's a time - consuming process, but that's the nature of animation - and the results are always worth it.

Shape hint

If you're having trouble getting the tween to look right, or your shape change is complex, you can use Shape Hints, which pick out corresponding points between the starting and finishing shapes. Select the shape, and then choose Modify> Transform>Add Shape Hint. Then move the yellow hint marker to the right place at the start and end frames, and check the tween is OK. You can add more shape hints to get things perfect.

» Level Intermediate

Added: 2001-01-12
Rating: 6 Votes: 85
(10 being the highest)
» Author
No information about the author has been given.
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!

Comments

  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: work2survive
» Title: Girl Walking 1kb
» Description: Walking girl, animation just takes 1kb, using high heels shoes, and fashion model attitude.
Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.