Donate
 
Has KnowFlash helped you?

Donate towards running costs:


Why donate?

Newsletter
Sign up to our newsletter:
 
Enter your email address:
 
flash menu
Tutorials
Video Tutorials
Store
Main Menu
Home
News
Forum
Help/FAQ's
Contact Us
Search
Register
Advertise
Links
Webmasters

Text Fading Animation Print E-mail
Written by Rawpulse   
Monday, 07 May 2007
Learn how to create a simple but highly effective flash based text fading animation
 

1.
Start with a black background.
Now type in the text you like to add this effect to with white color.
Right click the text and press break apart one time to seperate the letters.

2.

Now right click each letter and convert them to seperate movie clips

3.
Select all the letters, right click and choose distrubute to layers.
Now in the layers panel delete the layer we started with, because its now empty.

4.

Make a new keyframe at frame 5 and at frame 30, for all the layers.

Photoshop Tutorial thumb picture


5.
In frame 30 move the text all the way to the right, out of the stage.
Between frame 5 and frame 30 for all layers, right click and create motion tween.

Photoshop Tutorial thumb picture


6.
Now for all letters seperatly click at frame 5 and go to the properties panel and adjust the easing, for some letters set the easing to -100 and the rest at 100 and maybe one or two at 0.

Now the letters will not move at the same speed.

Photoshop Tutorial thumb picture


7.
At frame 30 for each letter go to the properties panel and adjust the alpha to 20 percent.

Photoshop Tutorial thumb picture


And now we are done, I just added a rectangle shape with not fill color, converted it to a movie clip, animated it by scaling it and put down the alpha just a with the text effect.


Last Updated ( Monday, 07 May 2007 )
Next >

In association with Coursework Essays , Free Essays , Phishing Scams and Big Red Directory

Copyright Oxford Information Services Ltd 2007


Computer support
Connect Personal Computing provide small to medium companies with remote and on-site computer support. Find out more online.