This page helps you create a stylish animation text effect with blurring patterns. The letters are blurred while being scaled down from an initial large size to form a text line at your specified baseline and font size. Each letter is rotated around its center while being scaled down. The displacement technique is used here to simulate the Gaussian blur effect.

You can define the number of 360-degree turns to display while the letters are being scaled down. Both clockwise and counterclockwise direction are possible. You can vary several basic parameters such as the initial and ending font size, font 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 technique should be animated at relatively high speed to make the blurring effect more realistic. This animation effect is processor intensive so it is not recommended for designs that require text displayed at large size.

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 design 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. You can leave all paramaters at their default values and generate the Flash file with just one click.

All you need to do is to supply the text and choose an appropriate background, and the direction of turns. 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.

1. Width of image   
(default 400 pixels)

2. Height of image   
(default 200 pixels)

3. Text vertical position   
(default 80 pixels)

4. Text horizontal position   
(default 25 pixels)

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


6. Font size   
(default 30 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 blurring effect. This effect is applied to each letter for half a second. This effect is processor intensive and is not recommended to use in large display.



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

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.