Flash Tutorials: Gradient Bevel Filters & ActionScript.

Home • Members Tutorials Forum iSnapChat Contact Us 


Flash Tutorials


Create Flash Gradient Bevel Filter with ActionScript


Free Flash Tutorial


Intro    <<     Intro   1   2   3     Next   >>      



The Gradient Bevel Filter lets you add a bevel effect to a variety of objects in Flash including Movie Clips, Buttons & Text. A Gradient Bevel creates a beveled edge highlight, enhanced with gradient color, on the outside, inside, or top of an object. Beveled edges may make objects look three-dimensional. A Bevel gives a three-dimensional edge effect applied to the border of a graphic. Adding a beveled effect to a graphic image gives the image a raised appearance by applying highlight colours and shadow colours to the inside and outside edges. Bevel effects are often used on buttons to make them stand out from the web page:

Example: Download the Flash file Draw 216a


3D button effect created with a Gradient Bevel Filter.

In this tutorial you will learn the ActionScript needed to apply the Gradient Bevel Filter to Text, Movie Clips and Button symbols. In addition to this I will describe the settings which enable you to customise the Gradient Bevel Filter.


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

Example: Download the Flash file Draw 216b


Flash Movie Clip with Gradient Bevel Filter applied.


Note: The Gradient Bevel filter is not applied if the resulting image exceeds 2880 pixels in width or height. For example, if you zoom in on a large movie clip with a filter applied, the filter is turned off if the resulting image exceeds the limit of 2880 pixels.

Important Cross Ref: This tutorial shows you all the ActionScript including all the options available through the parameters. 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: Go straight to: Gradient Bevel Filter ActionScript

Quick Link: Go straight to: Gradient Bevel Parameter Settings

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:



Intro    <<     Intro   1   2   3     Next   >>      

12699 visitors to this page since 25 March 07 •

Phil Schulz's Facebook Profile
Webwasp is Phil Schulz's baby. You are welcome to contact me or become my Facebook friend: Click here

 Top of Page HomeMembers Tutorials Forum iSnapChat Contact Us 
 All material on this site is protected under international copyright © law. DO NOT reproduce any material from this site without written permission. Please ask as permission is often granted.