09 August 2010

Flash Tutorial : How to create vertigo animation

There are many situations where interesting Flash animations can be applied, in games, flash widgets, as website effect etc. Some animations require slow frame-by-frame making process and some can be created quickly using free community shared tools.

Spiral tool can be found on author's website. After you download it and install it, you can take a look how this tool is created by opening your Flash Configuration folder. On Windows this folder should be located at C:\Documents and Settings\Administrator\Local Settings\Application Data\Adobe\Flash CS3\en\Configuration\Tools. Among others you will find files: Spiral.xml, Spiral.png and Spiral.jsfl. Simply open Spiral.jsfl with your favorite text editor to see Spiral tool source code.

You can use newly installed Spiral tool directly from Tools panel (see image below).

Flash Spiral Tool
When you are satisfied with spiral you created convert it to movie clip and add simple rotation code to it:

import flash.events.Event;

addEventListener(Event.ENTER_FRAME, rotate);
function rotate(evt:Event):void
rotation += 5;

Click on image to see live demo.

That's just a starting point. You can go further and make all kinds of complex vertigo animations. Simple adjustments would be to change drawing line size, style and color. Combine few different spiral lines with different rotation speeds to get even more complex vertigo.




template by blogger templates