Vanishing text effect
Submited in: Flash
| Total Views: 139106
In this lesson, you will see how to create vanishing text effect. You don't have to use action script code to make this lesson. To create this lesson we have to use flash blur filter and some flash
Create a new flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the dimensions of your document as whatever you like. Select any color as background color and set your Flash movie's frame rate to 42 fps. Then, click ok.
Take the Text Tool (A) and go to the Properties Panel (Ctrl+F3) below the stage. Then, choose the following options:
1. Select a Static Text field,
2. Select a Eurostar Black Extended as font.
3. Choose 26 as font size and bold it,
4. Select black as color,
5. As the rendering option, select Use Anti-alias for readability.
Then, type any text on the stage. For this example, I have typed toxiclab.
While the text is still selected, press Ctrl+B key (Break Apart), to break apart this text.
After that, take the Selection Tool (V) and select only the first letter. In my example that is letter "t". See the picture below.
Then, press F8 key (Convert to Symbol) to convert this letter into a Movie Clip Symbol.
Repeat this process for every other letter.
Take again the Selection Tool (V) and select the all letters.
Then, choose Modify > Timeline > Distribute to Layers (Ctrl+Shift+D). Now you get this:
Click on layer 1 to select it, and after that delete it.
Click on frame 50, of every layers and press F6 key. See the picture below.
After that, click on frame 60 of layer of the first letter (in my example letter "t") and press again F6 key. After that, move the first letter a little top using the arrows key or by mouse. See the picture below.
After that, take the Selection Tool (V) and click once on the letter to select it. After that, go to the Properties Panel (Ctrl+F3). Click on the Filters tab in the Properties Panel.After that, click on the plus icon and select the Blur filter. Make the adjustements as follows:
1. Blur X and Y : 100
2. Quality : Low
Right-click again anywhere on the gray area between the frame 50 and frame 60 on the timeline and choose Create Motion Tween from the menu that appears.
Click on frame 60 and after that on frame 70 of layer of the second letter (in my example letter "x") and press F6 key.
While you're still on frame 70, move the second letter on the top in an equivalent way like we have moved the first letter.
After that, while you're still on frame 70, take the Selection Tool (V) and click once on the letter to select it. Then, repeat step 11.
Right-click again anywhere on the gray area between the frame 60 and frame 70 on the timeline and choose Create Motion Tween from the menu that appears.
We're done with the first two letters. Repeat this process also for every other letters until you came to the end.
Download source file (.fla)