This page helps you create a stylish animation text effect of a text line using a movie clip or a still image superimposed on the text surface. The letters are designed as a set of masks to allow the areas covered by the text to show through. This design style is commonly seen in traditional action video and films.

This effect can be controlled with additional rotational effect. You can vary several basic parameters such as the initial and ending font size, display speed to customize the animation sequence for your design need. This effect is available with five high-quality commercial typefaces.

Dramatic visual effects can quickly be achieved with this style of animation.

The image is originally designed at 400 by 200 pixels. If the image width and height are specified at this size, no scaling will occur. For best result, your supplied image should be cropped to the same dimension to avoid the scaling artifacts.

The Linux-based ActionScripting engine behind this page generates the graphic file in industry standard Flash swf format that is supported by most modern browsers, and is compatible to all Flash player versions.

All you need to do is to supply the text and choose an appropriate background, and text color setting. The final Flash file is generated including appropriate HTML codes with just one click. You do not need to know Flash or program its scripting language. You do not have to use any traditional desktop Flash tools to create this effect.

The parameters are self-explanatory. If you do not understand its meaning, change its value and see how it affects the text animation.

1. Width of image   
(default 400 pixels)

2. Height of image   
(default 200 pixels)

3. Text vertical position   
(default 90 pixels)

4. Text horizontal position   
(default 40 pixels)

5. Enter your text to render
(up to 120 characters)


6. Font size   
(default 24 points, max 72 points)

7. Typeface: Arial Black



8. Starting text size scale   
(default 1500 percent)

9. Ending text size scale   
(default 150 percent)

The following Flash image demonstrates this effect.



11. Choose the starting gradient color.
Use Gradient

12. Choose the ending gradient color.

13. Gradient rotation angle   
(default 0, from -180 to 180 degrees)


20. Enter the URL of your image/movie clip to use as the movie clip background. Use this option to create a custom background for your spinning letters as a part of a logo design. A valid URL has the form http://www.yourdomain.com/yourimage.jpg.

Images can be stored in either .gif, .jpg or .png format. Only .gif and .png format support true transparency. For your convenience, there are ten small background pictures available, just click on one of the following icons to choose.

Use the demo firework clip (400 KB)



The generated Flash swf file will be automatically removed from the server in approximately one hour. Right click on the apppropriate link and choose "Save Link As..." or "Save Target As..." to download the Flash or HTML file to your computer.