Scribd
Upload
54 views5 pages

Animating E-Card Aim: Algorithm

The document provides steps to animate an e-card using Flash. It involves creating a movie clip symbol for fireworks and animating it using shape tweens to grow and shrink over 24 frames. A motion tween is then used to fade the opacity of the fireworks in and out over the same time period. Copying the 24 frame animation allows it to loop continuously in the e-card.

Uploaded by

Arockiaruby Ruby
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
54 views5 pages

Animating E-Card Aim: Algorithm

The document provides steps to animate an e-card using Flash. It involves creating a movie clip symbol for fireworks and animating it using shape tweens to grow and shrink over 24 frames. A motion tween is then used to fade the opacity of the fireworks in and out over the same time period. Copying the 24 frame animation allows it to loop continuously in the e-card.

Uploaded by

Arockiaruby Ruby
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

ANIMATING E-CARD AIM:

To create a flash document for Animating your E-CARD.

ALGORITHM:
Step1:Now that weve set the stage for our E-card, lets go ahead and animate it. For the first part of that, were going to use a new kind of symbol called a Movie Clip. Thus far weve been creating our symbols as the Graphic type; that is, a simple shape or group of shapes locked in as a single static symbol that can be dropped from the library and into our movie, and manipulated as we see fit.

Step2: A movie clip is the same as graphic, but its animated with its own separate internal timeline; with a movie clip, you can capture an animation as part of a neat little package and duplicate it for continuous playback in as many instances as youd likeits like having a minimovie inside a movie. It also allows you to manipulate that animation in ways that might be more difficult otherwise, because you can tween the movie clip symbol in the same ways that you can tween a graphic symbol. Step3:Now were going to animate our fireworks in two parts. The first part will involve creating an animation inside the fireworks symbol using a shape tween; so lets do that part first, to create a continuous loop of the fireworks growing and shrinking.

Step4:To do that, you can get inside the fireworks symbol to animate it by right-clicking on the listing for the fireworks symbol (youll notice it has a different icon than the graphic symbols) and clicking Edit. The rest of your scene will vanish and youll have a blank stage; the shapes/fills that make up your fireworks will be accessible. Above your stage youll see that your working area is now titled Scene 1 (the main stage youre working on) and then Pink Fireworks (in my case, anyway), signifying that youre one level deeper and youre now on the stage for your symbol alone. Your timeline will now have only one layer. To leave this area and get back to your regular scene, you can click the blue arrow to the left, or the text that says Scene 1. Ste5:To create our shape tween, well need to create a new keyframe. I think two seconds would be a good interval over which to complete our cycle; thats 12 frames per second, 24 frames total. Well start the burst small, then expand it, then shrink it down to vanish again, so well need two separate segments. So for right now, well make two new keyframes at the halfway point.

Step6:So now youve got 13 frames of an animated movie clip that...well...isnt really animated. To take care of that, lets go back to frame 1. Click on that frame in your timeline, and then use your Arrow Tool to select all of the shapes/fills of the fireworks burst on your stage. (Make sure youre on frame 1 when you do this.) Then use the Free Transform tool to scale the fireworks in the first frame down as small as you can, to the point of near-invisiblity.

Step7:To complete the shape tween and make the fireworks burst shrink to nothing again, all you have to do is copy the first framewhere you already scaled the shape downto the last frame, frame 24. Then repeat the process in the last step, and select frames 13-24 (dont select frame 12!) and apply a shape tween to them in the same way. When you drag along the numbers above the timeline you should be able to watch your animation in full as the burst grows, then shrinks again. Dont forget to save your work when youre done, and then exit out of the symbols editing stage by clicking on the blue arrow in the upper left hand corner of the stage.

Step8:Now were going to use a Motion Tween in a new way: to animate the opacity of the fireworks burst. Well animate them fading in and then fading out over the same time period that they grow and shrink; that means that well need the fireworks layer to last for 24 frames.

Step9:Now go back to the first frame, and select the symbol for your fireworks burst; I know that

can be kind of hard since its so small, but the easy way to do it is to make sure that all of your layers are locked except for the one with the symbol on it, and then drag your arrow tool across the entire canvas.

Step10:Once youve selected the symbol, look in the Properties tab; you should see a dropdown

menu with the label Color that says, by default, None. This lets you set the brightness of

your selected shape (Brightness), adjust the color (Tint), adjust the opacity (Alpha), or adjust all three at once using the Advanced settings options.
Step11:The last part is to use a Motion Tween so that the opacity fades in from frames 1 to 12

and then fades out from frames 13 to 24. This is the easiest part of all, if youll rem ember fromLesson 1. Just right-click between frames 1 and 12, and click Create Motion Tween; then do the same between frames 13 to 24. You havent animated any motion, but you have animated the changing opacity. Try previewing it to see how it affects the movie clip.

OUTPUT: After that, all that remains is to copy the entire set of 24 frames and then paste it again in the same layer, after the first, to extend it to fill all 48 frames. Once thats done then you can play with any other fireworks symbols that youve made, to create different iterations and colors, and different burst frequencies. I used my second fireworks symbol to make a quicker burst, and started it a few frames later than the original so they wouldnt explode at the exact same time.

You might also like