Flash Tutorials: Animate Filters with ActionScript.	Home • Food • Mates • Members • Tutorials • Forum • Buy Templates • Contact Us

Animating Filters with ActionScript

Free Flash Tutorial

In this Flash tutorial you will learn how to animate filters with ActionScript. This can be added to a variety of objects in Flash including Movie Clips, Buttons & Text. In this example I will place a photo in a Movie Clip and apply a Glow Filter. The Glow Filter gives the photo an soft frame effect. If you click on the image the soft glow animates to envelopes the image. If you move your mouse away the filter will animate back to a soft frame.

Here is an example of what you will create in this tutorial:

Example: Download the Flash file Draw 220a

Flash Movie Clip with an animated Glow Filter. Click and roll over the image

To keep the ActionScript simple I have used only one filters but the code can easily be adapted to use with any number or combination of filters. You will see that the code is very straight forward and easy to change.

Important Cross Ref: This tutorial shows you all the ActionScript but it only briefly describes how to apply this to an object within Flash or how to edit the parameter settings. If you are not familiar with this I suggest that you return here after first reading the tutorial: Creating Filters with ActionScript

 

Quick Link: The ActionScript - Using Variables to Animate Filters

Quick Link: Understanding the Code - Using Variables to set the Parameters

Quick Link: The ActionScript: Alternative Code (Extra Reference Section)

Quick Link: Changing Multiple Parameters

Quick Link: Changing Complex Parameters
Quick Link: Color & Bitwise Binary Operators (Extra Reference Section)

 

Click by Click: If you would like to view this tutorial without all the notes: Click by Click

 

Important Note: These Filters only work in Flash Professional 8. The filters are not available in Flash 8 Basic or any of the earlier versions of Flash such as Flash MX04/MX/5.

 

If you don't know what version you are using go to: Help > About Flash and you will see the logo: