This page helps you create a stylish animation text effect of a text line. The letters are rolling in while being scaled down from an initial large size to form a text line at your specified baseline and font size. Each character is then "popped" back to their original size at a low transparency setting.

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

This simple technique can be used to design the animated text portion of a logo design to attract viewer's attention to your message.

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 480 pixels)

2. Height of image   
(default 120 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 500 percent)

9. Ending text size scale   
(default 100 percent)

The following Flash image demonstrates this effect.



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.




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.