This page helps you create a stylish animation text effect with double twirling patterns. The letters are twirled 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. Two instances of the same text line are twirled and eventually merged into one at the end of the animation.

You can define the number of 360-degree turns to display while the letters are being twirled and 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 twirling 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 twirling 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 double twirl effect. This effect is applied to each letter for one second. This effect is processor intensive and is not recommended to use in large display.

To see the complete revolution of each twirling character in more details, a reasonably duration (at least one second) is recommended. You can define the vertical twirling offset to set the double twirl patterns further apart.


10. Choose a background color.
Transparent

11. Choose the text color.

12. Number of revolutions   
(default 1, 0 no turning)
13. Counterclockwise rotation
14. Vertical twirling offset   
(default 60 pixels)
15. Delay between letters   
(default 200 ms)
16. Initial twirling duration   
(default 1000 ms)
17. Page transition time   
(default 1000 ms)
18. Number of repetitions   
(default 1000, 0 for no repetition)

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.