Gradient Bevel

Gradient Bevel

Flash CS4 Tutorial


How to Add Gradient Edge Bevel to Movie Symbol, Text or Button with Gradient Bevel Filter in Flash



The gradient bevel is similar to the bevel filter except the bevel edges can be assigned a gradient color.


Step One

Add a rectangular object to the workspace with the Rectangle tool (r key).

Step Two

Select the rectangle and convert it to a Movie Symbol (Modify > Convert to Symbol (F8)).

Step Three

With the rectangle Movie Symbol still selected, open the Filters panel by clicking the Filters tab (Window > Properties + Filters).

Step Four

Add a filter to the Filter panel by clicking the Add Filter icon and selecting Gradient Bevel from the pull-down menu.

Step Five

In the dialog box you can set the Blur and Strength.

Step Six

The Quality choices are Low, Medium, and High.

Step Seven

Angle determines the light direction and Distance sets the bevel size.

Step Eight

Use the color slider to choose your bevel colors. Clicking on the center box sets the overall bevel color.

Step Nine

The end sliders control the shadow and highlight colors.

Step Ten

You can also select Knockout and set the bevel Type.

Building Effects with Multiple Filters

Consider adding multiple filter effects to the same object to build complexity and add interest to your scene.

Filters and Flash Player Versions

Filters work with Flash Player 8 and greater.

Editing your Filter Settings

To change your settings at a later time, select the filtered object and open the Filter panel.


Royalty-Free Stock Video at Pond5