Support   |   Forums   |   Contact   |     


 

 

Web Templates

Photo Galleries

Resources

Articles

Tutorials

Desktop Wallpaper

 


Flash 5 Tutorials

Shape Morphing
 

Step 1: Open Flash and size the work area from Modify | Movie choosing 150 x 130 for this example. Choose any contrasting color for the background. This effect is all done with shape tweening on one layer without symbols. The shapes are drawn with Flash.

Step 2:  Select frame 1, then using the rectangle tool, draw a square with purple as the fill and white as the stroke color that you will select and delete later. (You must choose a stroke color on a new object.) Select the arrow tool and pull in one of the corners of the square to create a triangle. Select frame one again. You can then use 'Modify | Rotate' to put the triangle on its base. Click anywhere on the workspace to deselect the triangle then use the arrow tool to pull the top point out and adjust the shape again if necessary. Reposition the triangle to the center of the workspace.

 

Step 3:  Select and delete each white stroke color to remove it. Select the object and hit 'Ctrl + B' to break the shape apart.

 

Step 4: Insert a keyframe on frame 15, hit delete to remove the triangle and draw a circle (white stroke color, yellow fill color) using the oval tool. Using the arrow tool, select the stroke and delete. Select frame 15 and break apart with 'Ctrl + B'.

 

Step 5: Repeat step 4 on frame 30 using the square tool and green as the fill color. Then copy and paste frame 1 into frame 46.

 

Step 6: Open the frame box from 'Window | Panels | Frame', click on the key frame 1 and select Tweening: shape, Blend: Angular from the 'frame' panel property box. Repeat for keyframe 15 and 30.

Test your movie. It should look like this example. Go back and adjust the colors and timeline until you get the effect you want.

 

 

 

 

Download shapemorph.fla


Flash Tutorials

Flash Beginning
Motion Tweening
Fading Text
Exploding Text
Picture/Text Morph
Shape Morphing
Text Blur
Text Morph
Light Up Buttons
 

Flash Intermediate
Basic Preloader
Text Masking
Ripple Movie Clip
Motion Trail
Close Button
On/Off Music
Motion Guides
Vector Drawing

Flash Info
Work environment
Send Flash in e-mail
Transparent Overlay
Movie Clips
Add Sounds to Movies
 

 

Web Templates  |  Flash Templates  |  Business Templates  |  Personal Templates  |  Art & Photography Templates
Terms of Use  |  Privacy  |  Sitemap  |  Links  | 

copyright  ©  1998-2006 webworksite.com