WEBSITE TEMPLATES       FLASH WEBSITES       FLASH INTROS   

Search Templates     
Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks Tutorials
& Resources
Photoshop
Tutorials
Web Design
Tutorials & Resources
Website Promotion
Tutorials
Website
Add Ons
   You are here : : Home > Free Resources > Flash Tutorials & Resources > Zoom in Zoom Out  

Zoom in Zoom Out Flash Animation with Fading Effect

Flash Zoom In & Zoom Out Animation with Fading Effect

This tutorial will teach you how to create a simple zoom in & zoom out animation with fade-in and fade-out effect in Flash. You can use this zooming effect on any image or text.
Please note:
1. You need to have Flash Player 8.0 installed to view the Flash animation.
2. You need Flash to create the animation.

STEPS TO FOLLOW

  • Open a new flash file (Ctrl+N). The New Document window will appear. Select General panel and choose Type: Flash Document. Press OK.
  • If your timeline window is not open, press (Ctrl+Alt+T). Now you can see a single Layer called "Layer1" in your timeline Window.
  • Select the first frame. Import a background image onto stage, preferably an image of a street by clicking on File>Import>Import to Stage, or just press (Ctrl+R).
  • Press F8, to convert this image to a symbol. Name this Symbol "background_gr" and choose graphic behavior. Press OK. Name this Layer "bg". On the 35th frame press F6 to insert a new frame
  • Select the second layer. Import an image or create a shape of a car using shape tools from the tool box. Press F8, to convert this image to a symbol. Name this Symbol "car1_m" and choose movie clip (F8). Press OK. Name this Layer "car1".
  • Select the image(car1_m) >right click>edit in place. Now you will come to a new timeline Window called Symbol2
  • On Frame1 of Symbol2 convert the image to a graphic (car1_gr). Go to the Properties Bar>Color>Alpha>0%. In Frame5 insert a new Key frame (Press F6) and change Alpha to 100% and make the image small. Eg : Pic
  • Right click in between Frame1 and Frame5 and press motion tween.
  • Add one more Key Frame in Frame20. In this frame make the Image(car1_gr)bigger and move it out.
    eg:
  • On Frame25 insert a new key frame and change Alpha to 0% . Insert motion tween in between frame5-20 and Frame20-25. eg:

  • Now press (Ctrl+Enter) to view your motion tween.
  • Continue to do this for your other car images.

Remember to insert only ONE symbol/image in ONE new Layer only.

Congratulations! You have successfully created a Zoom In/Zoom Out animation with Fade In and Fade Out effect!

Learn More! Click here for a Adobe Flash CS3 Step By Step Video Traing Course!


Social Bookmarking
Bookmark to: Digg Bookmark to: Del.icio.us Bookmark to: Facebook Bookmark to: Reddit Bookmark to: StumbleUpon Bookmark to: Slashdot Bookmark to: Furl Bookmark to: Blinklist Bookmark to: Technorati Bookmark to: Newsvine Bookmark to: Blinkbits Information

New! We have added an article directory of more than 2,000 articles on web development and site promotion! Topics cover domain names, web design, web hosting, ecommerce, blogging & rss, email marketing, internet marketing, ppc advertising, seo, traffic building and much more!



domain names web design web hosting ecommerceblogging traffic building internet marketing web development

Home  |  Templates   |  Low Cost Solutions  |  Custom Services  |  Free Resources  |  Contact
Website Templates  |  Full  Flash Website Templates   |  Flash Intros  |  Logos & Corporate Identities  |  Swish Templates  |  Ecommerce Templates  |  CMS & Blog Templates
Copyright © 2004-2008 www.entheosweb.com - Entheos. All Rights Reserved.