Web Design Tutorials: Photoshop, HTML, Flash, PHP

Flash Tutorial – Disappearing text effect

In this easy tutorial made for Flash 8, you will see how to create disappearing text effect with no Action Script.

Step 1

Open a new Flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 200 pixels and the height to 100 pixels. Select white as background color, for Frame Rate set 28 fps (Frames per Second) and click ok.

Step 2

Take the Text Tool (T), in the Property inspector below the scene, choose Static Text (see left part of the image below).Choose any font you like, and bold it. For size set any size and for color set black. Then, type any text. For this example I’m wrote “flashvault.net”.

While the text is still selected, press F8 key (or select Modify > Convert to Symbol ) to convert it into a Movie Clip Symobl.

Step 3

Click on frame 60, and press F6 key (Keyframe).

Step 4

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.

Step 5

Click on frame 15, and after that on frame 30, and press F6 key. While you’re still on frame 30, take the Selection Tool (V), select the text (“flashvault.net”), go to the Properties Inspector (also called the Properties Panel, below the scene), click on Filters, plus icon, and choose Blur.Then, set the options from the picture below.

Step 6

Click on frame 40 and press F6 key (Keyframe). Then, take the Free Transform Tool (Q) and do like it is shown on the picture below.

Step 7

Click on frame 45, and press F6 key again. After that, using the arrows key on the keyboard, move the “blur effect” a lttle up. Then, select it, go to the Property inspector once again and click on the Properties tab. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.

Test your Movie (Ctrl+Enter).

We’re done

Source: flashvault.net

you may also like:

  • Flash Tutorial – Random Boxes Text Effect
    In this tutorial I will show you how you can create a simple Flash text effect when the mouse hovers over the text. This is quite easy to accomplish with a little help from ActionScript 3. Setting up...
  • Photoshop Tutorial – Tree Text Effect
    Learn how to create a tree text in Photoshop from this easy to follow tutorial. The text will be all covered with leafs, so we'll obtain a very organic and natural look. The technique can be used ...
  • Creating Flash Menu
    Though website design is a prerogative of professionals, still there is a lot that anyone could do only if he knew how to. Making a menu for a flash website is one of these things. To make one you nee...
  • Flash Tutorial – Create an Advanced Image Gallery
    In this tutorial we will learn how to make an Flash Image Gallery using Action Script 2.0 with Smooth Transitions and Description for your images. This will be an Advanced Flash Gallery, but very easy...
  • Flash Tutorial – Beautiful Advanced Preloader with Reflection
    In this tutorial we will create an advanced blue preloader with beautiful reflection effect and a big easing text. This requires a little knowledge about animations and action scripting. Step 1 ...

Leave a Reply

Powered by WordPress | Designed by Elegant Themes