Hi, it's been awhile since I've done any flash animation and I'm trying to acheive a certain masking effect. Can anyone give me a few tips on how to create something similar to the FESSparkle effect on this page (middle one)
I know I'm going to have to use a mask to do this, my question is really more about getting the right glow effect on the sparkles. Any ideas?
It's quite easy one. The mask can be rectangular, scaling up and down.
The sparkles are overlayed over the masked image and can be movieclips with just circle and gradient fill (radial). I believe you can achieve similar effect only with gradients. I wouldn't use glow on particles because you'd kill CPU and it wouldn't matter that you copied the effect 1:1 if the final user got 5FPS now would it? The worst possible thing you could do is to mix it even up: use gradient fill fading do alpha: 0 and on top of that give it a glow filter and repeat it on XYZ particles
For the sparkles, you'll need nested movieclips. Lowest level will be only the gradient circle. On top of that, it can slightly change opacity up and down. On top of that it can move here and there. And on top of that it canmove along some curved guide. Start as small transparent sparkle, move a bit here and there and then vanish.
In each level you can put randomizing code at first frame:
gotoAndPlay(Math.floor(1 + totalFrames * Math.random()));
and on the last frame this code to ensure your randomization runs only once:
And in the topmost sparkle level you don't want to jump in the timeline, just randomize rotation of sparkles:
rotation = 360 * Math.random();
If you experience any CPU problems, try decreasing number of sparkle levels, making movement more simple.