logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Autism Spectrum Disorders: 4:00 PM

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Flash CS5 Glow Filter for Magic Effect


For this tutorial, we will learn how to use the Glow filter in FlashR CS5 to create a magical effect for an ecard. The example ecard is a Halloween ecard that I created for Pamela Gladding Ecards. Halloween Magic can be viewed here. For continuity, I have used this Glow filter effect several times throughout the animation. In this tutorial, we will take a look at how I used the Glow filter to turn a cat into a witch's hat and broom.

This first part of the animation will take 54 frames. As the ecard tells its story, the cat is already on the stage. Our first step is to convert the cat graphic to a movie clip symbol. On the first frame of our magical animation (Frame 185), we will apply the Glow filter to the same cat symbol twice. One filter will create the glow that radiates ourward from the cat and the second filter will make the cat glow. How do we get the Glow filter to glow inside the cat? We use the Inner Glow option. When this option is off, the glow radiates outward from the symbol and when it is on, it radiates inside the symbol.

As you can see in the Properties panel, we begin the effect with the Glow filter Color set to 00FF00, the X and Y Blur options set to 0 pixels, the Strength set to 100% and the Inner Glow option turned on for the top Glow filter. We have set the Blur to 0 because we don't want our cat to be glowing at this point. But we do want to begin the external glow. Therefore, the second filter has the X and Y Blur options set to 5 pixels to give a little glowing outline to the cat.

For the next 32 frames we will increase both of these filters until the entire cat is glowing green and has a large external green glow. We will do this with a tween animation. We have set the beginning filter settings for this tween and now we will set the ending filter settings on the last frame (Frame 217). As you can see, we have increased the X and Y Blur settings to 100 pixels and the Strength to 200% for both Glow filters. At this point, our cat is a solid bright green and with the external Glow filter softly blurred around him.

Now, we will turn the cat into the witch's hat and broom. So we need to make the cat magically disappear. We will do this by extending the tween another 22 frames to end on Frame 239. Our first thought would be to reduce the Glow filter but this will not make the cat disappear. We need to use the Alpha setting in the Properties panel to reduce the opacity of the cat to zero.

That's all there is for our poor cat, he has disappeared into the night. Now we will build the ending to the story with the witch's hat and broom.

Next →

View the Pamela Gladding Ecard

Join us in the Flash forum.





Add Flash+CS5+Glow+Filter+for+Magic+Effect to Twitter Add Flash+CS5+Glow+Filter+for+Magic+Effect to Facebook Add Flash+CS5+Glow+Filter+for+Magic+Effect to MySpace Add Flash+CS5+Glow+Filter+for+Magic+Effect to Del.icio.us Digg Flash+CS5+Glow+Filter+for+Magic+Effect Add Flash+CS5+Glow+Filter+for+Magic+Effect to Yahoo My Web Add Flash+CS5+Glow+Filter+for+Magic+Effect to Google Bookmarks Add Flash+CS5+Glow+Filter+for+Magic+Effect to Stumbleupon Add Flash+CS5+Glow+Filter+for+Magic+Effect to Reddit



 



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


For FREE email updates, subscribe to the Flash and Animation Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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.

g


g features
Animation Behaviors in Motion Project

Importing Photoshop Images into Motion

Motion 3D Animation - The Graphics

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor