Flash Animation Picture

Reading this tutorial you will learn how to create animation on a simple picture using Brush Tool and Mask.

Step 1

Choose a picture you want to use for the animation, then open a new flash document.

Step 2

Go to Modify > Document (Ctrl+J). Set the dimensions of your document as the dimensions of picture that you want to use and it is important to set Frame Rate to 32 fps.

Step 3

We need to have the picture on the stage. So choose File > Import > Import to Stage (Ctrl+R) and import the picture into a flash stage. You can see that the picture is not totally on the stage. We have to align the image with the background. Hit Ctrl+K and align the picture horizontal center and vertical center. See the image:

Step 4

Click on frame 160 and press F5 key.

Step 5

Now create a new layer above the picture layer and name it brush.To rename a layer double click on his implicit name. You should have obtained something similar with this:

Step 6

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

Step 7

Draw something beside the picture.

Step 8

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 9

Click on the frame 40 and draw something similar with the next image:

Step 10

Click on frame 80 and press F6 key. Then, draw another shape similar with the earlier image.

Step 11

Repeat the earlier step but now click on frame 100.

Step 12

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 13

Select the brush layer and go to the Properties Panel (Ctrl+F3) below the stage. Choose Shape from the Tween drop down menu.

Step 14

Select brush layer, right click and select Mask. You have converted the layer to a mask. After that you will observe something different in front of your layers name like in the image:

Here is the source (.fla).

Post a comment

Name (required)

Mail (will not be published) (required)

Website

Anti-spam text: (Required)*
To prove you're a person (not a spam script), type the security text shown in the picture. Click here to regenerate some new text.