Macromedia Flash - Text display effect

This lesson will show you how to create a very nice text effect that can be used in some banner effects, advertisements, and presentations . With this exercise, you will not need to use Action Script code.

Step 1

Open a new flash file.

Step 2

Select Modify > Document (shortcut Ctrl + J ). Set the width of the file to 450 pixels and the height to 100 pixels. Select white as background color (#FFFFFF) and frame rate to 28. Then click OK .

Macromedia Flash - Text display effect Picture 1

Step 3

Select the Pencil Tool (Y) and from the Pencil Tool options in Toolbox panel, select Ink . See the following picture:

Macromedia Flash - Text display effect Picture 2

Step 4

After that, go to the Properties Panel (Ctrl + F3) and select the black stroke color, the stroke type is Solid , the thickness is 3 .

Macromedia Flash - Text display effect Picture 3

Draw a line like the following image

Macromedia Flash - Text display effect Picture 4

Step 5

Grab the Text Tool (A), go to the Properties Panel (Ctrl + F3) below the stage. Then select the following options:

1. Select the Static Text type
2. Select MT Bold Script font (or according to which font you want to use)
3. Select the font size of 30 and be bold ( B )
4. The selected text color is black
5. Under the font size and font color choose Anti-alias for readability

Macromedia Flash - Text display effect Picture 5

Step 6

Then enter the text content. The example in this case is ' Mother '.

Macromedia Flash - Text display effect Picture 6

Step 7

Pick the Pencil Tool again (Y) and draw another line after the text like the following image

Macromedia Flash - Text display effect Picture 7

Step 8

After that, select the Text Tool (A) and enter another letter after the drawing. Select the text you just entered, go to the Properties Panel (Ctrl + F3) and change the font to 38.

Macromedia Flash - Text display effect Picture 8

Macromedia Flash - Text display effect Picture 9

Step 9

Again select the Pencil Tool (Y) and draw the following:

Macromedia Flash - Text display effect Picture 10

Step 10

Reselect the Text Tool (A) and enter another word. Then select the text you just entered, go to the Properties Panel (Ctrl + F3) and select the font of 28.

Macromedia Flash - Text display effect Picture 11

Repeat the process until the remaining word:

Macromedia Flash - Text display effect Picture 12

Step 11

Double click on layer 1 and rename it to text . After that, click on frame 125 and press F5.

Step 12

Create a new layer above the text layer and name it mask .

Macromedia Flash - Text display effect Picture 13

Step 13

Lock the text layer, select the mask layer and select the Rectangle Tool (R). In the Colors section of the Tool Panel, lock the Stroke border color by clicking on the pencil icon and select the square with the red diagonal line. In Fill color choose any color, draw a rectangle about 20 x 60px and place the rectangle just as it appears in the following image.

Macromedia Flash - Text display effect Picture 14

Step 14

Click on frame 15 and press F6. After that, place the rectangle a little, like the following figure

Macromedia Flash - Text display effect Picture 15

Step 15

Click on frame 25 and press F6. Select the Free Transform Tool (Q), press and hold Shift and follow the steps below.

Macromedia Flash - Text display effect Picture 16

Step 16

Click on frame 35 and press F6. Select the Free Transform Tool (Q), press Shift key again and continue to do the following.

Macromedia Flash - Text display effect Picture 17

Step 17

Click on frame 45 and press F6. After that, place the rectangle in the position like the following image

Macromedia Flash - Text display effect Picture 18

Step 18

Click on frame 55 and press F6.

Step 19

After that, select the Free Transform Tool (Q) and enlarge the rectangle (similar to the way in step 13) to hide the text.

Macromedia Flash - Text display effect Picture 19

Repeat the above process until the last word.

Step 20

Select the layer mask and go to the Properties Panel (Ctrl + F3). In the section Tween choose Shape .

Macromedia Flash - Text display effect Picture 20

Step 21

Select the mask layer and convert it to a mask by right-clicking on the layer mask name and selecting Mask .

Macromedia Flash - Text display effect Picture 21

Check your work by pressing Ctrl + Enter. You can download the source file here.