#1 Flash Animation


In this easy, detailed lesson, you will see how to create on a simple way picture animation using the Brush Tool and mask. To make this lesson, you don’t have to use action script code.Let’s go!

Step 1

First of all, find a simple picture from your library that you like to use for this lesson.

Step 2

Open a new flash document.

Step 3

Select Modify > Document (shortcut key: Ctrl+J ). Set the dimensions of your document as the dimensions of picture that you want to use for this lesson.Select any color as background color and set your Flash movie’s frame rate to 32 fps. Then, click ok.

Step 4

Choose File > Import > Import to Stage (Ctrl+R) and import any picture into a flash stage.

Step 5

While the picture is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.

Now you have aligned the picture with the background.

Step 6

Double click on layer 1 to rename its name in picture. After that, click on frame 160 and press F5 key.

Step 7

Create a new layer above the picture layer and name it brush.

Step 8

Lock picture layer and select the brush layer.After that, select the Brush Tool (B) and for Brush size choose the largest. See the picture below.

Step 9

Then, draw a shape beside the picture. See the picture below.

Step 10

Click on frame 20 of layer brush and press F6 key. Then, on the existing shape, draw a new shape over the picture like it is shown on the picture below.

Step 11

Click on frame 40 and draw this shape using the Brush Tool (B).

Step 12

Click on frame 80 and press F6 key. Then, draw this shape over the picture:

Step 13

Click on frame 100 and press F6 key. Then, draw this shape, or better said, continue with picture painting. See the picture below.

Step 14

Click on frame 120 and press F7 key (Blank Keyframe). Then, while you’re still on frame 120, take the Rectangle Tool (R). Block the Stroke Color, for Fill color choose any color and draw a rectangle over the picture.

Step 15

Select the brush layer and go to the Properties Panel (Ctrl+F3) below the stage. On the left side, you will see Tween drop down menu. Choose shape on it. See the picture below.

Step 16

Select brush layer and convert it to a mask by right-clicking on the shape layer and selecting Mask. See the picture below.

Now, you have this:

We’re done!


Grading Rubric:

Complete your 1st Flash Animation. Export your movie as a flash movie (.swf) and upload onto your web page.


Leave a Reply