Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website.  Home Flash & Swish Flash Tutorials Basic Shape Tweening / Morphing
Your Ad Here

Basic Shape Tweening / Morphing


What is shape tweening.

Shape tweening is a method in which you convert any shape to any other shape, for example a rectangle will be converted to a circle in the following example.

We will make two examples of shape tweening, because tweening of text is different than shape.

Click to enlarge
Click to enlarge

Click to enlarge
Click to enlarge

Click to enlarge
Click to enlarge

image 4

Tweening of Shape

Follow the steps, your animation will convert a rectangle to circle.

1. Open new file.

2. Make a rectangle on the first frame.

3. Now if you want a quick animation, (it depends on you how many frames  you want) right click on Frame number 10.

4. Select Insert Keyframe from that menu. Now you will see another   DOT on frame number 10.

5. Left click on Frame 10 and delete that frame. Now only frame number 10  is empty, other 9 frames are not empty.

6. Now click on Frame 10 and draw a circle. Now if you see there is a Circle on frame number 10 and a rectangle on all other frames.

7. Now click on any frame between 1 and 10.

8. Now if you see in properties (at the bottom) there will be written  Tween and in front of this, there will be a combobox, now  you have to select Shape from it.

9. You are done. Now run your movie.

Applying Tween to text

When you apply tweening to text its a little bit different. Because you cannot directly apply tweening to text.

You don't need to do anything else, there only one change in doing so.

1. Write text "SWiSH-DB".

2. Click on text and from Modify menu, select Break Apart.

3. Now each single alphabet is separated It looks like this

image 5

4. Now again goto Modify menu and select Break Apart. Then it will look like this.

image 6

5. Now right click on frame number 10 and select Inert keyframe and delete this frame.

6. Again write "Ultimate Designers", and do the above steps with this (break apart etc)..

7. Now click on any frame between 1 and 10.

8. Now if you see in properties (at the bottom) there will be written Tween and in front of this, there will be a combobox, now  you have to select Shape from it.

Download example file here.

That's all. This is very easy and basic tutorial for newbies, I am sure it will help the newbies around SWiSH-DB.



Author's URL: Ali Imran
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Internet & computing Flash is a vector-based moving graphics format created by Macromedia for the publication of animations on the World Wide Web. More Flash & Swish: Most Popular Materials | Fresh Materials | More Flash Tutorials at FlashPerfection.com

Add comments to "Basic Shape Tweening / Morphing"

Only registered users can write comment

No comments yet...