Home arrow Flash arrow Page 2 - Advanced Flash Animation
FLASH

Advanced Flash Animation


In the last tutorial we learned how to make a ball bounce. Big whoop. While this might entertain your two-year-old son, your nine-year-old dog, or your 90-year-old grandfather (it might actually give him a heart attack if you use the right combination of colors), it really is for the amateurs. In this tutorial we are going to get sued by Emeril Lagasse and WHAM! Kick it up a notch.

Author Info:
By: James Payne
Rating: 4 stars4 stars4 stars4 stars4 stars / 22
October 09, 2007
TABLE OF CONTENTS:
  1. · Advanced Flash Animation
  2. · Working with Defined Paths
  3. · Masking
  4. · It's Better to Burn Out Than to Fade Away

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Advanced Flash Animation - Working with Defined Paths
(Page 2 of 4 )

Sometimes you want your animation to follow a specific path, something more complex than mere bouncing balls or side-to-side, up-and-down motion. Maybe you have a bee that you want to maliciously swarm around someone's photo. Not a problem. We could even get it to sting if we wanted to. (And you better believe we want to).

To get our rectangle to move along a defined path, we start off by creating a simple tween. Use your rectangle symbol and insert it into frame one. Make frame eighty your keyframe, just so we have some room to play around with. Next, create a motion tween in one of the frames between. Now that we have done that, the next step is to create our Defined Path.

Right click on your layer (the layer is where it says Layer 1) and choose Add Motion Guide. Now highlight the first frame of this motion guide layer and select your Pencil tool from the Toolbar Pane. Next, draw a path you wish for your object to follow; go ahead and go nuts. Make it real crazy.

Next, click on your Layer 1, and click inside the first frame. Drag your rectangle to the beginning of the path. Next, click the final frame, and drag your rectangle to the end of your path.

Note: If your pencil line is set to a color, it will be visible. To change this, select your pencil line and change the Alpha in the Property Inspector to 0 (making it transparent).

Now click back in the first frame of your Layer 1, and press Enter. Your button should follow whatever wacky path you set for it.


My User-Defined Path Before I Changed the Pencil Line to Transparent


blog comments powered by Disqus
FLASH ARTICLES

- More Top Flash Game Tutorials
- Top Flash Game Tutorials
- Best Flash Photo Gallery Tutorials
- The Top Flash Tutorials for Menus
- 7 Great Flash Tutorials
- Adobe Creative Suite 5.5 Now Available
- Critical Flash Vulnerability Heats Up the Web
- More on Nonpersistent Client-Side Remote Sha...
- Nonpersistent Client-Side Remote Shared Obje...
- Using the Decorator Pattern for a Real Web S...
- Using Concrete Decorator Classes
- Delving More Deeply into the Decorator Patte...
- The Decorator Pattern in Action
- A Simple Decorator Pattern Example
- Decorator Pattern

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 11 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials