Toxiclab.org

Vanishing text effect

11.9.2007, 0:31
Submited in: Flash | Total Views: 138044

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
tricks.



Step 1

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.



Step 2


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.



Step 3

While the text is still selected, press Ctrl+B key (Break Apart), to break apart this text.



Step 4

After that, take the Selection Tool (V) and select only the first letter. In my example that is letter "t". See the picture below.



Step 5

Then, press F8 key (Convert to Symbol) to convert this letter into a Movie Clip Symbol.



Repeat this process for every other letter.

Step 6

Take again the Selection Tool (V) and select the all letters.



Step 7

Then, choose Modify > Timeline > Distribute to Layers (Ctrl+Shift+D). Now you get this:



Step 8

Click on layer 1 to select it, and after that delete it.

Step 9

Click on frame 50, of every layers and press F6 key. See the picture below.



Step 10

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.



Step 11

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



Step 12

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.



Step 13

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.



Step 14

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.

Step 15

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.

Step 16

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.

Bye!

Download source file (.fla)

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category




Most popular tutorials


Resources Worth visiting


Friends