View your Shopping CartFrequently Asked QuestionsEmail Us
Home | About Us | Contact Us
SmartWebby.com provides best web design & web programming services globally
We specialize in Rapid Web Design, ASP.net, ASP and PHP web programmingBest Web Design, Best Web Programming, Global Service Provider - Dependable Professionals to build your website right!

Flash Animation Tutorials >> Cool Flash Effects >> Fade-in Fade-out Effect

Flash Fade-in/Fade-out Effect

Flash Tutorial to create a fade-in fade-out effect using basic tweening

Please carry out the following steps in Macromedia Flash to create the fade-in fade-out effect.

  1. In a new layer draw any vector object, say a circle. Convert the object into a graphic symbol (select the object and click F8) and name it, say 'g_circle'.
  2. Insert Keyframe (F6) in the 20th frame and create a Motion Tween from frame 1 to 20.
  3. Click the 10th frame on the timeline and insert a Keyframe (F6).
  4. Click the 'g_circle' instance displayed in the 10th frame and give it an Alpha value of 40% (for Flash MX and above, In the properties window select Alpha from the Color Panel and reduce the value from 100% to 40%).
  5. Save your work and test the Movie (Ctrl + Enter). That's it your, fade-in/fade-out cool effect is ready!

Cool Flash Effects

Effect 1: Fade-in Fade-out Effect

Effect 2: Zooming Effect

Effect 3: Advanced Alpha Tweening - Ripple effect

Effect 4: Simple Photo Masking

Effect 5: Advanced Photo Masking

Absolutely FREE Web Templates
Check out these quality free web templates and download them without any registration or sign-up!

FREE Web Design Guide
From web design tips & ideas to HTML, CSS Styles, Fireworks & Dreamweaver you'll find all you need to know about effective web site design right here!

Quality Dreamweaver Templates
Professional quality dreamweaver templates in over 20 categories, starting at just $9.95! Instant download & easy customization