Search:                                                     

[index_add/searchmain.htm]
[pages/search_page.htm]
Shape Tweening
 kirupa chinnathambi

 
Shape tweening is different from the common Motion Tween. In a comical sense, Shape tweening will do anything in it's power to "morph" from one state to another. See the example below:

To simplify this process, please download the source code by clicking here. Of course, this source code will not have all the steps in it. You'll fill in those steps by using the information given below.

  1. First, launch your Flash application. Then, open the source code you just downloaded. The file should be called "shapetween.fla"
     
  2. Once you opened the file, you should basically see 2 keyframes. You can click on each of the keyframes and notice that the first keyframe is a square and the second keyframe is a circle. Now, it's time to add the Shape tween in. First, right click on the first keyframe and choose Panel > Frame. You should see a window similar to this:

  1. Once you are at the window seen in the picture above, click on the Tweening pull down menu and choose "Shape". See image below:

  1. Now that you selected the "Shape" tween, you should notice that your timeline gets modified to show the tween. Also, note that the color of a shape tween is a "light green" instead of the "violet" that is seen on motion tweens. Your timeline should look similar to the image below: 

  1. That's basically all there is to "Shape Tweening". Now, wouldn't it be great if you could simply right click on a frame and choose this option without having to the "scenic" route? :) Click here to download the final source code for the lesson that includes the motion tween if you're still having problems.

You can use Shape Tweening on almost any object that has been broken down. To make sure your object has been broken down, select the object and press Ctrl + B. That is the command for breaking apart an object. Shape Tweens do not work on Grouped Objects or Grouped Symbols. Also, if you are wishing to Shape tween text, you'll have to Break apart the text by using Ctrl + B after you've typed your word. The only problem is, that if you wish to modify the text content, you'll have to insert a new piece of text. You cannot edit broken-apart text.

I hope the information helped. If you have any questions or comments, please don't hesitate to post them on the kirupa.com Forums. Just post your question and I, or our friendly forum helpers, will help answer it.

The following is a list of related tutorial and help resources that you may find useful:

How to use the Forums
New, Upcoming, and In-Progress Tutorials
How to Help out kirupa.com
Writing Tutorials
 
Cheers!
Kirupa Chinnathambi
kirupaBlog
[pages/rightinfo.htm]
  Shape Tweening
  Download Source
 

 navigation:

tutorials:
Flash 5
  Basic
  Animation
  Special Effects
  Advanced
  Screenshots
  Forums
  Buy Flash 5
ActionScript
Flash 4
Flix
Other Tutorials
books:
FrontPage 2002: ABG
Flash Books

features:

[pages/gl.htm]
 
 

 
 updates:

The following links are tutorials that have been added or updated recently to this site:

  Duplicate Movie
Collision Detection
Add Sound
Swap Depth
Falling Snow
 
[media/forum.htm] [developer/opinion.htm]

 

Return to Previous Page