Fade text effect

In this tutorial you will learn how to create a fade text effect in Flash. The fade effect is basically text which fades in from being transparent. This effect is fairly basic and very simple to create, no actionscript is needed.


Fade text effect

Step 1

Open a new Flash document.
Select the Text tool with static text and type your message on the stage. You can choose whatever font type or font size you wish.




Step 2

Convert your text message in to a symbol by pressing F8. Then give your symbol an appropriate name, check movie clip and click ok.


Step 3

On the timeline insert a new key frame at frames 20 and 40 by selecting F6 at each frame. This creates a short pause after the text fade effect. You can make this pause shorter by decreasing the number of frames after the second key frame.



Using the selection tool (v) select the first frame. Then click your text message on the stage. Now change the colour to alpha at 0% at the bottom of the screen. This will make your movie clip transparent at the beginning of the animation.



Now create a motion tween in between the first and second key frames. On the timeline right click in between the first and second key frame and select “Create motion tween”. You time line should look like below:




Step 4

Test your movie clip Ctrl + enter.




You should now have a nice fade text effect. Checkout the video version of the fade text effect if you are having problems.

This fade text effect can also be achieved using Tweens with Actionscript code. The below code would be the alternative for step 3. For more information on Tweens checkout this tutorial.

import fl.transitions.Tween;
import fl.transitions.easing.*;

var myTween:Tween = new Tween(text_mc, "alpha", Strong.easeOut, 0, 1, 10, true);