Animating Flash CS3 Filters Inside a Movie Clip

Animating Flash CS3 Filters Inside a Movie Clip
FlashR has several nice filters such as Drop Shadow, Blur, Glow, Bevel, Gradient Glow, Gradient Bevel and Adjust Color. In this tutorial, you will learn how to animate the Hue settings in the Adjust Color filter. This will make a globe appear to change colors. The animation is a simple Motion Tween and can be applied to any movie clip in your Flash movie. So, open your movie into Flash CS3.

  1. First, we will import the globe image to the Stage. Click File, Import, Import to Stage. The MyGlobe.psd image will be imported on its own layer in the Timeline. We will tell Flash to name this layer "Globe".

    In the Import to Stage dialog box, rename the Globe's Layer 1 to "Globe". To the right, you have two options for the Import This Image Layer As. Choose the Bitmap Image with Editable Layer Styles setting. Just under that, set the Instance Name to "Globe". Keep the other default settings and click OK.

  2. The MyGlobe.psd image will appear at the upper left corner of the Stage. Click and drag the globe into position on the desk.

    Now that you have selected the globe, you will notice that the new Globe layer is added to the top of the stack in the Timeline. Drag the Globe layer to just above the email layer. This will keep the InvButtons layer, which contains the invisible buttons, at the top of the layer stack.

  3. The globe image should still be selected. In the Properties Inspector, you will notice that the globe image has been imported as a Movie Clip with the Instance Name of Globe, just as we indicated in the dialog box. In the Library Panel, we now have a folder named MyGlobe.psd Assets. Remember that the name of our imported image file was MyGlobe.psd.

  4. We will now animated the Movie Clip. Double-click on the globe to enter the Edit in Place mode. The Stage should become grayed out and you should see both Scene1 and Globe on the Edit bar. You should also have a new Timeline with only one layer named Layer 1. Rename this layer to "Globe Ani".

Next →

Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2022 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.