Support   |   Forums   |   Contact   |     



Web Templates

Photo Galleries




Desktop Wallpaper


Flash 5 Tutorials (MX instructions)

Picture/Text Morph


Step 1: Open Flash and size the work area from Modify | Movie (modify | document) choosing 200 x 100 for this example. Choose any contrasting color for the background.


Step 2:  Select frame 1 on the layer and import your image. Images with a transparent background .gif or .png work best for this effect. Select the image on the stage and use 'Ctrl + B' to break it apart.  Click anywhere on the stage to deselect it.



Step 3: Insert a blank keyframe into frame 30,  select the text tool and type in your text on top of the image on the stage. Then select the arrow tool on frame 30, then use 'Ctrl + B' to break the text apart. (click twice on the text to select all letters on the stage before breaking it apart with 'Ctrl + B')


Step 4 for Flash 5: Select frame 1 on the timeline and hit 'ctrl + f' to bring up the frame panel. Choose shape tween selecting Blend 'Angular' from the Frame Properties tab. Repeat for frame 30. Put a stop action on the last frame if you do not want it to loop. You can also extend the timeline before it loops if you prefer, or reverse the frames to morph from text to picture.


Step 4 for Flash MX: Select frame 1 on the timeline. In the properties panel choose 'shape' from the tween dropdown and 'angular' from the blend dropdown. Repeat for frame 30. Click anywhere on the stage to deselect. Then select the image and delete it from frame 30 (leave the text in frame 30).

Test your movie. You can adjust the timeline for the effect you want.





Download picmorph.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