Toxiclab.org

Glow blic blic icon animation

21.9.2009, 12:26
Submited in: Flash | Total Views: 9518

Using this thoroughly explained, detailed flash lesson, I will explain to you how to create advanced and full glow icon animation using some special flash tips and tricks and action script 3. You can use this blic blic animation for some flash banner, flash components, or for some presentation. Using this lesson, you will also learn how to import any icon into a flash stage, how to convert it into a movie clip symbol, how to create instance name, how to apply action script code and much much more! Let's start!

Example:



Step 1

First of all, find any icon which you like to use for this lesson!



Step 2


Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the dimensions of your document as whatever you like. Select black color as background color. Set your Flash movie's frame rate to 38 and click ok.

Step 3

Call the current layer icon. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

Step 4

Choose now File > Import > Import to stage (Ctrl+R) and import any icon into a flash stage.

Step 5

While the icon image is still selected, hit F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.



Step 6

While the new made movie clip is still selected, go to the Properties Panel below the stage. On the left side, You will find the Instance name input field there. Call this movie clip icon_mc. See the picture below.



Step 7

Create a new layer above the layer icon and name it action script.

Step 8

Select the first frame of layer action script and go to the AS panel (F9). After that, enter this code inside the actions panel:

var timerOn : Timer ;
var timerDuration : Timer ;
var glow:GlowFilter ;

function init():void{
 glow = new GlowFilter(0xffffff,1,4,4,2,BitmapFilterQuality.HIGH);
 icon_mc.filters = [glow];
 icon_mc.alpha = .2;
 timerOn = new Timer(100);
 timerDuration = new Timer(300);
 timerOn.addEventListener(TimerEvent.TIMER, startGlitter);
 timerOn.start();
}

function startGlitter(e:TimerEvent):void{
 timerDuration.start();
 this.addEventListener(Event.ENTER_FRAME, glitter);
}

function glitter(e:Event):void{
 icon_mc.alpha = .5 +(Math.random() * .8);
}

init();

That's it!

Test your movie and enjoy!

Download example

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category


Most popular tutorials